@elliemae/ds-datagrids 2.2.1 → 2.3.0-alpha.4

package/cjs/plugins/selectable/index.js

@@ -1,9 +1,35 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var SelectablePlugin = require('./SelectablePlugin.js');
-
-
-
-exports.SelectablePlugin = SelectablePlugin.SelectablePlugin;
+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 selectable_exports = {};
+__export(selectable_exports, {
+  SelectablePlugin: () => import_SelectablePlugin.SelectablePlugin
+});
+var React = __toESM(require("react"));
+var import_SelectablePlugin = require("./SelectablePlugin");
+module.exports = __toCommonJS(selectable_exports);
+//# sourceMappingURL=index.js.map

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

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

package/cjs/plugins/selectable/selectableFormatter.js

@@ -1,115 +1,93 @@
-'use strict';
-
-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 _jsx = require('@babel/runtime/helpers/jsx');
-var React = require('react');
-var dsUtilities = require('@elliemae/ds-utilities');
-var dsForm = require('@elliemae/ds-form');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-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; }
-
-const SelectableWrapper = _ref => {
-  let {
-    className,
-    children
-  } = _ref;
-  return /*#__PURE__*/_jsx__default["default"]("div", {
-    className: className,
-    onClick: e => e.stopPropagation()
-  }, void 0, children);
+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 });
 };
-
-const SelectableComponent = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/React.forwardRef((_ref2, ref) => {
-  let {
-    className,
-    isMultiSelect,
-    isHeader,
-    onSelect,
-    isSelected,
-    value
-  } = _ref2;
-  const SelectComponent = isMultiSelect || isHeader ? dsForm.DSCheckbox : dsForm.DSRadio;
-  return /*#__PURE__*/_jsx__default["default"](SelectableWrapper, {
-    className: className
-  }, void 0, /*#__PURE__*/_jsx__default["default"](SelectComponent, {
+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 selectableFormatter_exports = {};
+__export(selectableFormatter_exports, {
+  default: () => selectableFormatter_default,
+  selectableFormatter: () => selectableFormatter
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_form = require("@elliemae/ds-form");
+const SelectableWrapper = ({ className, children }) => /* @__PURE__ */ import_react.default.createElement("div", {
+  className,
+  onClick: (e) => e.stopPropagation()
+}, children);
+const SelectableComponent = import_react.default.memo((0, import_react.forwardRef)(({ className, isMultiSelect, isHeader, onSelect, isSelected, value }, ref) => {
+  const SelectComponent = isMultiSelect || isHeader ? import_ds_form.DSCheckbox : import_ds_form.DSRadio;
+  return /* @__PURE__ */ import_react.default.createElement(SelectableWrapper, {
+    className
+  }, /* @__PURE__ */ import_react.default.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 = (0, import_react.useRef)();
+  const {
+    props: { rowKey },
+    state: { selection },
+    shiftPressed,
+    lastSelectedRow
+  } = grid.getInstance();
+  const { rowData, isScrolling } = extraParams;
+  (0, import_react.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 ((0, import_ds_utilities.isFunction)(renderer)) {
+    return /* @__PURE__ */ import_react.default.createElement(SelectableWrapper, {
+      className
+    }, renderer({
+      rowData: {},
+      ...extraParams,
+      value: isSelected,
+      isHeader,
+      onSelect: handleSelect
+    }));
+  }
+  return /* @__PURE__ */ import_react.default.createElement(SelectableComponent, {
+    ref,
     className,
-    isHeader,
-    onSelect
-  } = _ref3;
-  return (valueRender, extraParams) => {
-    const {
-      registerFocus
-    } = extraParams;
-    const ref = React.useRef();
-    const {
-      props: {
-        rowKey
-      },
-      state: {
-        selection
-      },
-      shiftPressed,
-      lastSelectedRow
-    } = grid.getInstance();
-    const {
-      rowData,
-      isScrolling
-    } = extraParams;
-    React.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 (dsUtilities.isFunction(renderer)) {
-      return /*#__PURE__*/_jsx__default["default"](SelectableWrapper, {
-        className: className
-      }, void 0, renderer(_objectSpread(_objectSpread({
-        rowData: {}
-      }, extraParams), {}, {
-        value: isSelected,
-        isHeader,
-        onSelect: handleSelect
-      })));
-    }
-
-    return /*#__PURE__*/jsxRuntime.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"
+  });
 };
-
-module.exports = selectableFormatter;
+var selectableFormatter_default = selectableFormatter;
+module.exports = __toCommonJS(selectableFormatter_exports);
+//# sourceMappingURL=selectableFormatter.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugins/selectable/selectableFormatter.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/prop-types */\n/* eslint-disable indent */\n/* eslint-disable jsx-a11y/no-static-element-interactions,jsx-a11y/click-events-have-key-events,react/display-name */\nimport React, { forwardRef, useEffect, useRef } from 'react';\nimport { isFunction } from '@elliemae/ds-utilities';\nimport { DSCheckbox, DSRadio } from '@elliemae/ds-form';\n\nconst SelectableWrapper = ({ className, children }) => (\n  <div className={className} onClick={(e) => e.stopPropagation()}>\n    {children}\n  </div>\n);\n\nconst SelectableComponent = React.memo(\n  forwardRef(\n    ({ className, isMultiSelect, isHeader, onSelect, isSelected, value }, ref) => {\n      const SelectComponent = isMultiSelect || isHeader ? DSCheckbox : DSRadio;\n\n      return (\n        <SelectableWrapper className={className}>\n          <SelectComponent\n            checked={isSelected}\n            data-testid=\"column-selectable-component\"\n            innerRef={ref}\n            onChange={onSelect}\n            tabIndex={-1}\n            value={value}\n          />\n        </SelectableWrapper>\n      );\n    },\n    (prev, next) => next.isScrolling,\n  ),\n);\n\nconst selectableFormatter =\n  ({ isMultiSelect = false, renderer, className, isHeader, onSelect }, grid) =>\n  (valueRender, extraParams) => {\n    const { registerFocus } = extraParams;\n    const ref = useRef();\n    const {\n      props: { rowKey },\n      state: { selection },\n      shiftPressed,\n      lastSelectedRow,\n    } = grid.getInstance();\n    const { rowData, isScrolling } = extraParams;\n\n    useEffect(() => {\n      if (registerFocus) registerFocus(ref.current);\n    }, [ref.current]);\n\n    const isSelected = isHeader ? selection.selectAll : !!selection.selectedRows[rowData[rowKey]];\n\n    const handleSelect = isHeader\n      ? () => onSelect(!isSelected)\n      : () => onSelect(rowData[rowKey], extraParams.rowIndex, shiftPressed, lastSelectedRow);\n\n    if (isFunction(renderer)) {\n      return (\n        <SelectableWrapper className={className}>\n          {renderer({\n            rowData: {},\n            ...extraParams,\n            value: isSelected,\n            isHeader,\n            onSelect: handleSelect,\n          })}\n        </SelectableWrapper>\n      );\n    }\n\n    return (\n      <SelectableComponent\n        ref={ref}\n        className={className}\n        isMultiSelect={isMultiSelect}\n        isScrolling={isScrolling}\n        isSelected={isSelected}\n        onSelect={handleSelect}\n        value={!isHeader ? rowData[rowKey] : 'header-select-all'}\n      />\n    );\n  };\n\nexport { selectableFormatter };\nexport default selectableFormatter;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,mBAAqD;AACrD,0BAA2B;AAC3B,qBAAoC;AAEpC,MAAM,oBAAoB,CAAC,EAAE,WAAW,eACtC,mDAAC,OAAD;AAAA,EAAK;AAAA,EAAsB,SAAS,CAAC,MAAM,EAAE;AAAA,GAC1C;AAIL,MAAM,sBAAsB,qBAAM,KAChC,6BACE,CAAC,EAAE,WAAW,eAAe,UAAU,UAAU,YAAY,SAAS,QAAQ;AAC5E,QAAM,kBAAkB,iBAAiB,WAAW,4BAAa;AAEjE,SACE,mDAAC,mBAAD;AAAA,IAAmB;AAAA,KACjB,mDAAC,iBAAD;AAAA,IACE,SAAS;AAAA,IACT,eAAY;AAAA,IACZ,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,IACV;AAAA;AAAA,GAKR,CAAC,MAAM,SAAS,KAAK;AAIzB,MAAM,sBACJ,CAAC,EAAE,gBAAgB,OAAO,UAAU,WAAW,UAAU,YAAY,SACrE,CAAC,aAAa,gBAAgB;AAC5B,QAAM,EAAE,kBAAkB;AAC1B,QAAM,MAAM;AACZ,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,IACT,OAAO,EAAE;AAAA,IACT;AAAA,IACA;AAAA,MACE,KAAK;AACT,QAAM,EAAE,SAAS,gBAAgB;AAEjC,8BAAU,MAAM;AACd,QAAI;AAAe,oBAAc,IAAI;AAAA,KACpC,CAAC,IAAI;AAER,QAAM,aAAa,WAAW,UAAU,YAAY,CAAC,CAAC,UAAU,aAAa,QAAQ;AAErF,QAAM,eAAe,WACjB,MAAM,SAAS,CAAC,cAChB,MAAM,SAAS,QAAQ,SAAS,YAAY,UAAU,cAAc;AAExE,MAAI,oCAAW,WAAW;AACxB,WACE,mDAAC,mBAAD;AAAA,MAAmB;AAAA,OAChB,SAAS;AAAA,MACR,SAAS;AAAA,SACN;AAAA,MACH,OAAO;AAAA,MACP;AAAA,MACA,UAAU;AAAA;AAAA;AAMlB,SACE,mDAAC,qBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,OAAO,CAAC,WAAW,QAAQ,UAAU;AAAA;AAAA;AAM7C,IAAO,8BAAQ;",
+  "names": []
+}

package/cjs/plugins/selectable/useSelectableState.js

@@ -1,134 +1,107 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.some.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.some.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.reduce.js');
-require('core-js/modules/esnext.iterator.reduce.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');
-var helper = require('./helper.js');
-
-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 useSelectableState_exports = {};
+__export(useSelectableState_exports, {
+  useSelectableState: () => useSelectableState
+});
+var React = __toESM(require("react"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_utilities2 = require("@elliemae/ds-utilities");
+var import_helper = require("./helper");
 function deriveSelectedStateFromPropsOnUpdate(rows) {
-  return function () {
-    let nextProp = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    let prevProp = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
+  return (nextProp = {}, prevProp = {}) => {
     if (nextProp.selectAll !== prevProp.selectAll) {
-      const nextSelectedRows = nextProp.selectAll ? helper.toggleSelectAll(rows, true) : dsUtilities.hashArray(nextProp.selectedRows || []);
+      const nextSelectedRows = nextProp.selectAll ? (0, import_helper.toggleSelectAll)(rows, true) : (0, import_ds_utilities2.hashArray)(nextProp.selectedRows || []);
       return {
         selectedRows: nextSelectedRows,
-        selectAll: helper.checkAllRowsSelected(rows, Object.keys(nextSelectedRows))
+        selectAll: (0, import_helper.checkAllRowsSelected)(rows, Object.keys(nextSelectedRows))
       };
     }
-
     return {
-      selectedRows: dsUtilities.hashArray(nextProp.selectedRows || []),
-      selectAll: helper.checkAllRowsSelected(rows, Object.keys(nextProp.selectedRows))
+      selectedRows: (0, import_ds_utilities2.hashArray)(nextProp.selectedRows || []),
+      selectAll: (0, import_helper.checkAllRowsSelected)(rows, Object.keys(nextProp.selectedRows))
     };
   };
 }
-
 function useSelectableState(grid) {
   const {
-    props: {
-      rowKey = 'id',
-      selectedRows,
-      selectAll,
-      selectable,
-      onSelectRow,
-      onSelectAll
-    },
+    props: { rowKey = "id", selectedRows, selectAll, selectable, onSelectRow, onSelectAll },
     rows,
     setLastSelectedRow
   } = grid.getInstance();
-  const multiple = selectable === 'multi';
-  const [selection, setSelectedRowsState] = dsUtilities.useDerivedStateFromProps({
-    selectedRows,
-    selectAll
-  }, {
-    onUpdate: deriveSelectedStateFromPropsOnUpdate(rows)
-  }); // ACTIONS
-
-  const handleSelectRow = function (id, index) {
-    let shift = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-    let lastSelectedRow = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
-    setSelectedRowsState(prevState => {
-      const {
-        rows: nextRows
-      } = grid.getInstance();
-      const wasSelected = Object.keys(prevState.selectedRows).some( // we need to match softly as the id may be a number
-      // eslint-disable-next-line eqeqeq
-      elem => elem == id);
-      let nextSelectedRows = multiple ? dsUtilities.toggleInObject(prevState.selectedRows, id, true) : helper.toggleSingleSelectable(prevState.selectedRows, id);
-      setLastSelectedRow({
-        index,
-        mode: wasSelected ? 'deselect' : 'select'
-      });
-
+  const multiple = selectable === "multi";
+  const [selection, setSelectedRowsState] = (0, import_ds_utilities.useDerivedStateFromProps)({ selectedRows, selectAll }, { onUpdate: deriveSelectedStateFromPropsOnUpdate(rows) });
+  const handleSelectRow = (id, index, shift = false, lastSelectedRow = null) => {
+    setSelectedRowsState((prevState) => {
+      const { rows: nextRows } = grid.getInstance();
+      const wasSelected = Object.keys(prevState.selectedRows).some((elem) => elem == id);
+      let nextSelectedRows = multiple ? (0, import_ds_utilities2.toggleInObject)(prevState.selectedRows, id, true) : (0, import_helper.toggleSingleSelectable)(prevState.selectedRows, id);
+      setLastSelectedRow({ index, mode: wasSelected ? "deselect" : "select" });
       if (shift && lastSelectedRow) {
         const prevSmallest = lastSelectedRow.index < index + 1;
         const sliceStart = prevSmallest ? lastSelectedRow.index : index;
         const sliceEnd = prevSmallest ? index + 1 : lastSelectedRow.index + 1;
-        const rowSegment = nextRows.slice(sliceStart, sliceEnd).map(row => row[rowKey]);
-
-        if (lastSelectedRow.mode === 'deselect') {
-          nextSelectedRows = dsUtilities.omit(prevState.selectedRows, rowSegment);
+        const rowSegment = nextRows.slice(sliceStart, sliceEnd).map((row) => row[rowKey]);
+        if (lastSelectedRow.mode === "deselect") {
+          nextSelectedRows = (0, import_ds_utilities2.omit)(prevState.selectedRows, rowSegment);
         } else {
-          const selectedSegment = rowSegment.reduce((o, key) => _objectSpread(_objectSpread({}, o), {}, {
-            [key]: true
-          }), {});
-          nextSelectedRows = _objectSpread(_objectSpread({}, prevState.selectedRows), selectedSegment);
+          const selectedSegment = rowSegment.reduce((o, key) => ({ ...o, [key]: true }), {});
+          nextSelectedRows = {
+            ...prevState.selectedRows,
+            ...selectedSegment
+          };
         }
       }
-
       const nextState = {
         selectedRows: nextSelectedRows,
-        selectAll: helper.checkAllRowsSelected(nextRows, Object.keys(nextSelectedRows))
+        selectAll: (0, import_helper.checkAllRowsSelected)(nextRows, Object.keys(nextSelectedRows))
       };
-
-      if (index !== null && index !== undefined) {
-        onSelectRow(nextRows.filter(row => nextState.selectedRows[row[rowKey]]), nextState.selectAll, index);
+      if (index !== null && index !== void 0) {
+        onSelectRow(nextRows.filter((row) => nextState.selectedRows[row[rowKey]]), nextState.selectAll, index);
       }
-
       return nextState;
     });
   };
-
-  const handleSelectAll = checked => {
-    if (!multiple) return;
+  const handleSelectAll = (checked) => {
+    if (!multiple)
+      return;
     setLastSelectedRow(null);
     setSelectedRowsState(() => {
-      const {
-        composedRows: nextRows
-      } = grid.getInstance();
+      const { composedRows: nextRows } = grid.getInstance();
       const nextState = {
         selectAll: checked,
-        selectedRows: helper.toggleSelectAll(nextRows, checked)
+        selectedRows: (0, import_helper.toggleSelectAll)(nextRows, checked)
       };
       onSelectAll(nextState.selectAll);
       onSelectRow(checked ? nextRows : [], nextState.selectAll);
       return nextState;
     });
   };
-
   return {
     actions: {
       selectRow: handleSelectRow,
@@ -139,5 +112,5 @@ function useSelectableState(grid) {
     }
   };
 }
-
-exports.useSelectableState = useSelectableState;
+module.exports = __toCommonJS(useSelectableState_exports);
+//# sourceMappingURL=useSelectableState.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugins/selectable/useSelectableState.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport { useDerivedStateFromProps } from '@elliemae/ds-utilities';\nimport { toggleInObject, hashArray, omit } from '@elliemae/ds-utilities';\nimport {\n  checkAllRowsSelected,\n  toggleSelectAll,\n  toggleSingleSelectable,\n} from './helper';\n\nfunction deriveSelectedStateFromPropsOnUpdate(rows) {\n  return (nextProp = {}, prevProp = {}) => {\n    if (nextProp.selectAll !== prevProp.selectAll) {\n      const nextSelectedRows = nextProp.selectAll\n        ? toggleSelectAll(rows, true)\n        : hashArray(nextProp.selectedRows || []);\n      return {\n        selectedRows: nextSelectedRows,\n        selectAll: checkAllRowsSelected(rows, Object.keys(nextSelectedRows)),\n      };\n    }\n    return {\n      selectedRows: hashArray(nextProp.selectedRows || []),\n      selectAll: checkAllRowsSelected(rows, Object.keys(nextProp.selectedRows)),\n    };\n  };\n}\n\nexport function useSelectableState(grid) {\n  const {\n    props: { rowKey = 'id', selectedRows, selectAll, selectable, onSelectRow, onSelectAll },\n    rows,\n    setLastSelectedRow,\n  } = grid.getInstance();\n\n  const multiple = selectable === 'multi';\n  const [selection, setSelectedRowsState] = useDerivedStateFromProps(\n    { selectedRows, selectAll },\n    { onUpdate: deriveSelectedStateFromPropsOnUpdate(rows) },\n  );\n\n  // ACTIONS\n  const handleSelectRow = (\n    id,\n    index,\n    shift = false,\n    lastSelectedRow = null,\n    // eslint-disable-next-line max-params\n  ) => {\n    setSelectedRowsState((prevState) => {\n      const { rows: nextRows } = grid.getInstance();\n      const wasSelected = Object.keys(prevState.selectedRows).some(\n        // we need to match softly as the id may be a number\n        // eslint-disable-next-line eqeqeq\n        (elem) => elem == id,\n      );\n      let nextSelectedRows = multiple\n        ? toggleInObject(prevState.selectedRows, id, true)\n        : toggleSingleSelectable(prevState.selectedRows, id);\n      setLastSelectedRow({ index, mode: wasSelected ? 'deselect' : 'select' });\n      if (shift && lastSelectedRow) {\n        const prevSmallest = lastSelectedRow.index < index + 1;\n        const sliceStart = prevSmallest ? lastSelectedRow.index : index;\n        const sliceEnd = prevSmallest ? index + 1 : lastSelectedRow.index + 1;\n        const rowSegment = nextRows.slice(sliceStart, sliceEnd).map((row) => row[rowKey]);\n        if (lastSelectedRow.mode === 'deselect') {\n          nextSelectedRows = omit(prevState.selectedRows, rowSegment);\n        } else {\n          const selectedSegment = rowSegment.reduce((o, key) => ({ ...o, [key]: true }), {});\n          nextSelectedRows = {\n            ...prevState.selectedRows,\n            ...selectedSegment,\n          };\n        }\n      }\n\n      const nextState = {\n        selectedRows: nextSelectedRows,\n        selectAll: checkAllRowsSelected(nextRows, Object.keys(nextSelectedRows)),\n      };\n      if (index !== null && index !== undefined) {\n        onSelectRow(\n          nextRows.filter((row) => nextState.selectedRows[row[rowKey]]),\n          nextState.selectAll,\n          index,\n        );\n      }\n\n      return nextState;\n    });\n  };\n\n  const handleSelectAll = (checked) => {\n    if (!multiple) return;\n    setLastSelectedRow(null);\n    setSelectedRowsState(() => {\n      const { composedRows: nextRows } = grid.getInstance();\n\n      const nextState = {\n        selectAll: checked,\n        selectedRows: toggleSelectAll(nextRows, checked),\n      };\n\n      onSelectAll(nextState.selectAll);\n      onSelectRow(checked ? nextRows : [], nextState.selectAll);\n\n      return nextState;\n    });\n  };\n\n  return {\n    actions: {\n      selectRow: handleSelectRow,\n      selectAll: handleSelectAll,\n    },\n    state: {\n      selection,\n    },\n  };\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,0BAAyC;AACzC,2BAAgD;AAChD,oBAIO;AAEP,8CAA8C,MAAM;AAClD,SAAO,CAAC,WAAW,IAAI,WAAW,OAAO;AACvC,QAAI,SAAS,cAAc,SAAS,WAAW;AAC7C,YAAM,mBAAmB,SAAS,YAC9B,mCAAgB,MAAM,QACtB,oCAAU,SAAS,gBAAgB;AACvC,aAAO;AAAA,QACL,cAAc;AAAA,QACd,WAAW,wCAAqB,MAAM,OAAO,KAAK;AAAA;AAAA;AAGtD,WAAO;AAAA,MACL,cAAc,oCAAU,SAAS,gBAAgB;AAAA,MACjD,WAAW,wCAAqB,MAAM,OAAO,KAAK,SAAS;AAAA;AAAA;AAAA;AAK1D,4BAA4B,MAAM;AACvC,QAAM;AAAA,IACJ,OAAO,EAAE,SAAS,MAAM,cAAc,WAAW,YAAY,aAAa;AAAA,IAC1E;AAAA,IACA;AAAA,MACE,KAAK;AAET,QAAM,WAAW,eAAe;AAChC,QAAM,CAAC,WAAW,wBAAwB,kDACxC,EAAE,cAAc,aAChB,EAAE,UAAU,qCAAqC;AAInD,QAAM,kBAAkB,CACtB,IACA,OACA,QAAQ,OACR,kBAAkB,SAEf;AACH,yBAAqB,CAAC,cAAc;AAClC,YAAM,EAAE,MAAM,aAAa,KAAK;AAChC,YAAM,cAAc,OAAO,KAAK,UAAU,cAAc,KAGtD,CAAC,SAAS,QAAQ;AAEpB,UAAI,mBAAmB,WACnB,yCAAe,UAAU,cAAc,IAAI,QAC3C,0CAAuB,UAAU,cAAc;AACnD,yBAAmB,EAAE,OAAO,MAAM,cAAc,aAAa;AAC7D,UAAI,SAAS,iBAAiB;AAC5B,cAAM,eAAe,gBAAgB,QAAQ,QAAQ;AACrD,cAAM,aAAa,eAAe,gBAAgB,QAAQ;AAC1D,cAAM,WAAW,eAAe,QAAQ,IAAI,gBAAgB,QAAQ;AACpE,cAAM,aAAa,SAAS,MAAM,YAAY,UAAU,IAAI,CAAC,QAAQ,IAAI;AACzE,YAAI,gBAAgB,SAAS,YAAY;AACvC,6BAAmB,+BAAK,UAAU,cAAc;AAAA,eAC3C;AACL,gBAAM,kBAAkB,WAAW,OAAO,CAAC,GAAG,QAAS,MAAK,IAAI,MAAM,SAAS;AAC/E,6BAAmB;AAAA,eACd,UAAU;AAAA,eACV;AAAA;AAAA;AAAA;AAKT,YAAM,YAAY;AAAA,QAChB,cAAc;AAAA,QACd,WAAW,wCAAqB,UAAU,OAAO,KAAK;AAAA;AAExD,UAAI,UAAU,QAAQ,UAAU,QAAW;AACzC,oBACE,SAAS,OAAO,CAAC,QAAQ,UAAU,aAAa,IAAI,WACpD,UAAU,WACV;AAAA;AAIJ,aAAO;AAAA;AAAA;AAIX,QAAM,kBAAkB,CAAC,YAAY;AACnC,QAAI,CAAC;AAAU;AACf,uBAAmB;AACnB,yBAAqB,MAAM;AACzB,YAAM,EAAE,cAAc,aAAa,KAAK;AAExC,YAAM,YAAY;AAAA,QAChB,WAAW;AAAA,QACX,cAAc,mCAAgB,UAAU;AAAA;AAG1C,kBAAY,UAAU;AACtB,kBAAY,UAAU,WAAW,IAAI,UAAU;AAE/C,aAAO;AAAA;AAAA;AAIX,SAAO;AAAA,IACL,SAAS;AAAA,MACP,WAAW;AAAA,MACX,WAAW;AAAA;AAAA,IAEb,OAAO;AAAA,MACL;AAAA;AAAA;AAAA;",
+  "names": []
+}