@elliemae/ds-datagrids 3.0.0-alpha.0 → 3.0.0-alpha.1

package/dist/cjs/plugins/virtualization/VirtualizedBody.js

@@ -1,9 +1,26 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
@@ -189,19 +206,17 @@ const VirtualizedBody = (props) => {
     key: rows[renderedIndexes[0] + index][rowKey],
     style: getRowStyle(rows[renderedIndexes[0] + index], renderedIndexes[0] + index, rowHeight)
   }));
-  const wrapperStyle = {
-    height: "100%",
-    ...import_helper.isSafari ? wrapperSafari : wrapperGeneric
-  };
+  const wrapperStyle = __spreadValues({
+    height: "100%"
+  }, import_helper.isSafari ? wrapperSafari : wrapperGeneric);
   const bodyStyle = {
     height: getHeight(),
     willChange: "transform",
     backfaceVisibility: "hidden"
   };
-  return /* @__PURE__ */ import_react.default.createElement(Component, {
-    ...props,
+  return /* @__PURE__ */ import_react.default.createElement(Component, __spreadProps(__spreadValues({}, props), {
     innerRef
-  }, !isPlaceholderActive ? /* @__PURE__ */ import_react.default.createElement("div", {
+  }), !isPlaceholderActive ? /* @__PURE__ */ import_react.default.createElement("div", {
     className: "virtualized-body-wrapper",
     style: wrapperStyle,
     ref: (elem) => {

package/dist/cjs/plugins/virtualization/VirtualizedBody.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/plugins/virtualization/VirtualizedBody.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable max-statements */\nimport React, { useEffect, useState, useCallback, useRef, useLayoutEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { mergeRefs, debounce, isNaN } from '@elliemae/ds-utilities';\nimport { NoResults } from '../../components/NoResults';\nimport { VirtualizedBodyRow } from './VirtualizedBodyRow';\nimport { RowSizes } from '../../rowSizes';\nimport { isSafari } from './helper';\n\nconst wrapperSafari = {};\nconst wrapperGeneric = { overflowY: 'auto', overflowX: 'visible' };\n\nconst VirtualizedBody = (props) => {\n  const {\n    autoScrollToId,\n    columns,\n    component: Component,\n    expandable,\n    innerRef,\n    innerBody,\n    isPlaceholderActive,\n    listProps,\n    noResultsPlaceholder,\n    overscanCount,\n    rows,\n    rowHeight: defaultRowHeight,\n    rowKey,\n    rowRenderer,\n    rowSize,\n    setHasScroll,\n    filters, // hack to reset the scrollTop to 0 if filters change\n  } = props;\n  const rowHeight = defaultRowHeight || RowSizes[rowSize];\n  const [scrollTop, setScrollTop] = useState(0);\n  const [visibleHeight, setVisibleHeight] = useState(0);\n  const [hasScrollBar, setHasScrollBar] = useState(false);\n  const rowStyleCache = useRef({});\n  const [renderedIndexes, setRenderedIndexes] = useState([0, 30]);\n\n  const getCalculatedHeightBetweenIndexes = (start, end) => {\n    const { itemSize = () => rowHeight } = listProps;\n    if (expandable) {\n      return rows\n        .slice(start, end)\n        .map((_, idx) => idx)\n        .map((idx) => itemSize(idx))\n        .reduce((acc, curr) => acc + curr, 0);\n    }\n    return (end - start) * rowHeight;\n  };\n\n  const generateRowPositionMap = () => rows.map((row, idx) => getCalculatedHeightBetweenIndexes(0, idx));\n\n  const rowPositionMap = useRef(generateRowPositionMap());\n  const [virtualizedBodyRef, setVirtualizedBodyRef] = useState(null);\n  const handlerRef = useRef();\n\n  const autoScrollTo = useCallback(\n    (scrollHeight) => {\n      const { itemSize = () => rowHeight } = listProps;\n      const idx = rows.findIndex((item) => item[rowKey] === autoScrollToId);\n      let val = rowPositionMap.current[idx] || 0;\n      const lastPositionIdx = rowPositionMap.current.length - 1;\n      let lastPosition = 0;\n      if (lastPositionIdx > -1) {\n        lastPosition = rowPositionMap.current[lastPositionIdx] - scrollHeight + itemSize(lastPositionIdx);\n      }\n      if (lastPosition < val) {\n        val = lastPosition;\n      }\n      if (virtualizedBodyRef) {\n        if (idx > -1) {\n          setScrollTop(val);\n          virtualizedBodyRef.scrollTop = val;\n        }\n      }\n    },\n    [rows, virtualizedBodyRef],\n  );\n\n  useEffect(() => {\n    autoScrollTo(visibleHeight);\n  }, [autoScrollToId, visibleHeight]);\n\n  const handler = useCallback(\n    debounce(({ target }) => {\n      // Update coordinates\n      setScrollTop(target.scrollTop || 0);\n    }, 100),\n    [setScrollTop],\n  );\n\n  useEffect(() => {\n    setScrollTop(0);\n  }, [filters]);\n\n  useEffect(() => {\n    handlerRef.current = handler;\n  }, [handler]);\n\n  useLayoutEffect(() => {\n    let top = Math.ceil(scrollTop / rowHeight);\n    let bot = Math.ceil((scrollTop + visibleHeight) / rowHeight);\n    if (expandable) {\n      // updateMapperFirst\n      rowPositionMap.current = generateRowPositionMap();\n      top = rowPositionMap.current.findIndex((item) => item > scrollTop);\n      bot = rowPositionMap.current.findIndex((item) => item > scrollTop + visibleHeight);\n      if (bot === -1) bot = rowPositionMap.current.length;\n    }\n    let upperBound = top - 1 - overscanCount;\n    let lowerBound = bot - 1 + overscanCount;\n    if (upperBound < 0) {\n      upperBound = 0;\n    }\n    if (lowerBound - upperBound < overscanCount) {\n      lowerBound = upperBound + overscanCount;\n    }\n    if (lowerBound > rows.length) {\n      lowerBound = rows.length;\n    }\n    setHasScrollBar(visibleHeight < getHeight());\n    setHasScroll(visibleHeight < getHeight());\n    setRenderedIndexes([upperBound, lowerBound]);\n  }, [visibleHeight, scrollTop, rows]);\n\n  useLayoutEffect(() => {\n    if (virtualizedBodyRef) {\n      const parsedVisibleHeight = parseFloat(\n        window.getComputedStyle(virtualizedBodyRef, null).getPropertyValue('height'),\n      );\n      // eslint-disable-next-line no-restricted-globals\n      if (!isNaN(parsedVisibleHeight)) {\n        setVisibleHeight(parsedVisibleHeight);\n        autoScrollTo(parsedVisibleHeight);\n      }\n    }\n  }, [rows, virtualizedBodyRef]);\n\n  useEffect(() => {\n    if (virtualizedBodyRef) {\n      const eventListener = (event) => handlerRef.current(event);\n      virtualizedBodyRef.addEventListener('scroll', eventListener);\n\n      return () => {\n        virtualizedBodyRef.removeEventListener('scroll', eventListener);\n      };\n    }\n    return () => null;\n  }, [virtualizedBodyRef]);\n\n  const getHeight = () => {\n    let returnHeight = 0;\n    if (expandable) {\n      returnHeight = getCalculatedHeightBetweenIndexes(0, rows.length) + 8;\n    } else {\n      returnHeight = rows.length * rowHeight + 8;\n    }\n    // if (visibleHeight > returnHeight) {\n    //   return visibleHeight;\n    // }\n    if (virtualizedBodyRef && virtualizedBodyRef.scrollHeight > virtualizedBodyRef.clientHeight) {\n      return returnHeight + 10;\n    }\n    return returnHeight;\n  };\n\n  const getRowStyle = (row, index, specificRowHeight) => {\n    const { itemSize } = listProps;\n\n    if (!expandable && rowStyleCache.current[index]) {\n      return rowStyleCache.current[index];\n    }\n    rowStyleCache.current[index] = {\n      height: itemSize ? itemSize(index) : specificRowHeight,\n      left: 0,\n      right: 0,\n      top: getCalculatedHeightBetweenIndexes(0, index),\n      position: 'absolute',\n    };\n    return rowStyleCache.current[index];\n  };\n\n  const generateRenderedRows = () =>\n    rows.slice(renderedIndexes[0], renderedIndexes[1] + 1).map((_, index) => (\n      <VirtualizedBodyRow\n        data={{\n          rows,\n          columns,\n          rowKey,\n          renderer: { rowRenderer },\n        }}\n        index={renderedIndexes[0] + index}\n        key={rows[renderedIndexes[0] + index][rowKey]}\n        style={getRowStyle(rows[renderedIndexes[0] + index], renderedIndexes[0] + index, rowHeight)}\n      ></VirtualizedBodyRow>\n    ));\n\n  const wrapperStyle = {\n    height: '100%',\n    ...(isSafari ? wrapperSafari : wrapperGeneric),\n  };\n  const bodyStyle = {\n    height: getHeight(),\n    willChange: 'transform',\n    backfaceVisibility: 'hidden',\n  };\n\n  return (\n    <Component {...props} innerRef={innerRef}>\n      {!isPlaceholderActive ? (\n        <div\n          className=\"virtualized-body-wrapper\"\n          style={wrapperStyle}\n          ref={(elem) => {\n            if (elem) {\n              if (isSafari) {\n                setVirtualizedBodyRef(elem.parentElement);\n                // eslint-disable-next-line no-param-reassign\n                elem.parentElement.scrollTop = scrollTop;\n                mergeRefs(listProps.outerRef)(elem.parentElement);\n              } else {\n                setVirtualizedBodyRef(elem);\n                mergeRefs(listProps.outerRef)(elem);\n              }\n            }\n          }}\n        >\n          <div\n            data-testid=\"virtualized-body\"\n            className={`virtualized-body${hasScrollBar ? ' with-scrollbar' : ''}`}\n            style={bodyStyle}\n            ref={(r) => {\n              mergeRefs(innerBody)(r);\n            }}\n          >\n            {generateRenderedRows()}\n          </div>\n        </div>\n      ) : (\n        <NoResults innerRef={innerRef} rowRenderer={rowRenderer}>\n          {noResultsPlaceholder}\n        </NoResults>\n      )}\n    </Component>\n  );\n};\n\nVirtualizedBody.defaultProps = {\n  rows: [],\n  overscanCount: 10,\n};\n\nVirtualizedBody.propTypes = {\n  autoScrollToId: PropTypes.number,\n  columns: PropTypes.arrayOf(PropTypes.shape({})),\n  component: PropTypes.element,\n  expandable: PropTypes.bool,\n  filters: PropTypes.any,\n  innerRef: PropTypes.any,\n  innerBody: PropTypes.any,\n  isPlaceholderActive: PropTypes.bool,\n  listProps: PropTypes.shape({\n    itemSize: PropTypes.func,\n    outerRef: PropTypes.any,\n  }),\n  noResultsPlaceholder: PropTypes.oneOf([PropTypes.string, PropTypes.element]),\n  overscanCount: PropTypes.number,\n  rows: PropTypes.arrayOf(PropTypes.shape({})),\n  rowHeight: PropTypes.number,\n  rowKey: PropTypes.string,\n  rowRenderer: PropTypes.element,\n  rowSize: PropTypes.any,\n  setHasScroll: PropTypes.func,\n};\n\nexport { VirtualizedBody };\nexport default VirtualizedBody;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/utilities/normalizeData.js

@@ -1,9 +1,26 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
@@ -38,11 +55,10 @@ const normalizeRows = (rows) => rows.map((row) => {
 });
 const normalizeColumns = (columns) => columns.map((column) => {
   const { property } = column;
-  return {
-    ...column,
+  return __spreadProps(__spreadValues({}, column), {
     originalProperty: column.property,
     property: normalizeText(property)
-  };
+  });
 });
 const normalizeText = (text) => text.replace(/\s+/g, "");
 module.exports = __toCommonJS(normalizeData_exports);

package/dist/cjs/utilities/normalizeData.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/utilities/normalizeData.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export const normalizeRows = rows =>\n  rows.map(row => {\n    Object.keys(row).forEach(key => (row[normalizeText(key)] = row[key]));\n    return row;\n  });\n\nexport const normalizeColumns = columns =>\n  columns.map(column => {\n    const { property } = column;\n    return {\n      ...column,\n      originalProperty: column.property,\n      property: normalizeText(property),\n    };\n  });\n\nexport const normalizeText = text => text.replace(/\\s+/g, '');\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,gBAAgB,UAC3B,KAAK,IAAI,SAAO;AACd,SAAO,KAAK,KAAK,QAAQ,SAAQ,IAAI,cAAc,QAAQ,IAAI;AAC/D,SAAO;AAAA;AAGJ,MAAM,mBAAmB,aAC9B,QAAQ,IAAI,YAAU;AACpB,QAAM,EAAE,aAAa;AACrB,SAAO;AAAA,OACF;AAAA,IACH,kBAAkB,OAAO;AAAA,IACzB,UAAU,cAAc;AAAA;AAAA;AAIvB,MAAM,gBAAgB,UAAQ,KAAK,QAAQ,QAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,gBAAgB,UAC3B,KAAK,IAAI,SAAO;AACd,SAAO,KAAK,KAAK,QAAQ,SAAQ,IAAI,cAAc,QAAQ,IAAI;AAC/D,SAAO;AAAA;AAGJ,MAAM,mBAAmB,aAC9B,QAAQ,IAAI,YAAU;AACpB,QAAM,EAAE,aAAa;AACrB,SAAO,iCACF,SADE;AAAA,IAEL,kBAAkB,OAAO;AAAA,IACzB,UAAU,cAAc;AAAA;AAAA;AAIvB,MAAM,gBAAgB,UAAQ,KAAK,QAAQ,QAAQ;",
   "names": []
 }

package/dist/esm/DataGridImpl.js

@@ -1,3 +1,34 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 import * as React from "react";
 import React2, { useMemo } from "react";
 import { isFunction } from "@elliemae/ds-shared/utils";
@@ -20,16 +51,24 @@ const isFluid = ({ autoHeight, paginated, numRowsVisible }) => {
     return false;
   return !numRowsVisible;
 };
-const DataGridImpl = ({
-  className,
-  renderers,
-  columns,
-  rows,
-  containerProps,
-  plugins: pluginsProp,
-  normalizeDataKeys,
-  ...otherProps
-}) => {
+const DataGridImpl = (_a) => {
+  var _b = _a, {
+    className,
+    renderers,
+    columns,
+    rows,
+    containerProps,
+    plugins: pluginsProp,
+    normalizeDataKeys
+  } = _b, otherProps = __objRest(_b, [
+    "className",
+    "renderers",
+    "columns",
+    "rows",
+    "containerProps",
+    "plugins",
+    "normalizeDataKeys"
+  ]);
   const {
     noResultsPlaceholder = /* @__PURE__ */ React2.createElement(EmptyState, null),
     noColumnsPlaceholder = "Please select one of more columns in order for data to be displayed.",
@@ -56,22 +95,20 @@ const DataGridImpl = ({
   });
   if (rowsIds.length !== rowsIdsSet.size)
     throw new Error("Repeated id: each row must have an unique id");
-  const plugins = getPluginsFromProps({
-    ...otherProps,
+  const plugins = getPluginsFromProps(__spreadProps(__spreadValues({}, otherProps), {
     virtualized: (!paginated || groupedRows) && !wrapText,
     paginated: paginated && !groupedRows || wrapText,
     sortable: sortable && !groupedRows
-  });
+  }));
   if (normalizeDataKeys) {
     normalizeRows(rows);
   }
-  const grid = useDataGrid({
+  const grid = useDataGrid(__spreadValues({
     columns,
     rows,
     renderers: defaultRenderers,
-    plugins: [...plugins, ...pluginsProp, ...defaultPlugins],
-    ...otherProps
-  });
+    plugins: [...plugins, ...pluginsProp, ...defaultPlugins]
+  }, otherProps));
   const noColumnsVisible = useMemo(() => {
     const visibleUserColumns = grid.columns.filter((column) => column.visible || typeof column.visible === "undefined");
     return visibleUserColumns.length === 0;
@@ -85,7 +122,7 @@ const DataGridImpl = ({
   const { pagination } = otherProps;
   const conditionalPagination = pagination && pagination.conditionalPagination === true && rows.length <= otherProps.pagination.perPage;
   const usePagination = paginated && !conditionalPagination;
-  return /* @__PURE__ */ React2.createElement(DatagridWrapper, {
+  return /* @__PURE__ */ React2.createElement(DatagridWrapper, __spreadValues({
     className: `${className} ds-row-size-${rowSize}`,
     classProps: {
       fluidHeight: isFluid({
@@ -94,12 +131,10 @@ const DataGridImpl = ({
         paginated: usePagination
       })
     },
-    style: { height },
-    ...containerProps
-  }, addOptionalHeaderComponents({ grid }), /* @__PURE__ */ React2.createElement(Table, {
-    ...grid,
+    style: { height }
+  }, containerProps), addOptionalHeaderComponents({ grid }), /* @__PURE__ */ React2.createElement(Table, __spreadProps(__spreadValues({}, grid), {
     onDefaultFiltersLoad
-  }, showHeader && /* @__PURE__ */ React2.createElement(TableHeader, null), showRowsLoader ? rowsLoaderRenderer() : /* @__PURE__ */ React2.createElement(TableBody, {
+  }), showHeader && /* @__PURE__ */ React2.createElement(TableHeader, null), showRowsLoader ? rowsLoaderRenderer() : /* @__PURE__ */ React2.createElement(TableBody, {
     isPlaceholderActive: noColumnsVisible || grid.composedRows.rows && grid.composedRows.rows.length === 0 || grid.composedRows.length === 0,
     noResultsPlaceholder: bodyPlaceholder
   })), addOptionalFooterComponents({

package/dist/esm/DataGridImpl.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DataGridImpl.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useMemo } from 'react';\nimport { isFunction } from '@elliemae/ds-shared/utils';\nimport { useDataGrid } from '@elliemae/ds-shared/useDataGrid';\nimport { Table } from './components/Table';\nimport { TableBody } from './components/TableBody';\nimport { TableHeader } from './components/TableHeader';\nimport { defaultRenderers, renderRowsLoader } from './components/renderers';\nimport { DatagridWrapper } from './components/renderers/defaultClassedRenderers';\nimport { addOptionalFooterComponents } from './components/footer/addOptionalFooterComponents';\nimport { addOptionalHeaderComponents } from './components/header/addOptionalHeaderComponents';\nimport { EmptyState } from './components/EmptyState';\nimport { getPluginsFromProps } from './utilities/getPluginsFromProps';\nimport { defaultPlugins } from './defaultPlugins';\nimport { normalizeRows } from './utilities/normalizeData';\n\nconst isFluid = ({ autoHeight, paginated, numRowsVisible }) => {\n  if (autoHeight) return false;\n  if (paginated) return false;\n  return !numRowsVisible;\n};\n\nconst DataGridImpl = ({\n  className,\n  renderers,\n  columns,\n  rows,\n  containerProps,\n  plugins: pluginsProp,\n  normalizeDataKeys,\n  ...otherProps\n}) => {\n  const {\n    noResultsPlaceholder = <EmptyState />,\n    noColumnsPlaceholder = 'Please select one of more columns in order for data to be displayed.',\n    noResultsRender,\n    paginated,\n    height,\n    showHeader,\n    showRowsLoader,\n    rowsLoaderRenderer = renderRowsLoader,\n    groupedRows,\n    sortable,\n    rowSize,\n    wrapText,\n    onDefaultFiltersLoad,\n    rowKey,\n  } = otherProps;\n\n  const idKey = rowKey || 'id';\n  const rowsIdsSet = new Set();\n  const rowsIds = rows.map((row) => {\n    if (row[idKey] === undefined)\n      throw new Error('Missing id: each row must have an unique id');\n    rowsIdsSet.add(row[idKey]);\n    return row[idKey];\n  });\n  if (rowsIds.length !== rowsIdsSet.size)\n    throw new Error('Repeated id: each row must have an unique id');\n\n  const plugins = getPluginsFromProps({\n    ...otherProps,\n    virtualized: (!paginated || groupedRows) && !wrapText,\n    paginated: (paginated && !groupedRows) || wrapText,\n    sortable: sortable && !groupedRows,\n  });\n\n  if (normalizeDataKeys) {\n    normalizeRows(rows);\n  }\n\n  const grid = useDataGrid({\n    columns,\n    rows,\n    renderers: defaultRenderers,\n    plugins: [...plugins, ...pluginsProp, ...defaultPlugins],\n    ...otherProps,\n  });\n\n  const noColumnsVisible = useMemo(() => {\n    const visibleUserColumns = grid.columns.filter(\n      (column) => column.visible || typeof column.visible === 'undefined',\n    );\n    return visibleUserColumns.length === 0;\n  }, [grid.columns]);\n\n  const bodyPlaceholder = useMemo(() => {\n    if (noColumnsVisible) {\n      return noColumnsPlaceholder;\n    }\n    return isFunction(noResultsRender)\n      ? noResultsRender()\n      : noResultsPlaceholder;\n  }, [noResultsPlaceholder, noColumnsPlaceholder, noColumnsVisible]);\n\n  const { pagination } = otherProps;\n  const conditionalPagination =\n    pagination &&\n    pagination.conditionalPagination === true &&\n    rows.length <= otherProps.pagination.perPage;\n  const usePagination = paginated && !conditionalPagination;\n  return (\n    <DatagridWrapper\n      className={`${className} ds-row-size-${rowSize}`}\n      classProps={{\n        fluidHeight: isFluid({\n          autoHeight: otherProps.autoHeight,\n          numRowsVisible: otherProps.numRowsVisible,\n          paginated: usePagination,\n        }),\n      }}\n      style={{ height }}\n      {...containerProps}\n    >\n      {addOptionalHeaderComponents({ grid })}\n      <Table {...grid} onDefaultFiltersLoad={onDefaultFiltersLoad}>\n        {showHeader && <TableHeader />}\n        {showRowsLoader ? (\n          rowsLoaderRenderer()\n        ) : (\n          <TableBody\n            isPlaceholderActive={\n              noColumnsVisible ||\n              (grid.composedRows.rows && grid.composedRows.rows.length === 0) ||\n              grid.composedRows.length === 0\n            }\n            noResultsPlaceholder={bodyPlaceholder}\n          />\n        )}\n      </Table>\n      {addOptionalFooterComponents({\n        grid,\n        rows: grid.composedRows,\n      })}\n    </DatagridWrapper>\n  );\n};\n\nexport { DataGridImpl };\n\nexport default DataGridImpl;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,UAAU,CAAC,EAAE,YAAY,WAAW,qBAAqB;AAC7D,MAAI;AAAY,WAAO;AACvB,MAAI;AAAW,WAAO;AACtB,SAAO,CAAC;AAAA;AAGV,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,KACG;AAAA,MACC;AACJ,QAAM;AAAA,IACJ,uBAAuB,qCAAC,YAAD;AAAA,IACvB,uBAAuB;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,qBAAqB;AAAA,IACrB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE;AAEJ,QAAM,QAAQ,UAAU;AACxB,QAAM,aAAa,oBAAI;AACvB,QAAM,UAAU,KAAK,IAAI,CAAC,QAAQ;AAChC,QAAI,IAAI,WAAW;AACjB,YAAM,IAAI,MAAM;AAClB,eAAW,IAAI,IAAI;AACnB,WAAO,IAAI;AAAA;AAEb,MAAI,QAAQ,WAAW,WAAW;AAChC,UAAM,IAAI,MAAM;AAElB,QAAM,UAAU,oBAAoB;AAAA,OAC/B;AAAA,IACH,aAAc,EAAC,aAAa,gBAAgB,CAAC;AAAA,IAC7C,WAAY,aAAa,CAAC,eAAgB;AAAA,IAC1C,UAAU,YAAY,CAAC;AAAA;AAGzB,MAAI,mBAAmB;AACrB,kBAAc;AAAA;AAGhB,QAAM,OAAO,YAAY;AAAA,IACvB;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,SAAS,CAAC,GAAG,SAAS,GAAG,aAAa,GAAG;AAAA,OACtC;AAAA;AAGL,QAAM,mBAAmB,QAAQ,MAAM;AACrC,UAAM,qBAAqB,KAAK,QAAQ,OACtC,CAAC,WAAW,OAAO,WAAW,OAAO,OAAO,YAAY;AAE1D,WAAO,mBAAmB,WAAW;AAAA,KACpC,CAAC,KAAK;AAET,QAAM,kBAAkB,QAAQ,MAAM;AACpC,QAAI,kBAAkB;AACpB,aAAO;AAAA;AAET,WAAO,WAAW,mBACd,oBACA;AAAA,KACH,CAAC,sBAAsB,sBAAsB;AAEhD,QAAM,EAAE,eAAe;AACvB,QAAM,wBACJ,cACA,WAAW,0BAA0B,QACrC,KAAK,UAAU,WAAW,WAAW;AACvC,QAAM,gBAAgB,aAAa,CAAC;AACpC,SACE,qCAAC,iBAAD;AAAA,IACE,WAAW,GAAG,yBAAyB;AAAA,IACvC,YAAY;AAAA,MACV,aAAa,QAAQ;AAAA,QACnB,YAAY,WAAW;AAAA,QACvB,gBAAgB,WAAW;AAAA,QAC3B,WAAW;AAAA;AAAA;AAAA,IAGf,OAAO,EAAE;AAAA,OACL;AAAA,KAEH,4BAA4B,EAAE,SAC/B,qCAAC,OAAD;AAAA,OAAW;AAAA,IAAM;AAAA,KACd,cAAc,qCAAC,aAAD,OACd,iBACC,uBAEA,qCAAC,WAAD;AAAA,IACE,qBACE,oBACC,KAAK,aAAa,QAAQ,KAAK,aAAa,KAAK,WAAW,KAC7D,KAAK,aAAa,WAAW;AAAA,IAE/B,sBAAsB;AAAA,OAI3B,4BAA4B;AAAA,IAC3B;AAAA,IACA,MAAM,KAAK;AAAA;AAAA;AAQnB,IAAO,uBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,UAAU,CAAC,EAAE,YAAY,WAAW,qBAAqB;AAC7D,MAAI;AAAY,WAAO;AACvB,MAAI;AAAW,WAAO;AACtB,SAAO,CAAC;AAAA;AAGV,MAAM,eAAe,CAAC,OAShB;AATgB,eACpB;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,MAPoB,IAQjB,uBARiB,IAQjB;AAAA,IAPH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM;AAAA,IACJ,uBAAuB,qCAAC,YAAD;AAAA,IACvB,uBAAuB;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,qBAAqB;AAAA,IACrB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE;AAEJ,QAAM,QAAQ,UAAU;AACxB,QAAM,aAAa,oBAAI;AACvB,QAAM,UAAU,KAAK,IAAI,CAAC,QAAQ;AAChC,QAAI,IAAI,WAAW;AACjB,YAAM,IAAI,MAAM;AAClB,eAAW,IAAI,IAAI;AACnB,WAAO,IAAI;AAAA;AAEb,MAAI,QAAQ,WAAW,WAAW;AAChC,UAAM,IAAI,MAAM;AAElB,QAAM,UAAU,oBAAoB,iCAC/B,aAD+B;AAAA,IAElC,aAAc,EAAC,aAAa,gBAAgB,CAAC;AAAA,IAC7C,WAAY,aAAa,CAAC,eAAgB;AAAA,IAC1C,UAAU,YAAY,CAAC;AAAA;AAGzB,MAAI,mBAAmB;AACrB,kBAAc;AAAA;AAGhB,QAAM,OAAO,YAAY;AAAA,IACvB;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,SAAS,CAAC,GAAG,SAAS,GAAG,aAAa,GAAG;AAAA,KACtC;AAGL,QAAM,mBAAmB,QAAQ,MAAM;AACrC,UAAM,qBAAqB,KAAK,QAAQ,OACtC,CAAC,WAAW,OAAO,WAAW,OAAO,OAAO,YAAY;AAE1D,WAAO,mBAAmB,WAAW;AAAA,KACpC,CAAC,KAAK;AAET,QAAM,kBAAkB,QAAQ,MAAM;AACpC,QAAI,kBAAkB;AACpB,aAAO;AAAA;AAET,WAAO,WAAW,mBACd,oBACA;AAAA,KACH,CAAC,sBAAsB,sBAAsB;AAEhD,QAAM,EAAE,eAAe;AACvB,QAAM,wBACJ,cACA,WAAW,0BAA0B,QACrC,KAAK,UAAU,WAAW,WAAW;AACvC,QAAM,gBAAgB,aAAa,CAAC;AACpC,SACE,qCAAC,iBAAD;AAAA,IACE,WAAW,GAAG,yBAAyB;AAAA,IACvC,YAAY;AAAA,MACV,aAAa,QAAQ;AAAA,QACnB,YAAY,WAAW;AAAA,QACvB,gBAAgB,WAAW;AAAA,QAC3B,WAAW;AAAA;AAAA;AAAA,IAGf,OAAO,EAAE;AAAA,KACL,iBAEH,4BAA4B,EAAE,SAC/B,qCAAC,OAAD,iCAAW,OAAX;AAAA,IAAiB;AAAA,MACd,cAAc,qCAAC,aAAD,OACd,iBACC,uBAEA,qCAAC,WAAD;AAAA,IACE,qBACE,oBACC,KAAK,aAAa,QAAQ,KAAK,aAAa,KAAK,WAAW,KAC7D,KAAK,aAAa,WAAW;AAAA,IAE/B,sBAAsB;AAAA,OAI3B,4BAA4B;AAAA,IAC3B;AAAA,IACA,MAAM,KAAK;AAAA;AAAA;AAQnB,IAAO,uBAAQ;",
   "names": []
 }

package/dist/esm/PaginatedDataGrid.js

@@ -1,3 +1,34 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 import * as React from "react";
 import React2 from "react";
 import { useDataGrid } from "@elliemae/ds-shared/src/useDataGrid/useDataGrid";
@@ -7,30 +38,38 @@ import { DatagridWrapper } from "./components/renderers/defaultClassedRenderers"
 import { addOptionalHeaderComponents } from "./components/header/addOptionalHeaderComponents";
 import { getPluginsFromProps } from "./utilities/getPluginsFromProps";
 import { Pagination } from "./plugins/pagination/components/Pagination";
-function PaginatedDataGrid({
-  columns,
-  rows,
-  showRowsLoader,
-  noResultsPlaceholder,
-  rowsLoaderRenderer = renderRowsLoader,
-  maxPerPage,
-  minPerPage,
-  onPageSelect,
-  onPerPage,
-  pagination,
-  ...otherProps
-}) {
+function PaginatedDataGrid(_a) {
+  var _b = _a, {
+    columns,
+    rows,
+    showRowsLoader,
+    noResultsPlaceholder,
+    rowsLoaderRenderer = renderRowsLoader,
+    maxPerPage,
+    minPerPage,
+    onPageSelect,
+    onPerPage,
+    pagination
+  } = _b, otherProps = __objRest(_b, [
+    "columns",
+    "rows",
+    "showRowsLoader",
+    "noResultsPlaceholder",
+    "rowsLoaderRenderer",
+    "maxPerPage",
+    "minPerPage",
+    "onPageSelect",
+    "onPerPage",
+    "pagination"
+  ]);
   const plugins = getPluginsFromProps(otherProps, { infiniteScrolling: true });
-  const grid = useDataGrid({
-    ...otherProps,
+  const grid = useDataGrid(__spreadProps(__spreadValues({}, otherProps), {
     columns,
     rows,
     renderers: defaultRenderers,
     plugins
-  });
-  return /* @__PURE__ */ React2.createElement(DatagridWrapper, null, addOptionalHeaderComponents({ grid }), /* @__PURE__ */ React2.createElement(Table, {
-    ...grid
-  }, /* @__PURE__ */ React2.createElement(Table.Header, null), showRowsLoader ? rowsLoaderRenderer() : /* @__PURE__ */ React2.createElement(Table.Body, {
+  }));
+  return /* @__PURE__ */ React2.createElement(DatagridWrapper, null, addOptionalHeaderComponents({ grid }), /* @__PURE__ */ React2.createElement(Table, __spreadValues({}, grid), /* @__PURE__ */ React2.createElement(Table.Header, null), showRowsLoader ? rowsLoaderRenderer() : /* @__PURE__ */ React2.createElement(Table.Body, {
     rows: grid.composedRows.rows || grid.composedRows
   })), /* @__PURE__ */ React2.createElement(Pagination, {
     maxPerPage,

package/dist/esm/PaginatedDataGrid.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/PaginatedDataGrid.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useDataGrid } from '@elliemae/ds-shared/src/useDataGrid/useDataGrid';\nimport { Table } from './components/Table';\nimport { defaultRenderers, renderRowsLoader } from './components/renderers';\nimport { DatagridWrapper } from './components/renderers/defaultClassedRenderers';\nimport { addOptionalHeaderComponents } from './components/header/addOptionalHeaderComponents';\nimport { getPluginsFromProps } from './utilities/getPluginsFromProps';\nimport { Pagination } from './plugins/pagination/components/Pagination';\n\nfunction PaginatedDataGrid({\n  columns,\n  rows,\n  showRowsLoader,\n  noResultsPlaceholder,\n  rowsLoaderRenderer = renderRowsLoader,\n  maxPerPage,\n  minPerPage,\n  onPageSelect,\n  onPerPage,\n  pagination,\n  ...otherProps\n}) {\n  const plugins = getPluginsFromProps(otherProps, { infiniteScrolling: true });\n  const grid = useDataGrid({\n    ...otherProps,\n    columns,\n    rows,\n    renderers: defaultRenderers,\n    plugins,\n  });\n\n  return (\n    <DatagridWrapper>\n      {addOptionalHeaderComponents({ grid })}\n      <Table {...grid}>\n        <Table.Header />\n        {showRowsLoader ? (\n          rowsLoaderRenderer()\n        ) : (\n          <Table.Body rows={grid.composedRows.rows || grid.composedRows} />\n        )}\n      </Table>\n      <Pagination\n        maxPerPage={maxPerPage}\n        minPerPage={minPerPage}\n        onPageSelect={onPageSelect}\n        onPerPage={onPerPage}\n        paginated={rows}\n        pagination={pagination}\n      />\n    </DatagridWrapper>\n  );\n}\n\nexport default PaginatedDataGrid;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,2BAA2B;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,GACF;AACD,QAAM,UAAU,oBAAoB,YAAY,EAAE,mBAAmB;AACrE,QAAM,OAAO,YAAY;AAAA,OACpB;AAAA,IACH;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA;AAGF,SACE,qCAAC,iBAAD,MACG,4BAA4B,EAAE,SAC/B,qCAAC,OAAD;AAAA,OAAW;AAAA,KACT,qCAAC,MAAM,QAAP,OACC,iBACC,uBAEA,qCAAC,MAAM,MAAP;AAAA,IAAY,MAAM,KAAK,aAAa,QAAQ,KAAK;AAAA,OAGrD,qCAAC,YAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA;AAAA;AAMR,IAAO,4BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,2BAA2B,IAYxB;AAZwB,eACzB;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,qBAAqB;AAAA,IACrB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAVyB,IAWtB,uBAXsB,IAWtB;AAAA,IAVH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,UAAU,oBAAoB,YAAY,EAAE,mBAAmB;AACrE,QAAM,OAAO,YAAY,iCACpB,aADoB;AAAA,IAEvB;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA;AAGF,SACE,qCAAC,iBAAD,MACG,4BAA4B,EAAE,SAC/B,qCAAC,OAAD,mBAAW,OACT,qCAAC,MAAM,QAAP,OACC,iBACC,uBAEA,qCAAC,MAAM,MAAP;AAAA,IAAY,MAAM,KAAK,aAAa,QAAQ,KAAK;AAAA,OAGrD,qCAAC,YAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA;AAAA;AAMR,IAAO,4BAAQ;",
   "names": []
 }

package/dist/esm/components/BodyCell.js

@@ -1,3 +1,31 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 import * as React from "react";
 import React2, { useEffect, useContext, useRef, useCallback } from "react";
 import PropTypes from "prop-types";
@@ -5,7 +33,7 @@ import { FocusGridContext } from "@elliemae/ds-shared/FocusGroup/FocusGrid";
 import { evaluateFormatters, evaluateTransforms } from "@elliemae/ds-shared/createDataInstance/utils";
 import { DSTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
 const BodyCell = ({ component: Component, classProps, rowProps, column, columnIndex, rowIndex, grid }) => {
-  const { rowData, rowKey, isScrolling, ...extraRowProps } = rowProps;
+  const _a = rowProps, { rowData, rowKey, isScrolling } = _a, extraRowProps = __objRest(_a, ["rowData", "rowKey", "isScrolling"]);
   const { property, cell, props } = column;
   const evaluatedProperty = property || cell && cell.property;
   const ref = useRef(null);
@@ -22,7 +50,7 @@ const BodyCell = ({ component: Component, classProps, rowProps, column, columnIn
     fixedFormatters = [],
     scrollingFormatters = []
   } = cell || {};
-  const extraParameters = {
+  const extraParameters = __spreadValues({
     columnIndex,
     property: evaluatedProperty,
     column,
@@ -30,23 +58,19 @@ const BodyCell = ({ component: Component, classProps, rowProps, column, columnIn
     rowIndex,
     rowKey,
     isScrolling,
-    registerFocus,
-    ...extraRowProps
-  };
+    registerFocus
+  }, extraRowProps);
   const withTooltip = (v) => classProps && classProps.wrapText ? v : /* @__PURE__ */ React2.createElement(DSTruncatedTooltipText, {
     value: v
   });
   const value = rowData[`_${evaluatedProperty}`] || rowData[evaluatedProperty];
   const transformed = evaluateTransforms(transforms, value, extraParameters);
-  return /* @__PURE__ */ React2.createElement(Component, {
+  return /* @__PURE__ */ React2.createElement(Component, __spreadValues(__spreadValues(__spreadValues({
     ref,
     "data-testid": `column-${property}`,
     tabIndex: -1,
-    classProps,
-    ...props,
-    ...cell && cell.props,
-    ...transformed
-  }, transformed.children || evaluateFormatters(!isScrolling ? [withTooltip, ...formatters, ...fixedFormatters] : [...scrollingFormatters, ...fixedFormatters], value, extraParameters, grid));
+    classProps
+  }, props), cell && cell.props), transformed), transformed.children || evaluateFormatters(!isScrolling ? [withTooltip, ...formatters, ...fixedFormatters] : [...scrollingFormatters, ...fixedFormatters], value, extraParameters, grid));
 };
 BodyCell.propTypes = {
   component: PropTypes.element,

package/dist/esm/components/BodyCell.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/BodyCell.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useEffect, useContext, useRef, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport { FocusGridContext } from '@elliemae/ds-shared/FocusGroup/FocusGrid';\nimport { evaluateFormatters, evaluateTransforms } from '@elliemae/ds-shared/createDataInstance/utils';\nimport { DSTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\n\nconst BodyCell = ({ component: Component, classProps, rowProps, column, columnIndex, rowIndex, grid }) => {\n  const { rowData, rowKey, isScrolling, ...extraRowProps } = rowProps;\n  const { property, cell, props } = column;\n  const evaluatedProperty = property || (cell && cell.property);\n\n  const ref = useRef(null);\n  const { register } = useContext(FocusGridContext);\n\n  const registerFocus = useCallback((node) => {\n    register(node, rowIndex, columnIndex);\n  }, []);\n\n  useEffect(() => {\n    registerFocus(ref.current);\n  }, [ref.current]);\n\n  const {\n    transforms = [],\n    formatters = [],\n    fixedFormatters = [], // useful for the toolbar trigger at the last column\n    scrollingFormatters = [],\n  } = cell || {};\n\n  const extraParameters = {\n    columnIndex,\n    property: evaluatedProperty,\n    column,\n    rowData,\n    rowIndex,\n    rowKey,\n    isScrolling, // improve performance on scroll rendering a lightweight component instead\n    registerFocus,\n    ...extraRowProps,\n  };\n  const withTooltip = (v) => (classProps && classProps.wrapText ? v : <DSTruncatedTooltipText value={v} />);\n  const value = rowData[`_${evaluatedProperty}`] || rowData[evaluatedProperty];\n  const transformed = evaluateTransforms(transforms, value, extraParameters);\n  return (\n    <Component\n      ref={ref}\n      data-testid={`column-${property}`}\n      tabIndex={-1}\n      classProps={classProps}\n      {...props}\n      {...(cell && cell.props)}\n      {...transformed}\n    >\n      {transformed.children ||\n        evaluateFormatters(\n          !isScrolling\n            ? [withTooltip, ...formatters, ...fixedFormatters]\n            : [...scrollingFormatters, ...fixedFormatters],\n          value,\n          extraParameters,\n          grid,\n        )}\n    </Component>\n  );\n};\n\nBodyCell.propTypes = {\n  component: PropTypes.element,\n  classProps: PropTypes.shape({\n    wrapText: PropTypes.bool,\n  }),\n  rowProps: PropTypes.shape({\n    rowData: PropTypes.shape({}),\n    rowKey: PropTypes.string,\n    isScrolling: PropTypes.bool,\n  }),\n  column: PropTypes.shape({\n    property: PropTypes.string,\n    cell: PropTypes.any,\n    props: PropTypes.shape({}),\n  }),\n  columnIndex: PropTypes.number,\n  rowIndex: PropTypes.number,\n  grid: PropTypes.any,\n};\n\nexport { BodyCell };\nexport default BodyCell;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,WAAW,CAAC,EAAE,WAAW,WAAW,YAAY,UAAU,QAAQ,aAAa,UAAU,WAAW;AACxG,QAAM,EAAE,SAAS,QAAQ,gBAAgB,kBAAkB;AAC3D,QAAM,EAAE,UAAU,MAAM,UAAU;AAClC,QAAM,oBAAoB,YAAa,QAAQ,KAAK;AAEpD,QAAM,MAAM,OAAO;AACnB,QAAM,EAAE,aAAa,WAAW;AAEhC,QAAM,gBAAgB,YAAY,CAAC,SAAS;AAC1C,aAAS,MAAM,UAAU;AAAA,KACxB;AAEH,YAAU,MAAM;AACd,kBAAc,IAAI;AAAA,KACjB,CAAC,IAAI;AAER,QAAM;AAAA,IACJ,aAAa;AAAA,IACb,aAAa;AAAA,IACb,kBAAkB;AAAA,IAClB,sBAAsB;AAAA,MACpB,QAAQ;AAEZ,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,OACG;AAAA;AAEL,QAAM,cAAc,CAAC,MAAO,cAAc,WAAW,WAAW,IAAI,qCAAC,wBAAD;AAAA,IAAwB,OAAO;AAAA;AACnG,QAAM,QAAQ,QAAQ,IAAI,wBAAwB,QAAQ;AAC1D,QAAM,cAAc,mBAAmB,YAAY,OAAO;AAC1D,SACE,qCAAC,WAAD;AAAA,IACE;AAAA,IACA,eAAa,UAAU;AAAA,IACvB,UAAU;AAAA,IACV;AAAA,OACI;AAAA,OACC,QAAQ,KAAK;AAAA,OACd;AAAA,KAEH,YAAY,YACX,mBACE,CAAC,cACG,CAAC,aAAa,GAAG,YAAY,GAAG,mBAChC,CAAC,GAAG,qBAAqB,GAAG,kBAChC,OACA,iBACA;AAAA;AAMV,SAAS,YAAY;AAAA,EACnB,WAAW,UAAU;AAAA,EACrB,YAAY,UAAU,MAAM;AAAA,IAC1B,UAAU,UAAU;AAAA;AAAA,EAEtB,UAAU,UAAU,MAAM;AAAA,IACxB,SAAS,UAAU,MAAM;AAAA,IACzB,QAAQ,UAAU;AAAA,IAClB,aAAa,UAAU;AAAA;AAAA,EAEzB,QAAQ,UAAU,MAAM;AAAA,IACtB,UAAU,UAAU;AAAA,IACpB,MAAM,UAAU;AAAA,IAChB,OAAO,UAAU,MAAM;AAAA;AAAA,EAEzB,aAAa,UAAU;AAAA,EACvB,UAAU,UAAU;AAAA,EACpB,MAAM,UAAU;AAAA;AAIlB,IAAO,mBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,WAAW,CAAC,EAAE,WAAW,WAAW,YAAY,UAAU,QAAQ,aAAa,UAAU,WAAW;AACxG,QAA2D,eAAnD,WAAS,QAAQ,gBAAkC,IAAlB,0BAAkB,IAAlB,CAAjC,WAAS,UAAQ;AACzB,QAAM,EAAE,UAAU,MAAM,UAAU;AAClC,QAAM,oBAAoB,YAAa,QAAQ,KAAK;AAEpD,QAAM,MAAM,OAAO;AACnB,QAAM,EAAE,aAAa,WAAW;AAEhC,QAAM,gBAAgB,YAAY,CAAC,SAAS;AAC1C,aAAS,MAAM,UAAU;AAAA,KACxB;AAEH,YAAU,MAAM;AACd,kBAAc,IAAI;AAAA,KACjB,CAAC,IAAI;AAER,QAAM;AAAA,IACJ,aAAa;AAAA,IACb,aAAa;AAAA,IACb,kBAAkB;AAAA,IAClB,sBAAsB;AAAA,MACpB,QAAQ;AAEZ,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KACG;AAEL,QAAM,cAAc,CAAC,MAAO,cAAc,WAAW,WAAW,IAAI,qCAAC,wBAAD;AAAA,IAAwB,OAAO;AAAA;AACnG,QAAM,QAAQ,QAAQ,IAAI,wBAAwB,QAAQ;AAC1D,QAAM,cAAc,mBAAmB,YAAY,OAAO;AAC1D,SACE,qCAAC,WAAD;AAAA,IACE;AAAA,IACA,eAAa,UAAU;AAAA,IACvB,UAAU;AAAA,IACV;AAAA,KACI,QACC,QAAQ,KAAK,QACd,cAEH,YAAY,YACX,mBACE,CAAC,cACG,CAAC,aAAa,GAAG,YAAY,GAAG,mBAChC,CAAC,GAAG,qBAAqB,GAAG,kBAChC,OACA,iBACA;AAAA;AAMV,SAAS,YAAY;AAAA,EACnB,WAAW,UAAU;AAAA,EACrB,YAAY,UAAU,MAAM;AAAA,IAC1B,UAAU,UAAU;AAAA;AAAA,EAEtB,UAAU,UAAU,MAAM;AAAA,IACxB,SAAS,UAAU,MAAM;AAAA,IACzB,QAAQ,UAAU;AAAA,IAClB,aAAa,UAAU;AAAA;AAAA,EAEzB,QAAQ,UAAU,MAAM;AAAA,IACtB,UAAU,UAAU;AAAA,IACpB,MAAM,UAAU;AAAA,IAChB,OAAO,UAAU,MAAM;AAAA;AAAA,EAEzB,aAAa,UAAU;AAAA,EACvB,UAAU,UAAU;AAAA,EACpB,MAAM,UAAU;AAAA;AAIlB,IAAO,mBAAQ;",
   "names": []
 }

package/dist/esm/components/BodyList.js

@@ -1,19 +1,56 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 import * as React from "react";
 import React2 from "react";
 import { NoResults } from "./NoResults";
-function BodyWrapperDefaultRenderer({
-  component: Component,
-  rows,
-  rowRenderer,
-  noResultsPlaceholder,
-  innerRef,
-  innerBodyRef,
-  ...otherBodyProps
-}) {
-  return /* @__PURE__ */ React2.createElement(Component, {
-    ...otherBodyProps,
+function BodyWrapperDefaultRenderer(_a) {
+  var _b = _a, {
+    component: Component,
+    rows,
+    rowRenderer,
+    noResultsPlaceholder,
+    innerRef,
+    innerBodyRef
+  } = _b, otherBodyProps = __objRest(_b, [
+    "component",
+    "rows",
+    "rowRenderer",
+    "noResultsPlaceholder",
+    "innerRef",
+    "innerBodyRef"
+  ]);
+  return /* @__PURE__ */ React2.createElement(Component, __spreadProps(__spreadValues({}, otherBodyProps), {
     innerRef
-  }, rows.length ? rows.map((row, index) => rowRenderer(row, { index }, {})) : /* @__PURE__ */ React2.createElement(NoResults, {
+  }), rows.length ? rows.map((row, index) => rowRenderer(row, { index }, {})) : /* @__PURE__ */ React2.createElement(NoResults, {
     innerRef,
     rowRenderer
   }, noResultsPlaceholder));

package/dist/esm/components/BodyList.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/BodyList.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { NoResults } from './NoResults';\n\nfunction BodyWrapperDefaultRenderer({\n  component: Component,\n  rows,\n  rowRenderer,\n  noResultsPlaceholder,\n  innerRef,\n  innerBodyRef,\n  ...otherBodyProps\n}) {\n  return (\n    <Component {...otherBodyProps} innerRef={innerRef}>\n      {rows.length ? (\n        rows.map((row, index) => rowRenderer(row, { index }, {}))\n      ) : (\n        <NoResults innerRef={innerRef} rowRenderer={rowRenderer}>\n          {noResultsPlaceholder}\n        </NoResults>\n      )}\n    </Component>\n  );\n}\n\nexport default React.memo(BodyWrapperDefaultRenderer);\n"],
-  "mappings": "AAAA;ACAA;AACA;AAEA,oCAAoC;AAAA,EAClC,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,GACF;AACD,SACE,qCAAC,WAAD;AAAA,OAAe;AAAA,IAAgB;AAAA,KAC5B,KAAK,SACJ,KAAK,IAAI,CAAC,KAAK,UAAU,YAAY,KAAK,EAAE,SAAS,OAErD,qCAAC,WAAD;AAAA,IAAW;AAAA,IAAoB;AAAA,KAC5B;AAAA;AAOX,IAAO,mBAAQ,OAAM,KAAK;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AAEA,oCAAoC,IAQjC;AARiC,eAClC;AAAA,eAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MANkC,IAO/B,2BAP+B,IAO/B;AAAA,IANH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,SACE,qCAAC,WAAD,iCAAe,iBAAf;AAAA,IAA+B;AAAA,MAC5B,KAAK,SACJ,KAAK,IAAI,CAAC,KAAK,UAAU,YAAY,KAAK,EAAE,SAAS,OAErD,qCAAC,WAAD;AAAA,IAAW;AAAA,IAAoB;AAAA,KAC5B;AAAA;AAOX,IAAO,mBAAQ,OAAM,KAAK;",
   "names": []
 }

package/dist/esm/components/HeaderCell.js

@@ -1,3 +1,19 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 import * as React from "react";
 import React2 from "react";
 import PropTypes from "prop-types";
@@ -22,15 +38,12 @@ const HeaderCell = ({ column, columnIndex, component: Component, classProps, gri
   const transformedProps = evaluateTransforms(transforms, value, extraParameters);
   const formattedValue = evaluateFormatters(formatters, value, extraParameters);
   const testId = column.headerDataId || "data-grid-header__cell";
-  return /* @__PURE__ */ React2.createElement(Component, {
+  return /* @__PURE__ */ React2.createElement(Component, __spreadValues(__spreadValues(__spreadValues({
     key: `${evaluatedProperty}-header`,
     "data-testid": testId,
     index: columnIndex,
-    classProps,
-    ...props,
-    ...header && header.props,
-    ...transformedProps
-  }, transformedProps.children || formattedValue);
+    classProps
+  }, props), header && header.props), transformedProps), transformedProps.children || formattedValue);
 };
 HeaderCell.propTypes = {
   column: PropTypes.any,