@elliemae/ds-datagrids 2.2.0-alpha.1 → 2.2.0-alpha.5

package/cjs/plugins/selectable/SelectablePlugin.js

@@ -1,21 +1,42 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/web.dom-collections.iterator.js');
-var React = require('react');
-var cx = require('obj-str');
-var dsUtilities = require('@elliemae/ds-utilities');
-var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
-var addSelectableColumn = require('./addSelectableColumn.js');
-var useSelectableState = require('./useSelectableState.js');
-var helper = require('./helper.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
-
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var SelectablePlugin_exports = {};
+__export(SelectablePlugin_exports, {
+  SelectablePlugin: () => SelectablePlugin
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_obj_str = __toESM(require("obj-str"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_createInstancePlugin = require("@elliemae/ds-shared/createDataInstance/createInstancePlugin");
+var import_addSelectableColumn = require("./addSelectableColumn");
+var import_useSelectableState = require("./useSelectableState");
+var import_helper = require("./helper");
 const decorateColumns = (columns, grid) => {
   const {
     props: {
@@ -25,17 +46,12 @@ const decorateColumns = (columns, grid) => {
       multiSelectFilterLabels,
       multiSelectComponent
     },
-    actions: {
-      selectAll: handleSelectAll,
-      selectRow: handleSelectRow
-    },
-    state: {
-      selection
-    }
+    actions: { selectAll: handleSelectAll, selectRow: handleSelectRow },
+    state: { selection }
   } = grid;
-  const createSelectionColumn = addSelectableColumn.selectionColumnCreator({
+  const createSelectionColumn = (0, import_addSelectableColumn.selectionColumnCreator)({
     grid,
-    multiple: selectable === 'multi',
+    multiple: selectable === "multi",
     selectAll: selection.selectAll,
     onSelectAll: handleSelectAll,
     onSelectRow: handleSelectRow,
@@ -44,102 +60,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__default["default"]({
+  rowProps.className = (0, import_obj_str.default)({
     [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 => dsUtilities.isFunction(isRowSelected) ? isRowSelected(row) : !!selection.selectedRows[row[rowKey]];
-
-  return multiple ? helper.selectMultipleRow(rows, selectionPredicate) : helper.selectSingleRow(rows, selectionPredicate);
+  const selectionPredicate = (row) => (0, import_ds_utilities.isFunction)(isRowSelected) ? isRowSelected(row) : !!selection.selectedRows[row[rowKey]];
+  return multiple ? (0, import_helper.selectMultipleRow)(rows, selectionPredicate) : (0, import_helper.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] = React.useState(false);
-  const [lastSelectedRow, setLastSelectedRow] = React.useState(null);
-  const selectRowHandler = React.useCallback((rowData, index) => () => selectRow(rowData[rowKey], index, shiftPressed), [isRowSelected, selection, shiftPressed]);
-  React.useEffect(() => {
-    const keyDownListener = event => {
-      if (event.key === 'Shift' && event.target.tagName.toLowerCase() !== 'input' && event.target.parentNode.className !== 'em-ds-combobox__input') {
+  const [shiftPressed, setShiftPressed] = (0, import_react.useState)(false);
+  const [lastSelectedRow, setLastSelectedRow] = (0, import_react.useState)(null);
+  const selectRowHandler = (0, import_react.useCallback)((rowData, index) => () => selectRow(rowData[rowKey], index, shiftPressed), [isRowSelected, selection, shiftPressed]);
+  (0, import_react.useEffect)(() => {
+    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 {
@@ -149,51 +126,41 @@ const decorateGrid = grid => {
     lastSelectedRow
   };
 };
-
-const SelectablePlugin = createInstancePlugin__default["default"]('selectable', {
+const SelectablePlugin = (0, import_createInstancePlugin.createInstancePlugin)("selectable", {
   decorateGrid,
-  registerStateHook: useSelectableState.useSelectableState,
+  registerStateHook: import_useSelectableState.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);
+        }
       }
-    }];
+    ];
   }
-
 });
-
-exports.SelectablePlugin = SelectablePlugin;
+module.exports = __toCommonJS(SelectablePlugin_exports);
+//# sourceMappingURL=SelectablePlugin.js.map

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

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

package/cjs/plugins/selectable/addSelectableColumn.js

@@ -1,64 +1,66 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var initColumnDefinition = require('@elliemae/ds-shared/useDataGrid/initColumnDefinition');
-var selectableFormatter = require('./selectableFormatter.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-
-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__default["default"](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;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var addSelectableColumn_exports = {};
+__export(addSelectableColumn_exports, {
+  selectionColumnCreator: () => selectionColumnCreator
+});
+var React = __toESM(require("react"));
+var import_initColumnDefinition = require("@elliemae/ds-shared/useDataGrid/initColumnDefinition");
+var import_selectableFormatter = require("./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__default["default"](_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,
@@ -66,28 +68,25 @@ function selectionColumnCreator(_ref) {
       width,
       minWidth: minWidth || width,
       isDataColumn
-    });
-
-    selectionColumn = initColumnDefinition.appendCellFormatter(selectableFormatter({
+    };
+    selectionColumn = (0, import_initColumnDefinition.appendCellFormatter)((0, import_selectableFormatter.selectableFormatter)({
       isMultiSelect: multiple,
       renderer: selectionComponent || multiSelectComponent,
       onSelect: onSelectRow
     }, grid))(selectionColumn);
-
     if (multiple) {
-      selectionColumn = initColumnDefinition.appendHeaderFormatter(selectableFormatter({
+      selectionColumn = (0, import_initColumnDefinition.appendHeaderFormatter)((0, import_selectableFormatter.selectableFormatter)({
         rowKey,
         selectAll,
         isMultiSelect: true,
         isHeader: true,
-        className: 'multi-select-wrapper',
+        className: "multi-select-wrapper",
         renderer: selectionComponent || multiSelectComponent,
         onSelect: onSelectAll
       }, grid))(selectionColumn);
     }
-
     return selectionColumn;
   };
 }
-
-exports.selectionColumnCreator = selectionColumnCreator;
+module.exports = __toCommonJS(addSelectableColumn_exports);
+//# sourceMappingURL=addSelectableColumn.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugins/selectable/addSelectableColumn.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,kCAGO;AACP,iCAAoC;AAE7B,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,qDAChB,oDACE;AAAA,MACE,eAAe;AAAA,MACf,UAAU,sBAAsB;AAAA,MAChC,UAAU;AAAA,OAEZ,OAEF;AAEF,QAAI,UAAU;AACZ,wBAAkB,uDAChB,oDACE;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/cjs/plugins/selectable/helper.js

@@ -1,43 +1,54 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/esnext.async-iterator.reduce.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.reduce.js');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var dsUtilities = require('@elliemae/ds-utilities');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-
-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__default["default"](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; }
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var helper_exports = {};
+__export(helper_exports, {
+  checkAllRowsSelected: () => checkAllRowsSelected,
+  selectMultipleRow: () => selectMultipleRow,
+  selectSingleRow: () => selectSingleRow,
+  toggleSelectAll: () => toggleSelectAll,
+  toggleSingleSelectable: () => toggleSingleSelectable
+});
+var React = __toESM(require("react"));
+var import_ds_utilities = require("@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) => dsUtilities.toggleInObject(nextSelRows, row.id, true), {});
-const toggleSingleSelectable = (selectedRows, id) => !selectedRows[id] ? dsUtilities.toggleInObject({}, id, true) : {};
-
-const mergeSelectedToMetaData = selected => row => _objectSpread(_objectSpread({}, row), {}, {
-  'metaData.selected': selected
+const toggleSelectAll = (rows, checked) => !checked ? {} : rows.reduce((nextSelRows, row) => (0, import_ds_utilities.toggleInObject)(nextSelRows, row.id, true), {});
+const toggleSingleSelectable = (selectedRows, id) => !selectedRows[id] ? (0, import_ds_utilities.toggleInObject)({}, id, true) : {};
+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));
-
-exports.checkAllRowsSelected = checkAllRowsSelected;
-exports.selectMultipleRow = selectMultipleRow;
-exports.selectSingleRow = selectSingleRow;
-exports.toggleSelectAll = toggleSelectAll;
-exports.toggleSingleSelectable = toggleSingleSelectable;
+const selectSingleRow = (rows, filter) => rows.map((row) => mergeSelectedToMetaData(filter(row))(row));
+const selectMultipleRow = (rows, isRowSelectedPredicate) => rows.map((row) => mergeSelectedToMetaData(isRowSelectedPredicate(row))(row));
+module.exports = __toCommonJS(helper_exports);
+//# sourceMappingURL=helper.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugins/selectable/helper.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA+B;AAExB,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,wCAAe,aAAa,IAAI,IAAI,OAAO;AAExF,MAAM,yBAAyB,CAAC,cAAc,OAAQ,CAAC,aAAa,MAAM,wCAAe,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": []
+}