@elliemae/ds-datagrids 2.2.0-alpha.3 → 3.0.0-next.0

package/esm/DataGridImpl.js

@@ -1,38 +1,81 @@
-import * as React from "react";
-import React2, { useMemo } from "react";
-import { isFunction } from "@elliemae/ds-shared/utils";
-import { useDataGrid } from "@elliemae/ds-shared/useDataGrid";
-import { Table } from "./components/Table";
-import { TableBody } from "./components/TableBody";
-import { TableHeader } from "./components/TableHeader";
-import { defaultRenderers, renderRowsLoader } from "./components/renderers";
-import { DatagridWrapper } from "./components/renderers/defaultClassedRenderers";
-import { addOptionalFooterComponents } from "./components/footer/addOptionalFooterComponents";
-import { addOptionalHeaderComponents } from "./components/header/addOptionalHeaderComponents";
-import { EmptyState } from "./components/EmptyState";
-import { getPluginsFromProps } from "./utilities/getPluginsFromProps";
-import { defaultPlugins } from "./defaultPlugins";
-import { normalizeRows } from "./utilities/normalizeData";
-const isFluid = ({ autoHeight, paginated, numRowsVisible }) => {
-  if (autoHeight)
-    return false;
-  if (paginated)
-    return false;
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'core-js/modules/esnext.set.add-all.js';
+import 'core-js/modules/esnext.set.delete-all.js';
+import 'core-js/modules/esnext.set.difference.js';
+import 'core-js/modules/esnext.set.every.js';
+import 'core-js/modules/esnext.set.filter.js';
+import 'core-js/modules/esnext.set.find.js';
+import 'core-js/modules/esnext.set.intersection.js';
+import 'core-js/modules/esnext.set.is-disjoint-from.js';
+import 'core-js/modules/esnext.set.is-subset-of.js';
+import 'core-js/modules/esnext.set.is-superset-of.js';
+import 'core-js/modules/esnext.set.join.js';
+import 'core-js/modules/esnext.set.map.js';
+import 'core-js/modules/esnext.set.reduce.js';
+import 'core-js/modules/esnext.set.some.js';
+import 'core-js/modules/esnext.set.symmetric-difference.js';
+import 'core-js/modules/esnext.set.union.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import { useMemo } from 'react';
+import { isFunction } from '@elliemae/ds-shared/utils';
+import useDataGrid from '@elliemae/ds-shared/useDataGrid';
+import Table from './components/Table.js';
+import TableBody from './components/TableBody.js';
+import TableHeader from './components/TableHeader.js';
+import { defaultRenderers } from './components/renderers/index.js';
+import { DatagridWrapper } from './components/renderers/defaultClassedRenderers.js';
+import addOptionalFooterComponents from './components/footer/addOptionalFooterComponents.js';
+import addOptionalHeaderComponents from './components/header/addOptionalHeaderComponents.js';
+import { EmptyState } from './components/EmptyState.js';
+import getPluginsFromProps from './utilities/getPluginsFromProps.js';
+import { defaultPlugins } from './defaultPlugins.js';
+import { normalizeRows } from './utilities/normalizeData.js';
+import { jsxs } from 'react/jsx-runtime';
+import { renderRowsLoader } from './components/renderers/renderRowsLoader.js';
+
+var _EmptyState, _TableHeader;
+
+const _excluded = ["className", "renderers", "columns", "rows", "containerProps", "plugins", "normalizeDataKeys"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+const isFluid = _ref => {
+  let {
+    autoHeight,
+    paginated,
+    numRowsVisible
+  } = _ref;
+  if (autoHeight) return false;
+  if (paginated) return false;
   return !numRowsVisible;
 };
-const DataGridImpl = ({
-  className,
-  renderers,
-  columns,
-  rows,
-  containerProps,
-  plugins: pluginsProp,
-  normalizeDataKeys,
-  ...otherProps
-}) => {
+
+function DataGridImpl(_ref2) {
+  let {
+    className,
+    renderers,
+    columns,
+    rows,
+    containerProps,
+    plugins: pluginsProp,
+    normalizeDataKeys
+  } = _ref2,
+      otherProps = _objectWithoutProperties(_ref2, _excluded);
+
   const {
-    noResultsPlaceholder = /* @__PURE__ */ React2.createElement(EmptyState, null),
-    noColumnsPlaceholder = "Please select one of more columns in order for data to be displayed.",
+    noResultsPlaceholder = _EmptyState || (_EmptyState = /*#__PURE__*/_jsx(EmptyState, {})),
+    noColumnsPlaceholder = 'Please select one of more columns in order for data to be displayed.',
     noResultsRender,
     paginated,
     height,
@@ -46,47 +89,48 @@ const DataGridImpl = ({
     onDefaultFiltersLoad,
     rowKey
   } = otherProps;
-  const idKey = rowKey || "id";
-  const rowsIdsSet = /* @__PURE__ */ new Set();
-  const rowsIds = rows.map((row) => {
-    if (row[idKey] === void 0)
-      throw new Error("Missing id: each row must have an unique id");
+  const idKey = rowKey || 'id';
+  const rowsIdsSet = new Set();
+  const rowsIds = rows.map(row => {
+    if (row[idKey] === undefined) throw new Error('Missing id: each row must have an unique id');
     rowsIdsSet.add(row[idKey]);
     return row[idKey];
   });
-  if (rowsIds.length !== rowsIdsSet.size)
-    throw new Error("Repeated id: each row must have an unique id");
-  const plugins = getPluginsFromProps({
-    ...otherProps,
+  if (rowsIds.length !== rowsIdsSet.size) throw new Error('Repeated id: each row must have an unique id');
+  const plugins = getPluginsFromProps(_objectSpread(_objectSpread({}, otherProps), {}, {
     virtualized: (!paginated || groupedRows) && !wrapText,
     paginated: paginated && !groupedRows || wrapText,
     sortable: sortable && !groupedRows
-  });
+  }));
+
   if (normalizeDataKeys) {
     normalizeRows(rows);
   }
-  const grid = useDataGrid({
+
+  const grid = useDataGrid(_objectSpread({
     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");
+    const visibleUserColumns = grid.columns.filter(column => column.visible || typeof column.visible === 'undefined');
     return visibleUserColumns.length === 0;
   }, [grid.columns]);
   const bodyPlaceholder = useMemo(() => {
     if (noColumnsVisible) {
       return noColumnsPlaceholder;
     }
+
     return isFunction(noResultsRender) ? noResultsRender() : noResultsPlaceholder;
   }, [noResultsPlaceholder, noColumnsPlaceholder, noColumnsVisible]);
-  const { pagination } = otherProps;
+  const {
+    pagination
+  } = otherProps;
   const conditionalPagination = pagination && pagination.conditionalPagination === true && rows.length <= otherProps.pagination.perPage;
   const usePagination = paginated && !conditionalPagination;
-  return /* @__PURE__ */ React2.createElement(DatagridWrapper, {
-    className: `${className} ds-row-size-${rowSize}`,
+  return /*#__PURE__*/jsxs(DatagridWrapper, _objectSpread(_objectSpread({
+    className: "".concat(className, " ds-row-size-").concat(rowSize),
     classProps: {
       fluidHeight: isFluid({
         autoHeight: otherProps.autoHeight,
@@ -94,22 +138,23 @@ const DataGridImpl = ({
         paginated: usePagination
       })
     },
-    style: { height },
-    ...containerProps
-  }, addOptionalHeaderComponents({ grid }), /* @__PURE__ */ React2.createElement(Table, {
-    ...grid,
-    onDefaultFiltersLoad
-  }, 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({
-    grid,
-    rows: grid.composedRows
+    style: {
+      height
+    }
+  }, containerProps), {}, {
+    children: [addOptionalHeaderComponents({
+      grid
+    }), /*#__PURE__*/jsxs(Table, _objectSpread(_objectSpread({}, grid), {}, {
+      onDefaultFiltersLoad: onDefaultFiltersLoad,
+      children: [showHeader && (_TableHeader || (_TableHeader = /*#__PURE__*/_jsx(TableHeader, {}))), showRowsLoader ? rowsLoaderRenderer() : /*#__PURE__*/_jsx(TableBody, {
+        isPlaceholderActive: noColumnsVisible || grid.composedRows.rows && grid.composedRows.rows.length === 0 || grid.composedRows.length === 0,
+        noResultsPlaceholder: bodyPlaceholder
+      })]
+    })), addOptionalFooterComponents({
+      grid,
+      rows: grid.composedRows
+    })]
   }));
-};
-var DataGridImpl_default = DataGridImpl;
-export {
-  DataGridImpl,
-  DataGridImpl_default as default
-};
-//# sourceMappingURL=DataGridImpl.js.map
+}
+
+export { DataGridImpl as default };

package/esm/PaginatedDataGrid.js

@@ -1,48 +1,68 @@
-import * as React from "react";
-import React2 from "react";
-import { useDataGrid } from "@elliemae/ds-shared/src/useDataGrid/useDataGrid";
-import { Table } from "./components/Table";
-import { defaultRenderers, renderRowsLoader } from "./components/renderers";
-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
-}) {
-  const plugins = getPluginsFromProps(otherProps, { infiniteScrolling: true });
-  const grid = useDataGrid({
-    ...otherProps,
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'react';
+import useDataGrid from '@elliemae/ds-shared/src/useDataGrid/useDataGrid';
+import Table from './components/Table.js';
+import { defaultRenderers } from './components/renderers/index.js';
+import { DatagridWrapper } from './components/renderers/defaultClassedRenderers.js';
+import addOptionalHeaderComponents from './components/header/addOptionalHeaderComponents.js';
+import getPluginsFromProps from './utilities/getPluginsFromProps.js';
+import { Pagination } from './plugins/pagination/components/Pagination.js';
+import { jsxs } from 'react/jsx-runtime';
+import { renderRowsLoader } from './components/renderers/renderRowsLoader.js';
+
+var _Table$Header;
+
+const _excluded = ["columns", "rows", "showRowsLoader", "noResultsPlaceholder", "rowsLoaderRenderer", "maxPerPage", "minPerPage", "onPageSelect", "onPerPage", "pagination"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function PaginatedDataGrid(_ref) {
+  let {
     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, {
-    rows: grid.composedRows.rows || grid.composedRows
-  })), /* @__PURE__ */ React2.createElement(Pagination, {
+    showRowsLoader,
+    noResultsPlaceholder,
+    rowsLoaderRenderer = renderRowsLoader,
     maxPerPage,
     minPerPage,
     onPageSelect,
     onPerPage,
-    paginated: rows,
     pagination
+  } = _ref,
+      otherProps = _objectWithoutProperties(_ref, _excluded);
+
+  const plugins = getPluginsFromProps(otherProps, {
+    infiniteScrolling: true
+  });
+  const grid = useDataGrid(_objectSpread(_objectSpread({}, otherProps), {}, {
+    columns,
+    rows,
+    renderers: defaultRenderers,
+    plugins
+  }));
+  return /*#__PURE__*/_jsx(DatagridWrapper, {}, void 0, addOptionalHeaderComponents({
+    grid
+  }), /*#__PURE__*/jsxs(Table, _objectSpread(_objectSpread({}, grid), {}, {
+    children: [_Table$Header || (_Table$Header = /*#__PURE__*/_jsx(Table.Header, {})), showRowsLoader ? rowsLoaderRenderer() : /*#__PURE__*/_jsx(Table.Body, {
+      rows: grid.composedRows.rows || grid.composedRows
+    })]
+  })), /*#__PURE__*/_jsx(Pagination, {
+    maxPerPage: maxPerPage,
+    minPerPage: minPerPage,
+    onPageSelect: onPageSelect,
+    onPerPage: onPerPage,
+    paginated: rows,
+    pagination: pagination
   }));
 }
-var PaginatedDataGrid_default = PaginatedDataGrid;
-export {
-  PaginatedDataGrid_default as default
-};
-//# sourceMappingURL=PaginatedDataGrid.js.map
+
+export { PaginatedDataGrid as default };

package/esm/blockNames.js

@@ -1,10 +1,5 @@
-import * as React from "react";
-const dataGridBlockName = "data-grid";
-const headerBlockName = `${dataGridBlockName}-header`;
-const bodyBlockName = `${dataGridBlockName}-body`;
-export {
-  bodyBlockName,
-  dataGridBlockName,
-  headerBlockName
-};
-//# sourceMappingURL=blockNames.js.map
+const dataGridBlockName = 'data-grid';
+const headerBlockName = "".concat(dataGridBlockName, "-header");
+const bodyBlockName = "".concat(dataGridBlockName, "-body");
+
+export { bodyBlockName, dataGridBlockName, headerBlockName };

package/esm/columns/IconColumn.js

@@ -1,82 +1,87 @@
-import * as React from "react";
-import React2 from "react";
-import { cx } from "@elliemae/ds-utilities";
-import { DSButton } from "@elliemae/ds-button";
-import { aggregatedClasses } from "@elliemae/ds-classnames";
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import React from 'react';
+import { cx } from '@elliemae/ds-utilities';
+import DSButton from '@elliemae/ds-button';
+import { aggregatedClasses } from '@elliemae/ds-classnames';
+
 const Intents = {
-  SUCCESS: "success",
-  INFO: "info",
-  DANGER: "danger",
-  WARNING: "warning"
+  SUCCESS: 'success',
+  INFO: 'info',
+  DANGER: 'danger',
+  WARNING: 'warning'
 };
 const IntentIconColors = {
-  [Intents.SUCCESS]: ["success", 900],
-  [Intents.INFO]: ["brand-primary", 600],
-  [Intents.DANGER]: ["danger", 900],
-  [Intents.WARNING]: ["warning", 900]
+  [Intents.SUCCESS]: ['success', 900],
+  [Intents.INFO]: ['brand-primary', 600],
+  [Intents.DANGER]: ['danger', 900],
+  [Intents.WARNING]: ['warning', 900]
 };
-const ValueWrapper = aggregatedClasses("span")("icon-column-cell");
+const ValueWrapper = aggregatedClasses('span')('icon-column-cell');
+
 const addColorToIcon = (icon, intentColor) => {
   if (icon.props.color) {
     return icon;
   }
-  return React2.cloneElement(icon, { color: intentColor });
+
+  return /*#__PURE__*/React.cloneElement(icon, {
+    color: intentColor
+  });
 };
-const IconColumn = ({
-  property,
-  label,
-  headerIcon,
-  getRowIcon = () => null,
-  isVisited = () => null,
-  intent = Intents.SUCCESS,
-  width = 60,
-  onClick,
-  visible,
-  resizable,
-  sortable,
-  searchable
-}) => {
+
+function createColumn(_ref) {
+  let {
+    property,
+    label,
+    headerIcon,
+    getRowIcon = () => null,
+    isVisited = () => null,
+    intent = Intents.SUCCESS,
+    width = 60,
+    onClick,
+    visible,
+    resizable,
+    sortable,
+    searchable
+  } = _ref;
+
   const formatter = (value, extraParams) => {
     const icon = getRowIcon(value, extraParams);
-    const onClickHandler = (e) => onClick(e, extraParams);
-    return /* @__PURE__ */ React2.createElement(ValueWrapper, {
-      className: cx(`icc-${intent}`, isVisited(value, extraParams))
-    }, icon && addColorToIcon(icon, IntentIconColors[intent]), onClick && typeof value !== "undefined" ? /* @__PURE__ */ React2.createElement(DSButton, {
+
+    const onClickHandler = e => onClick(e, extraParams);
+
+    return /*#__PURE__*/_jsx(ValueWrapper, {
+      className: cx("icc-".concat(intent), isVisited(value, extraParams))
+    }, void 0, icon && addColorToIcon(icon, IntentIconColors[intent]), onClick && typeof value !== 'undefined' ? /*#__PURE__*/_jsx(DSButton, {
       buttonType: "text",
-      intent,
+      intent: intent,
       labelText: value,
       onClick: onClickHandler
     }) : value);
   };
+
   return {
     property,
     label,
     headerStyle: {
-      justifyContent: "center"
+      justifyContent: 'center'
     },
     header: {
-      formatters: [
-        () => /* @__PURE__ */ React2.createElement("span", null, React2.cloneElement(headerIcon, {
-          color: IntentIconColors[intent]
-        }))
-      ]
+      formatters: [() => /*#__PURE__*/_jsx("span", {}, void 0, /*#__PURE__*/React.cloneElement(headerIcon, {
+        color: IntentIconColors[intent]
+      }))]
     },
     cell: {
       formatters: [formatter]
     },
     cellStyle: {
-      justifyContent: "center"
+      justifyContent: 'center'
     },
     width,
-    visible: typeof visible === "undefined" || visible,
+    visible: typeof visible === 'undefined' || visible,
     resizable,
     sortable,
     searchable
   };
-};
-var IconColumn_default = IconColumn;
-export {
-  IconColumn,
-  IconColumn_default as default
-};
-//# sourceMappingURL=IconColumn.js.map
+}
+
+export { createColumn as default };

package/esm/columns/NumberColumn.js

@@ -1,7 +1,4 @@
-import * as React from "react";
-function createNumberColumn({ label, property }) {
+function createNumberColumn(_ref) {
 }
-export {
-  createNumberColumn as default
-};
-//# sourceMappingURL=NumberColumn.js.map
+
+export { createNumberColumn as default };

package/esm/components/BodyCell.js

@@ -1,16 +1,53 @@
-import * as React from "react";
-import React2, { useEffect, useContext, useRef, useCallback } from "react";
-import PropTypes from "prop-types";
-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 { property, cell, props } = column;
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { useRef, useContext, useCallback, useEffect } from 'react';
+import { FocusGridContext } from '@elliemae/ds-shared/FocusGroup/FocusGrid';
+import { evaluateTransforms, evaluateFormatters } from '@elliemae/ds-shared/createDataInstance/utils';
+import DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';
+import { jsx } from 'react/jsx-runtime';
+
+const _excluded = ["rowData", "rowKey", "isScrolling"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function BodyCell(_ref) {
+  let {
+    component: Component,
+    classProps,
+    rowProps,
+    column,
+    columnIndex,
+    rowIndex,
+    grid
+  } = _ref;
+
+  const {
+    rowData,
+    rowKey,
+    isScrolling
+  } = rowProps,
+        extraRowProps = _objectWithoutProperties(rowProps, _excluded);
+
+  const {
+    property,
+    cell,
+    props
+  } = column;
   const evaluatedProperty = property || cell && cell.property;
   const ref = useRef(null);
-  const { register } = useContext(FocusGridContext);
-  const registerFocus = useCallback((node) => {
+  const {
+    register
+  } = useContext(FocusGridContext);
+  const registerFocus = useCallback(node => {
     register(node, rowIndex, columnIndex);
   }, []);
   useEffect(() => {
@@ -20,9 +57,11 @@ const BodyCell = ({ component: Component, classProps, rowProps, column, columnIn
     transforms = [],
     formatters = [],
     fixedFormatters = [],
+    // useful for the toolbar trigger at the last column
     scrollingFormatters = []
   } = cell || {};
-  const extraParameters = {
+
+  const extraParameters = _objectSpread({
     columnIndex,
     property: evaluatedProperty,
     column,
@@ -30,46 +69,24 @@ const BodyCell = ({ component: Component, classProps, rowProps, column, columnIn
     rowIndex,
     rowKey,
     isScrolling,
-    registerFocus,
-    ...extraRowProps
-  };
-  const withTooltip = (v) => classProps && classProps.wrapText ? v : /* @__PURE__ */ React2.createElement(DSTruncatedTooltipText, {
+    // improve performance on scroll rendering a lightweight component instead
+    registerFocus
+  }, extraRowProps);
+
+  const withTooltip = v => classProps && classProps.wrapText ? v : /*#__PURE__*/_jsx(DSTruncatedTooltipText, {
     value: v
   });
-  const value = rowData[`_${evaluatedProperty}`] || rowData[evaluatedProperty];
+
+  const value = rowData["_".concat(evaluatedProperty)] || rowData[evaluatedProperty];
   const transformed = evaluateTransforms(transforms, value, extraParameters);
-  return /* @__PURE__ */ React2.createElement(Component, {
-    ref,
-    "data-testid": `column-${property}`,
+  return /*#__PURE__*/jsx(Component, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+    ref: ref,
+    "data-testid": "column-".concat(property),
     tabIndex: -1,
-    classProps,
-    ...props,
-    ...cell && cell.props,
-    ...transformed
-  }, transformed.children || evaluateFormatters(!isScrolling ? [withTooltip, ...formatters, ...fixedFormatters] : [...scrollingFormatters, ...fixedFormatters], value, extraParameters, grid));
-};
-BodyCell.propTypes = {
-  component: PropTypes.element,
-  classProps: PropTypes.shape({
-    wrapText: PropTypes.bool
-  }),
-  rowProps: PropTypes.shape({
-    rowData: PropTypes.shape({}),
-    rowKey: PropTypes.string,
-    isScrolling: PropTypes.bool
-  }),
-  column: PropTypes.shape({
-    property: PropTypes.string,
-    cell: PropTypes.any,
-    props: PropTypes.shape({})
-  }),
-  columnIndex: PropTypes.number,
-  rowIndex: PropTypes.number,
-  grid: PropTypes.any
-};
-var BodyCell_default = BodyCell;
-export {
-  BodyCell,
-  BodyCell_default as default
-};
-//# sourceMappingURL=BodyCell.js.map
+    classProps: classProps
+  }, props), cell && cell.props), transformed), {}, {
+    children: transformed.children || evaluateFormatters(!isScrolling ? [withTooltip, ...formatters, ...fixedFormatters] : [...scrollingFormatters, ...fixedFormatters], value, extraParameters, grid)
+  }));
+}
+
+export { BodyCell as default };