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

package/esm/plugins/selectable/SelectablePlugin.js

@@ -1,12 +1,11 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { useState, useCallback, useEffect } from 'react';
-import cx from 'obj-str';
-import { isFunction } from '@elliemae/ds-utilities';
-import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
-import { selectionColumnCreator } from './addSelectableColumn.js';
-import { useSelectableState } from './useSelectableState.js';
-import { selectMultipleRow, selectSingleRow } from './helper.js';
-
+import * as React from "react";
+import { useEffect, useState, useCallback } from "react";
+import cx from "obj-str";
+import { isFunction } from "@elliemae/ds-utilities";
+import { createInstancePlugin } from "@elliemae/ds-shared/createDataInstance/createInstancePlugin";
+import { selectionColumnCreator } from "./addSelectableColumn";
+import { useSelectableState } from "./useSelectableState";
+import { selectMultipleRow, selectSingleRow } from "./helper";
 const decorateColumns = (columns, grid) => {
   const {
     props: {
@@ -16,17 +15,12 @@ const decorateColumns = (columns, grid) => {
       multiSelectFilterLabels,
       multiSelectComponent
     },
-    actions: {
-      selectAll: handleSelectAll,
-      selectRow: handleSelectRow
-    },
-    state: {
-      selection
-    }
+    actions: { selectAll: handleSelectAll, selectRow: handleSelectRow },
+    state: { selection }
   } = grid;
   const createSelectionColumn = selectionColumnCreator({
     grid,
-    multiple: selectable === 'multi',
+    multiple: selectable === "multi",
     selectAll: selection.selectAll,
     onSelectAll: handleSelectAll,
     onSelectRow: handleSelectRow,
@@ -35,102 +29,63 @@ const decorateColumns = (columns, grid) => {
     multiSelectFilterLabels,
     multiSelectComponent
   });
-  const {
-    showSelectColumn,
-    selectionColumnDefinition
-  } = grid.props;
-
+  const { showSelectColumn, selectionColumnDefinition } = grid.props;
   if (showSelectColumn) {
     const selectionColumn = createSelectionColumn(selectionColumnDefinition);
     return [selectionColumn, ...columns];
   }
-
   return columns;
 };
-
-const getRowProps = (rowProps, grid, _ref) => {
-  let {
-    rowData
-  } = _ref;
+const getRowProps = (rowProps, grid, { rowData }) => {
   const {
-    props: {
-      showSelectHighlight,
-      showSelectColumn,
-      rowKey
-    },
-    actions: {
-      selectRow
-    }
+    props: { showSelectHighlight, showSelectColumn, rowKey },
+    actions: { selectRow }
   } = grid.getInstance();
-  const {
-    _index
-  } = rowData;
-  const isSelected = rowData['metaData.selected'];
-
+  const { _index } = rowData;
+  const isSelected = rowData["metaData.selected"];
   if (!showSelectColumn) {
     rowProps.onClick = () => selectRow(rowData[rowKey], _index);
   }
-
   rowProps.className = cx({
     [rowProps.className]: true,
     selected: isSelected,
-    'select-highlight': showSelectHighlight && isSelected
+    "select-highlight": showSelectHighlight && isSelected
   });
   return rowProps;
 };
-
 const composeRows = (rows, grid) => {
   const {
-    props: {
-      isRowSelected,
-      multiple,
-      rowKey
-    },
-    state: {
-      selection
-    }
+    props: { isRowSelected, multiple, rowKey },
+    state: { selection }
   } = grid.getInstance();
-
-  const selectionPredicate = row => isFunction(isRowSelected) ? isRowSelected(row) : !!selection.selectedRows[row[rowKey]];
-
+  const selectionPredicate = (row) => isFunction(isRowSelected) ? isRowSelected(row) : !!selection.selectedRows[row[rowKey]];
   return multiple ? selectMultipleRow(rows, selectionPredicate) : selectSingleRow(rows, selectionPredicate);
 };
-
-const decorateGrid = grid => {
-  // const handler = useRef();
+const decorateGrid = (grid) => {
   const {
-    props: {
-      isRowSelected,
-      rowKey
-    },
-    actions: {
-      selectRow
-    },
-    state: {
-      selection
-    }
+    props: { isRowSelected, rowKey },
+    actions: { selectRow },
+    state: { selection }
   } = grid.getInstance();
   const [shiftPressed, setShiftPressed] = useState(false);
   const [lastSelectedRow, setLastSelectedRow] = useState(null);
   const selectRowHandler = useCallback((rowData, index) => () => selectRow(rowData[rowKey], index, shiftPressed), [isRowSelected, selection, shiftPressed]);
   useEffect(() => {
-    const keyDownListener = event => {
-      if (event.key === 'Shift' && event.target.tagName.toLowerCase() !== 'input' && event.target.parentNode.className !== 'em-ds-combobox__input') {
+    const keyDownListener = (event) => {
+      if (event.key === "Shift" && event.target.tagName.toLowerCase() !== "input" && event.target.parentNode.className !== "em-ds-combobox__input") {
         setShiftPressed(true);
       }
     };
-
-    const keyUpListener = event => {
-      if (event.key === 'Shift' && event.target.tagName.toLowerCase() !== 'input' && event.target.parentNode.className !== 'em-ds-combobox__input') {
+    const keyUpListener = (event) => {
+      if (event.key === "Shift" && event.target.tagName.toLowerCase() !== "input" && event.target.parentNode.className !== "em-ds-combobox__input") {
         setShiftPressed(false);
       }
     };
-
-    window.addEventListener('keydown', keyDownListener);
-    window.addEventListener('keyup', keyUpListener);
+    window.addEventListener("keydown", keyDownListener);
+    window.addEventListener("keyup", keyUpListener);
     return () => {
-      window.removeEventListener('keydown', keyDownListener);
-      window.removeEventListener('keyup', keyUpListener);
+      window.removeEventListener("keydown", keyDownListener);
+      window.removeEventListener("keyup", keyUpListener);
     };
   });
   return {
@@ -140,51 +95,43 @@ const decorateGrid = grid => {
     lastSelectedRow
   };
 };
-
-const SelectablePlugin = createInstancePlugin('selectable', {
+const SelectablePlugin = createInstancePlugin("selectable", {
   decorateGrid,
   registerStateHook: useSelectableState,
   decorateColumns,
   getRowProps,
   composeRows,
-
   registerHotKeys(grid) {
-    return [{
-      key: 'space',
-      handler: _ref2 => {
-        let {
-          rowIndex
-        } = _ref2;
-        const {
-          composedRows,
-          props: {
-            rowKey
-          },
-          actions: {
-            selectRow
-          }
-        } = grid.getInstance();
-        const rows = composedRows.rows || composedRows;
-        const row = rows[rowIndex];
-        if (!row) return;
-        selectRow(row[rowKey], rowIndex);
-      }
-    }, {
-      key: 'ctrl+a',
-      handler: () => {
-        const {
-          state: {
-            selection
-          },
-          actions: {
-            selectAll
-          }
-        } = grid.getInstance();
-        selectAll(!selection.selectAll);
+    return [
+      {
+        key: "space",
+        handler: ({ rowIndex }) => {
+          const {
+            composedRows,
+            props: { rowKey },
+            actions: { selectRow }
+          } = grid.getInstance();
+          const rows = composedRows.rows || composedRows;
+          const row = rows[rowIndex];
+          if (!row)
+            return;
+          selectRow(row[rowKey], rowIndex);
+        }
+      },
+      {
+        key: "ctrl+a",
+        handler: () => {
+          const {
+            state: { selection },
+            actions: { selectAll }
+          } = grid.getInstance();
+          selectAll(!selection.selectAll);
+        }
       }
-    }];
+    ];
   }
-
 });
-
-export { SelectablePlugin };
+export {
+  SelectablePlugin
+};
+//# sourceMappingURL=SelectablePlugin.js.map

package/esm/plugins/selectable/SelectablePlugin.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/selectable/SelectablePlugin.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react-hooks/rules-of-hooks */\n/* eslint-disable max-lines */\nimport { useEffect, useState, useCallback } from 'react';\nimport cx from 'obj-str';\nimport { isFunction } from '@elliemae/ds-utilities';\nimport { createInstancePlugin } from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';\nimport { selectionColumnCreator } from './addSelectableColumn';\nimport { useSelectableState } from './useSelectableState';\nimport { selectMultipleRow, selectSingleRow } from './helper';\n\n// DECORATORS\nconst decorateColumns = (columns, grid) => {\n  const {\n    props: {\n      selectable,\n      multiSelectFilterLabel,\n      multiSelectFilterOptions,\n      multiSelectFilterLabels,\n      multiSelectComponent,\n    },\n    actions: { selectAll: handleSelectAll, selectRow: handleSelectRow },\n    state: { selection },\n  } = grid;\n\n  const createSelectionColumn = selectionColumnCreator({\n    grid,\n    multiple: selectable === 'multi',\n    selectAll: selection.selectAll,\n    onSelectAll: handleSelectAll,\n    onSelectRow: handleSelectRow,\n    multiSelectFilterLabel,\n    multiSelectFilterOptions,\n    multiSelectFilterLabels,\n    multiSelectComponent,\n  });\n\n  const { showSelectColumn, selectionColumnDefinition } = grid.props;\n\n  if (showSelectColumn) {\n    const selectionColumn = createSelectionColumn(selectionColumnDefinition);\n    return [selectionColumn, ...columns];\n  }\n  return columns;\n};\n\nconst getRowProps = (rowProps, grid, { rowData }) => {\n  const {\n    props: { showSelectHighlight, showSelectColumn, rowKey },\n    actions: { selectRow },\n  } = grid.getInstance();\n\n  const { _index } = rowData;\n  const isSelected = rowData['metaData.selected'];\n\n  if (!showSelectColumn) {\n    rowProps.onClick = () => selectRow(rowData[rowKey], _index);\n  }\n\n  rowProps.className = cx({\n    [rowProps.className]: true,\n    selected: isSelected,\n    'select-highlight': showSelectHighlight && isSelected,\n  });\n\n  return rowProps;\n};\n\nconst composeRows = (rows, grid) => {\n  const {\n    props: { isRowSelected, multiple, rowKey },\n    state: { selection },\n  } = grid.getInstance();\n\n  const selectionPredicate = (row) =>\n    isFunction(isRowSelected) ? isRowSelected(row) : !!selection.selectedRows[row[rowKey]];\n\n  return multiple ? selectMultipleRow(rows, selectionPredicate) : selectSingleRow(rows, selectionPredicate);\n};\n\nconst decorateGrid = (grid) => {\n  // const handler = useRef();\n  const {\n    props: { isRowSelected, rowKey },\n    actions: { selectRow },\n    state: { selection },\n  } = grid.getInstance();\n  const [shiftPressed, setShiftPressed] = useState(false);\n  const [lastSelectedRow, setLastSelectedRow] = useState(null);\n\n  const selectRowHandler = useCallback(\n    (rowData, index) => () => selectRow(rowData[rowKey], index, shiftPressed),\n    [isRowSelected, selection, shiftPressed],\n  );\n\n  useEffect(() => {\n    const keyDownListener = (event) => {\n      if (\n        event.key === 'Shift' &&\n        event.target.tagName.toLowerCase() !== 'input' &&\n        event.target.parentNode.className !== 'em-ds-combobox__input'\n      ) {\n        setShiftPressed(true);\n      }\n    };\n    const keyUpListener = (event) => {\n      if (\n        event.key === 'Shift' &&\n        event.target.tagName.toLowerCase() !== 'input' &&\n        event.target.parentNode.className !== 'em-ds-combobox__input'\n      ) {\n        setShiftPressed(false);\n      }\n    };\n    window.addEventListener('keydown', keyDownListener);\n    window.addEventListener('keyup', keyUpListener);\n    return () => {\n      window.removeEventListener('keydown', keyDownListener);\n      window.removeEventListener('keyup', keyUpListener);\n    };\n  });\n\n  return {\n    shiftPressed,\n    selectRowHandler,\n    setLastSelectedRow,\n    lastSelectedRow,\n  };\n};\n\nexport const SelectablePlugin = createInstancePlugin('selectable', {\n  decorateGrid,\n  registerStateHook: useSelectableState,\n  decorateColumns,\n  getRowProps,\n  composeRows,\n  registerHotKeys(grid) {\n    return [\n      {\n        key: 'space',\n        handler: ({ rowIndex }) => {\n          const {\n            composedRows,\n            props: { rowKey },\n            actions: { selectRow },\n          } = grid.getInstance();\n          const rows = composedRows.rows || composedRows;\n          const row = rows[rowIndex];\n          if (!row) return;\n          selectRow(row[rowKey], rowIndex);\n        },\n      },\n      {\n        key: 'ctrl+a',\n        handler: () => {\n          const {\n            state: { selection },\n            actions: { selectAll },\n          } = grid.getInstance();\n\n          selectAll(!selection.selectAll);\n        },\n      },\n    ];\n  },\n});\n"],
+  "mappings": "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",
+  "names": []
+}

package/esm/plugins/selectable/addSelectableColumn.js

@@ -1,55 +1,38 @@
-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 { appendCellFormatter, appendHeaderFormatter } from '@elliemae/ds-shared/useDataGrid/initColumnDefinition';
-import selectableFormatter from './selectableFormatter.js';
-
-const _excluded = ["visible", "isDataColumn", "width", "minWidth", "cellRenderer", "headerCellRenderer", "customRenderer", "header"];
-
-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; }
-function selectionColumnCreator(_ref) {
-  let {
-    grid,
-    selectAll,
-    selectionComponent,
-    onSelectRow,
-    onSelectAll,
-    multiple,
-    // backward compatibility: later this needed to be passed through column definition
-    multiSelectFilterLabel,
-    multiSelectFilterOptions,
-    multiSelectFilterLabels,
-    multiSelectComponent // favor selectionComponent
-
-  } = _ref;
+import * as React from "react";
+import {
+  appendCellFormatter,
+  appendHeaderFormatter
+} from "@elliemae/ds-shared/useDataGrid/initColumnDefinition";
+import { selectableFormatter } from "./selectableFormatter";
+function selectionColumnCreator({
+  grid,
+  selectAll,
+  selectionComponent,
+  onSelectRow,
+  onSelectAll,
+  multiple,
+  multiSelectFilterLabel,
+  multiSelectFilterOptions,
+  multiSelectFilterLabels,
+  multiSelectComponent
+}) {
   const {
-    props: {
-      rowKey
-    }
+    props: { rowKey }
   } = grid;
-  return function () {
-    let _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
-    let {
-      visible = true,
-      isDataColumn = false,
-      width = 40,
-      minWidth,
-      cellRenderer,
-      headerCellRenderer,
-      customRenderer,
-      header
-    } = _ref2,
-        column = _objectWithoutProperties(_ref2, _excluded);
-
-    let selectionColumn = _objectSpread(_objectSpread({}, column), {}, {
-      property: 'metaData.selected',
+  return ({
+    visible = true,
+    isDataColumn = false,
+    width = 40,
+    minWidth,
+    cellRenderer,
+    headerCellRenderer,
+    customRenderer,
+    header,
+    ...column
+  } = {}) => {
+    let selectionColumn = {
+      ...column,
+      property: "metaData.selected",
       filterLabel: multiSelectFilterLabel,
       filterOptions: multiSelectFilterOptions,
       filterLabels: multiSelectFilterLabels,
@@ -57,28 +40,27 @@ function selectionColumnCreator(_ref) {
       width,
       minWidth: minWidth || width,
       isDataColumn
-    });
-
+    };
     selectionColumn = appendCellFormatter(selectableFormatter({
       isMultiSelect: multiple,
       renderer: selectionComponent || multiSelectComponent,
       onSelect: onSelectRow
     }, grid))(selectionColumn);
-
     if (multiple) {
       selectionColumn = appendHeaderFormatter(selectableFormatter({
         rowKey,
         selectAll,
         isMultiSelect: true,
         isHeader: true,
-        className: 'multi-select-wrapper',
+        className: "multi-select-wrapper",
         renderer: selectionComponent || multiSelectComponent,
         onSelect: onSelectAll
       }, grid))(selectionColumn);
     }
-
     return selectionColumn;
   };
 }
-
-export { selectionColumnCreator };
+export {
+  selectionColumnCreator
+};
+//# sourceMappingURL=addSelectableColumn.js.map

package/esm/plugins/selectable/addSelectableColumn.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/selectable/addSelectableColumn.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import {\n  appendCellFormatter,\n  appendHeaderFormatter,\n} from '@elliemae/ds-shared/useDataGrid/initColumnDefinition';\nimport { selectableFormatter } from './selectableFormatter';\n\nexport function selectionColumnCreator({\n  grid,\n  selectAll,\n  selectionComponent,\n  onSelectRow,\n  onSelectAll,\n  multiple,\n\n  // backward compatibility: later this needed to be passed through column definition\n  multiSelectFilterLabel,\n  multiSelectFilterOptions,\n  multiSelectFilterLabels,\n  multiSelectComponent, // favor selectionComponent\n}) {\n  const {\n    props: { rowKey },\n  } = grid;\n\n  return ({\n    visible = true,\n    isDataColumn = false,\n    width = 40,\n    minWidth,\n    cellRenderer,\n    headerCellRenderer,\n    customRenderer,\n    header,\n    ...column\n  } = {}) => {\n    let selectionColumn = {\n      ...column,\n      property: 'metaData.selected',\n      filterLabel: multiSelectFilterLabel,\n      filterOptions: multiSelectFilterOptions,\n      filterLabels: multiSelectFilterLabels,\n      visible,\n      width,\n      minWidth: minWidth || width,\n      isDataColumn,\n    };\n    selectionColumn = appendCellFormatter(\n      selectableFormatter(\n        {\n          isMultiSelect: multiple,\n          renderer: selectionComponent || multiSelectComponent,\n          onSelect: onSelectRow,\n        },\n        grid,\n      ),\n    )(selectionColumn);\n\n    if (multiple) {\n      selectionColumn = appendHeaderFormatter(\n        selectableFormatter(\n          {\n            rowKey,\n            selectAll,\n            isMultiSelect: true,\n            isHeader: true,\n            className: 'multi-select-wrapper',\n            renderer: selectionComponent || multiSelectComponent,\n            onSelect: onSelectAll,\n          },\n          grid,\n        ),\n      )(selectionColumn);\n    }\n    return selectionColumn;\n  };\n}\n"],
+  "mappings": "AAAA;ACAA;AAAA;AAAA;AAAA;AAIA;AAEO,gCAAgC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,GACC;AACD,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,MACP;AAEJ,SAAO,CAAC;AAAA,IACN,UAAU;AAAA,IACV,eAAe;AAAA,IACf,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,OACG;AAAA,MACD,OAAO;AACT,QAAI,kBAAkB;AAAA,SACjB;AAAA,MACH,UAAU;AAAA,MACV,aAAa;AAAA,MACb,eAAe;AAAA,MACf,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA,UAAU,YAAY;AAAA,MACtB;AAAA;AAEF,sBAAkB,oBAChB,oBACE;AAAA,MACE,eAAe;AAAA,MACf,UAAU,sBAAsB;AAAA,MAChC,UAAU;AAAA,OAEZ,OAEF;AAEF,QAAI,UAAU;AACZ,wBAAkB,sBAChB,oBACE;AAAA,QACE;AAAA,QACA;AAAA,QACA,eAAe;AAAA,QACf,UAAU;AAAA,QACV,WAAW;AAAA,QACX,UAAU,sBAAsB;AAAA,QAChC,UAAU;AAAA,SAEZ,OAEF;AAAA;AAEJ,WAAO;AAAA;AAAA;",
+  "names": []
+}

package/esm/plugins/selectable/helper.js

@@ -1,31 +1,25 @@
-import 'core-js/modules/esnext.async-iterator.filter.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 '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/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import { toggleInObject } from '@elliemae/ds-utilities';
-
-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 { toggleInObject } from "@elliemae/ds-utilities";
 const checkAllRowsSelected = (rows, selectedRows) => {
-  if (rows.length && selectedRows.length === rows.length) return true;
-  if (selectedRows.length) return 'mixed';
+  if (rows.length && selectedRows.length === rows.length)
+    return true;
+  if (selectedRows.length)
+    return "mixed";
   return false;
 };
 const toggleSelectAll = (rows, checked) => !checked ? {} : rows.reduce((nextSelRows, row) => toggleInObject(nextSelRows, row.id, true), {});
 const toggleSingleSelectable = (selectedRows, id) => !selectedRows[id] ? toggleInObject({}, id, true) : {};
-
-const mergeSelectedToMetaData = selected => row => _objectSpread(_objectSpread({}, row), {}, {
-  'metaData.selected': selected
+const mergeSelectedToMetaData = (selected) => (row) => ({
+  ...row,
+  "metaData.selected": selected
 });
-
-const selectSingleRow = (rows, filter) => rows.map(row => mergeSelectedToMetaData(filter(row))(row));
-const selectMultipleRow = (rows, isRowSelectedPredicate) => rows.map(row => mergeSelectedToMetaData(isRowSelectedPredicate(row))(row));
-
-export { checkAllRowsSelected, selectMultipleRow, selectSingleRow, toggleSelectAll, toggleSingleSelectable };
+const selectSingleRow = (rows, filter) => rows.map((row) => mergeSelectedToMetaData(filter(row))(row));
+const selectMultipleRow = (rows, isRowSelectedPredicate) => rows.map((row) => mergeSelectedToMetaData(isRowSelectedPredicate(row))(row));
+export {
+  checkAllRowsSelected,
+  selectMultipleRow,
+  selectSingleRow,
+  toggleSelectAll,
+  toggleSingleSelectable
+};
+//# sourceMappingURL=helper.js.map

package/esm/plugins/selectable/helper.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/selectable/helper.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { toggleInObject } from '@elliemae/ds-utilities';\n\nexport const checkAllRowsSelected = (rows, selectedRows) => {\n  if (rows.length && selectedRows.length === rows.length) return true;\n  if (selectedRows.length) return 'mixed';\n  return false;\n};\n\nexport const toggleSelectAll = (rows, checked) =>\n  !checked ? {} : rows.reduce((nextSelRows, row) => toggleInObject(nextSelRows, row.id, true), {});\n\nexport const toggleSingleSelectable = (selectedRows, id) => (!selectedRows[id] ? toggleInObject({}, id, true) : {});\n\nconst mergeSelectedToMetaData = (selected) => (row) => ({\n  ...row,\n  'metaData.selected': selected,\n});\n\nexport const selectSingleRow = (rows, filter) => rows.map((row) => mergeSelectedToMetaData(filter(row))(row));\n\nexport const selectMultipleRow = (rows, isRowSelectedPredicate) =>\n  rows.map((row) => mergeSelectedToMetaData(isRowSelectedPredicate(row))(row));\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,uBAAuB,CAAC,MAAM,iBAAiB;AAC1D,MAAI,KAAK,UAAU,aAAa,WAAW,KAAK;AAAQ,WAAO;AAC/D,MAAI,aAAa;AAAQ,WAAO;AAChC,SAAO;AAAA;AAGF,MAAM,kBAAkB,CAAC,MAAM,YACpC,CAAC,UAAU,KAAK,KAAK,OAAO,CAAC,aAAa,QAAQ,eAAe,aAAa,IAAI,IAAI,OAAO;AAExF,MAAM,yBAAyB,CAAC,cAAc,OAAQ,CAAC,aAAa,MAAM,eAAe,IAAI,IAAI,QAAQ;AAEhH,MAAM,0BAA0B,CAAC,aAAa,CAAC,QAAS;AAAA,KACnD;AAAA,EACH,qBAAqB;AAAA;AAGhB,MAAM,kBAAkB,CAAC,MAAM,WAAW,KAAK,IAAI,CAAC,QAAQ,wBAAwB,OAAO,MAAM;AAEjG,MAAM,oBAAoB,CAAC,MAAM,2BACtC,KAAK,IAAI,CAAC,QAAQ,wBAAwB,uBAAuB,MAAM;",
+  "names": []
+}

package/esm/plugins/selectable/index.js

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

package/esm/plugins/selectable/index.js.map

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

package/esm/plugins/selectable/selectableFormatter.js

@@ -1,107 +1,64 @@
-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, { useRef, useEffect, forwardRef } from 'react';
-import { isFunction } from '@elliemae/ds-utilities';
-import { DSCheckbox, DSRadio } from '@elliemae/ds-form';
-import { jsx } from 'react/jsx-runtime';
-
-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 SelectableWrapper = _ref => {
-  let {
-    className,
-    children
-  } = _ref;
-  return /*#__PURE__*/_jsx("div", {
-    className: className,
-    onClick: e => e.stopPropagation()
-  }, void 0, children);
-};
-
-const SelectableComponent = /*#__PURE__*/React.memo( /*#__PURE__*/forwardRef((_ref2, ref) => {
-  let {
-    className,
-    isMultiSelect,
-    isHeader,
-    onSelect,
-    isSelected,
-    value
-  } = _ref2;
+import * as React from "react";
+import React2, { forwardRef, useEffect, useRef } from "react";
+import { isFunction } from "@elliemae/ds-utilities";
+import { DSCheckbox, DSRadio } from "@elliemae/ds-form";
+const SelectableWrapper = ({ className, children }) => /* @__PURE__ */ React2.createElement("div", {
+  className,
+  onClick: (e) => e.stopPropagation()
+}, children);
+const SelectableComponent = React2.memo(forwardRef(({ className, isMultiSelect, isHeader, onSelect, isSelected, value }, ref) => {
   const SelectComponent = isMultiSelect || isHeader ? DSCheckbox : DSRadio;
-  return /*#__PURE__*/_jsx(SelectableWrapper, {
-    className: className
-  }, void 0, /*#__PURE__*/_jsx(SelectComponent, {
+  return /* @__PURE__ */ React2.createElement(SelectableWrapper, {
+    className
+  }, /* @__PURE__ */ React2.createElement(SelectComponent, {
     checked: isSelected,
     "data-testid": "column-selectable-component",
     innerRef: ref,
     onChange: onSelect,
     tabIndex: -1,
-    value: value
+    value
   }));
 }, (prev, next) => next.isScrolling));
-
-const selectableFormatter = (_ref3, grid) => {
-  let {
-    isMultiSelect = false,
-    renderer,
+const selectableFormatter = ({ isMultiSelect = false, renderer, className, isHeader, onSelect }, grid) => (valueRender, extraParams) => {
+  const { registerFocus } = extraParams;
+  const ref = useRef();
+  const {
+    props: { rowKey },
+    state: { selection },
+    shiftPressed,
+    lastSelectedRow
+  } = grid.getInstance();
+  const { rowData, isScrolling } = extraParams;
+  useEffect(() => {
+    if (registerFocus)
+      registerFocus(ref.current);
+  }, [ref.current]);
+  const isSelected = isHeader ? selection.selectAll : !!selection.selectedRows[rowData[rowKey]];
+  const handleSelect = isHeader ? () => onSelect(!isSelected) : () => onSelect(rowData[rowKey], extraParams.rowIndex, shiftPressed, lastSelectedRow);
+  if (isFunction(renderer)) {
+    return /* @__PURE__ */ React2.createElement(SelectableWrapper, {
+      className
+    }, renderer({
+      rowData: {},
+      ...extraParams,
+      value: isSelected,
+      isHeader,
+      onSelect: handleSelect
+    }));
+  }
+  return /* @__PURE__ */ React2.createElement(SelectableComponent, {
+    ref,
     className,
-    isHeader,
-    onSelect
-  } = _ref3;
-  return (valueRender, extraParams) => {
-    const {
-      registerFocus
-    } = extraParams;
-    const ref = useRef();
-    const {
-      props: {
-        rowKey
-      },
-      state: {
-        selection
-      },
-      shiftPressed,
-      lastSelectedRow
-    } = grid.getInstance();
-    const {
-      rowData,
-      isScrolling
-    } = extraParams;
-    useEffect(() => {
-      if (registerFocus) registerFocus(ref.current);
-    }, [ref.current]);
-    const isSelected = isHeader ? selection.selectAll : !!selection.selectedRows[rowData[rowKey]];
-    const handleSelect = isHeader ? () => onSelect(!isSelected) : () => onSelect(rowData[rowKey], extraParams.rowIndex, shiftPressed, lastSelectedRow);
-
-    if (isFunction(renderer)) {
-      return /*#__PURE__*/_jsx(SelectableWrapper, {
-        className: className
-      }, void 0, renderer(_objectSpread(_objectSpread({
-        rowData: {}
-      }, extraParams), {}, {
-        value: isSelected,
-        isHeader,
-        onSelect: handleSelect
-      })));
-    }
-
-    return /*#__PURE__*/jsx(SelectableComponent, {
-      ref: ref,
-      className: className,
-      isMultiSelect: isMultiSelect,
-      isScrolling: isScrolling,
-      isSelected: isSelected,
-      onSelect: handleSelect,
-      value: !isHeader ? rowData[rowKey] : 'header-select-all'
-    });
-  };
+    isMultiSelect,
+    isScrolling,
+    isSelected,
+    onSelect: handleSelect,
+    value: !isHeader ? rowData[rowKey] : "header-select-all"
+  });
+};
+var selectableFormatter_default = selectableFormatter;
+export {
+  selectableFormatter_default as default,
+  selectableFormatter
 };
-
-export { selectableFormatter as default };
+//# sourceMappingURL=selectableFormatter.js.map