@elliemae/ds-data-table 2.2.0-alpha.3 → 2.2.0-next.2

package/esm/exported-related/RowRenderer/useRowRendererHandlers.js

@@ -1,76 +1,130 @@
-import * as React from "react";
-import { useCallback, useContext } from "react";
-import { DATA_TESTID } from "../../configs/constants";
-import { DataTableContext } from "../../DataTableContext";
-import { useDispatchRowsActions } from "../../redux/reducers";
-const useRowRendererHandlers = ({
-  row,
-  itemIndex,
-  items,
-  draggableProps,
-  isDragOverlay,
-  selectedRowId
-}) => {
+import 'core-js/modules/esnext.async-iterator.find.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.find.js';
+import { useContext, useCallback } from 'react';
+import { DATA_TESTID } from '../../configs/constants.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
+import 'react-virtual';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import '../../configs/useRowFlattenization.js';
+import '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import '@babel/runtime/helpers/esm/jsx';
+import '@elliemae/ds-icons';
+import 'styled-components';
+import '../../styled.js';
+import 'react/jsx-runtime';
+import '@elliemae/ds-form';
+import '../../parts/TableContent.js';
+import '@elliemae/ds-grid';
+import '@elliemae/ds-circular-progress-indicator';
+import '@elliemae/ds-system';
+import '@elliemae/ds-button';
+import DataTableContext from '../../DataTableContext.js';
+import '../../parts/Row.js';
+import '../../parts/Footer.js';
+import '../../parts/HoC/SortableItemContext.js';
+import '../../redux/reducers/index.js';
+import { useDispatchRowsActions } from '../../redux/reducers/rowsReducers/useDispatchRowsActions.js';
+
+const useRowRendererHandlers = _ref => {
+  let {
+    row,
+    itemIndex,
+    items,
+    draggableProps,
+    isDragOverlay,
+    selectedRowId
+  } = _ref;
   const {
-    tableProps: { onRowClick, onRowFocus },
-    virtualListHelpers: { scrollToIndex }
+    tableProps: {
+      onRowClick,
+      onRowFocus
+    },
+    virtualListHelpers: {
+      scrollToIndex
+    }
   } = useContext(DataTableContext);
-  const { setSelectedRowId, setFocusedRowId } = useDispatchRowsActions();
-  const handleItemClick = useCallback((e, { original, uid } = row) => {
+  const {
+    setSelectedRowId,
+    setFocusedRowId
+  } = useDispatchRowsActions();
+  const handleItemClick = useCallback(function (e) {
+    let {
+      original,
+      uid
+    } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : row;
+    // setSelectedRowId(null);
     onRowClick(original, e, uid);
     onRowFocus({
       itemIndex,
-      scrollToItem: (opts = {
-        align: "start"
-      }) => scrollToIndex(itemIndex, opts),
+      scrollToItem: function () {
+        let opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+          align: 'start'
+        };
+        return scrollToIndex(itemIndex, opts);
+      },
       original
     }, e);
   }, [row, onRowClick, onRowFocus, itemIndex, scrollToIndex]);
   const isActive = draggableProps && draggableProps.active;
-  const handleKeyDown = useCallback((e) => {
+  const handleKeyDown = useCallback(e => {
     if (isDragOverlay || isActive) {
       e.preventDefault();
       return;
     }
-    if (e.code === "Enter") {
+
+    if (e.code === 'Enter') {
       e.preventDefault();
+
       if (selectedRowId !== row.uid) {
         setSelectedRowId(row.uid);
         setTimeout(() => {
-          const focuseableCell = row.cells.find((cell) => cell.ref.current !== null);
-          if (focuseableCell)
-            focuseableCell.ref.current.focus();
+          const focuseableCell = row.cells.find(cell => cell.ref.current !== null);
+          if (focuseableCell) focuseableCell.ref.current.focus();
         });
       }
     }
-    if (e.code === "Space") {
+
+    if (e.code === 'Space') {
       e.preventDefault();
       handleItemClick(e, row);
     }
-    if (e.code === "ArrowDown") {
+
+    if (e.code === 'ArrowDown') {
       e.preventDefault();
-      if (itemIndex + 1 < items.length)
-        setFocusedRowId(items[itemIndex + 1].uid);
+      if (itemIndex + 1 < items.length) setFocusedRowId(items[itemIndex + 1].uid);
     }
-    if (e.code === "ArrowUp") {
+
+    if (e.code === 'ArrowUp') {
       e.preventDefault();
-      if (itemIndex - 1 >= 0)
-        setFocusedRowId(items[itemIndex - 1].uid);
+      if (itemIndex - 1 >= 0) setFocusedRowId(items[itemIndex - 1].uid);
     }
   }, [isDragOverlay, isActive, selectedRowId, row, setSelectedRowId, handleItemClick, itemIndex, items, setFocusedRowId]);
-  const handleOnBlur = useCallback((e) => {
-    if (e.relatedTarget?.getAttribute("data-testid") === "data-table-row-content") {
+  const handleOnBlur = useCallback(e => {
+    var _e$relatedTarget;
+
+    if (((_e$relatedTarget = e.relatedTarget) === null || _e$relatedTarget === void 0 ? void 0 : _e$relatedTarget.getAttribute('data-testid')) === 'data-table-row-content') {
       setSelectedRowId(null);
     }
   }, [setSelectedRowId]);
-  const handleOnFocus = useCallback((e) => {
-    if (e.target && e.target.getAttribute("data-testid") === DATA_TESTID.DATA_TABLE_ROW_CONTENT) {
+  const handleOnFocus = useCallback(e => {
+    if (e.target && e.target.getAttribute('data-testid') === DATA_TESTID.DATA_TABLE_ROW_CONTENT) {
       setFocusedRowId(row.uid);
     }
   }, [row.uid, setFocusedRowId]);
-  return { handleItemClick, handleKeyDown, handleOnBlur, handleOnFocus };
-};
-export {
-  useRowRendererHandlers
+  return {
+    handleItemClick,
+    handleKeyDown,
+    handleOnBlur,
+    handleOnFocus
+  };
 };
-//# sourceMappingURL=useRowRendererHandlers.js.map
+
+export { useRowRendererHandlers };

package/esm/exported-related/RowRenderer/useRowRendererProperties.js

@@ -1,28 +1,40 @@
-import * as React from "react";
-import { useContext, useMemo } from "react";
-import { DataTableContext } from "../../DataTableContext";
-import { useRowStyle } from "./useRowStyle";
-const useRowRendererProperties = ({
-  row
-}) => {
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import { useContext, useMemo } from 'react';
+import DataTableContext from '../../DataTableContext.js';
+import { useRowStyle } from './useRowStyle.js';
+
+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 useRowRendererProperties = _ref => {
+  let {
+    row
+  } = _ref;
   const {
-    tableProps: { colsLayoutStyle },
-    layoutHelpers: { totalColumnsWidth }
+    tableProps: {
+      colsLayoutStyle
+    },
+    layoutHelpers: {
+      totalColumnsWidth
+    }
   } = useContext(DataTableContext);
   const userDataProperties = useMemo(() => Object.keys(row.original).reduce((acc, cur) => {
-    if (cur.startsWith("data-"))
-      acc[cur] = row.original[cur];
+    if (cur.startsWith('data-')) acc[cur] = row.original[cur];
     return acc;
   }, {}), [row]);
   const styleRelatedProps = useRowStyle(row);
-  return {
+  return _objectSpread({
     userDataProperties,
     colsLayoutStyle,
-    totalColumnsWidth,
-    ...styleRelatedProps
-  };
+    totalColumnsWidth
+  }, styleRelatedProps);
 };
-export {
-  useRowRendererProperties
-};
-//# sourceMappingURL=useRowRendererProperties.js.map
+
+export { useRowRendererProperties };

package/esm/exported-related/RowRenderer/useRowStyle.js

@@ -1,26 +1,41 @@
-import * as React from "react";
-import { useContext, useMemo } from "react";
-import DataTableContext from "../../DataTableContext";
-import { SortableItemContext } from "../../parts/HoC/SortableItemContext";
-const useRowStyle = (row) => {
-  const { flattenedData } = useContext(DataTableContext);
-  const { draggableProps } = useContext(SortableItemContext);
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { useContext, useMemo } from 'react';
+import DataTableContext from '../../DataTableContext.js';
+import { SortableItemContext } from '../../parts/HoC/SortableItemContext.js';
+
+const useRowStyle = row => {
+  const {
+    flattenedData
+  } = useContext(DataTableContext);
+  const {
+    draggableProps
+  } = useContext(SortableItemContext); // ---------------------------------------------------------------------------
+  // Border calculation
+  // ---------------------------------------------------------------------------
+
   const [borderTop, borderBottom, shouldAppendDottedBorder] = useMemo(() => {
     if (row.original.dimsumHeaderValue) {
-      return ["none", "none", false];
+      return ['none', 'none', false];
     }
+
     if (row.isExpanded && row.original.subRows && row.depth === 0) {
-      return ["1px solid #EBEDF0", "none", true];
+      return ['1px solid #EBEDF0', 'none', true];
     }
+
     if (row.depth >= 1) {
       if (row.realIndex < flattenedData.length - 1 && flattenedData[row.realIndex + 1].depth === 0) {
-        return ["none", "2px solid #EBEDF0", false];
+        return ['none', '2px solid #EBEDF0', false];
       }
-      return ["none", "none", true];
+
+      return ['none', 'none', true];
     }
-    return ["none", "1px solid #EBEDF0", false];
+
+    return ['none', '1px solid #EBEDF0', false];
   }, [row, flattenedData]);
-  const rowStyle = useMemo(() => ({ borderTop, borderBottom }), [borderTop, borderBottom]);
+  const rowStyle = useMemo(() => ({
+    borderTop,
+    borderBottom
+  }), [borderTop, borderBottom]);
   const dropIndicatorPosition = draggableProps && draggableProps.shouldShowDropIndicatorPosition && draggableProps.dropIndicatorPosition;
   return {
     rowStyle,
@@ -28,7 +43,5 @@ const useRowStyle = (row) => {
     dropIndicatorPosition
   };
 };
-export {
-  useRowStyle
-};
-//# sourceMappingURL=useRowStyle.js.map
+
+export { useRowStyle };

package/esm/exported-related/RowVariants.js

@@ -1,16 +1,11 @@
-import * as React from "react";
 const ROW_VARIANTS = {
-  HEADER_GROUP: "ds-header-group-row",
-  PRIMARY: "ds-primary-row",
-  SECONDARY: "ds-secondary-row",
-  COMPACT_PRIMARY: "ds-compact-primary-row",
-  COMPACT_SECONDARY: "ds-compact-secondary-row"
+  HEADER_GROUP: 'ds-header-group-row',
+  PRIMARY: 'ds-primary-row',
+  SECONDARY: 'ds-secondary-row',
+  COMPACT_PRIMARY: 'ds-compact-primary-row',
+  COMPACT_SECONDARY: 'ds-compact-secondary-row'
 };
-const ROW_VARIANT_KEY = "row_variant_type";
-const ROW_VARIANT_COMPACT_KEY = "row_variant_compact";
-export {
-  ROW_VARIANTS,
-  ROW_VARIANT_COMPACT_KEY,
-  ROW_VARIANT_KEY
-};
-//# sourceMappingURL=RowVariants.js.map
+const ROW_VARIANT_KEY = 'row_variant_type';
+const ROW_VARIANT_COMPACT_KEY = 'row_variant_compact';
+
+export { ROW_VARIANTS, ROW_VARIANT_COMPACT_KEY, ROW_VARIANT_KEY };

package/esm/exported-related/Toolbar/Toolbar.js

@@ -1,53 +1,50 @@
-import * as React from "react";
-import React2, { useCallback, useRef, useState } from "react";
-import styled from "styled-components";
-import { DSButton } from "@elliemae/ds-button";
-import { MoreOptionsVert } from "@elliemae/ds-icons";
-import { useOnClickOutside } from "@elliemae/ds-utilities";
-import { DATA_TESTID } from "../../configs/constants";
-const ToolbarBtns = styled.div`
-  & > .em-ds-toolbar {
-    box-shadow: none;
-  }
-`;
-const ToolbarWrapper = styled.div`
-  display: flex;
-  align-items: center;
-  height: 36px;
-  margin-right: 1px;
-  pointer-events: all;
-  &:hover {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
-    & > .toolbar-trigger {
-      border: none;
-    }
-  }
-`;
-const ToolbarPosition = styled.div`
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-  pointer-events: none;
-  background: white;
-  height: 28px;
-  margin-top: 4px;
-  width: 100%;
-  padding-left: 4px;
-  &:hover {
-    z-index: 1;
-  }
-  :after {
-    content: '';
-    position: absolute;
-    left: 0px;
-    top: 4px;
-    bottom: 4px;
-    width: 1px;
-    background-color: ${(props) => props.theme.colors.neutral["080"]};
-    z-index: 7;
-  }
-`;
-const Toolbar = ({ children }) => {
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { useState, useRef, useCallback } from 'react';
+import styled from 'styled-components';
+import DSButton from '@elliemae/ds-button';
+import { MoreOptionsVert } from '@elliemae/ds-icons';
+import { useOnClickOutside } from '@elliemae/ds-utilities';
+import { DATA_TESTID } from '../../configs/constants.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 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
+import 'react-virtual';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import '../../configs/useRowFlattenization.js';
+import '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import '../../styled.js';
+import { jsx } from 'react/jsx-runtime';
+import '@elliemae/ds-form';
+import '../../parts/TableContent.js';
+import '@elliemae/ds-grid';
+import '@elliemae/ds-circular-progress-indicator';
+import '@elliemae/ds-system';
+import '../../DataTableContext.js';
+import '../../parts/Row.js';
+import '../../parts/Footer.js';
+import '../../parts/HoC/SortableItemContext.js';
+
+var _MoreOptionsVert;
+const ToolbarBtns = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-1ru2no0-0"
+})(["& > .em-ds-toolbar{box-shadow:none;}"]);
+const ToolbarWrapper = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-1ru2no0-1"
+})(["display:flex;align-items:center;height:36px;margin-right:1px;pointer-events:all;&:hover{box-shadow:0 1px 2px 0 rgba(0,0,0,0.13),0 1px 2px 0 rgba(0,0,0,0.2);& > .toolbar-trigger{border:none;}}"]);
+const ToolbarPosition = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-1ru2no0-2"
+})(["display:flex;justify-content:flex-end;align-items:center;pointer-events:none;background:white;height:28px;margin-top:4px;width:100%;padding-left:4px;&:hover{z-index:1;}:after{content:'';position:absolute;left:0px;top:4px;bottom:4px;width:1px;background-color:", ";z-index:7;}"], props => props.theme.colors.neutral['080']); // eslint-disable-next-line react/prop-types
+
+const Toolbar = _ref => {
+  let {
+    children
+  } = _ref;
   const [show, setShow] = useState(false);
   const [clicked, setClicked] = useState(false);
   const toolbarRef = useRef(null);
@@ -60,22 +57,21 @@ const Toolbar = ({ children }) => {
     setClicked(true);
   }, []);
   useOnClickOutside(toolbarRef, handleOnClickOutside);
-  return /* @__PURE__ */ React2.createElement(ToolbarPosition, {
-    ref: toolbarRef
-  }, /* @__PURE__ */ React2.createElement(ToolbarWrapper, {
-    onMouseEnter: () => setShow(true),
-    onMouseLeave: () => setShow(clicked)
-  }, show && /* @__PURE__ */ React2.createElement(ToolbarBtns, null, children), /* @__PURE__ */ React2.createElement(DSButton, {
-    buttonType: "text",
-    className: "toolbar-trigger",
-    "data-testid": DATA_TESTID.DATA_TABLE_TOOLBAR_TRIGGER,
-    icon: /* @__PURE__ */ React2.createElement(MoreOptionsVert, null),
-    onClick: handleOnClick,
-    onKeyDown: (e) => ["Enter", "Space"].includes(e.code) && handleOnClick(),
-    tabIndex: 0
-  })));
+  return /*#__PURE__*/jsx(ToolbarPosition, {
+    ref: toolbarRef,
+    children: /*#__PURE__*/_jsx(ToolbarWrapper, {
+      onMouseEnter: () => setShow(true),
+      onMouseLeave: () => setShow(clicked)
+    }, void 0, show && /*#__PURE__*/_jsx(ToolbarBtns, {}, void 0, children), /*#__PURE__*/_jsx(DSButton, {
+      buttonType: "text",
+      className: "toolbar-trigger",
+      "data-testid": DATA_TESTID.DATA_TABLE_TOOLBAR_TRIGGER,
+      icon: _MoreOptionsVert || (_MoreOptionsVert = /*#__PURE__*/_jsx(MoreOptionsVert, {})),
+      onClick: handleOnClick,
+      onKeyDown: e => ['Enter', 'Space'].includes(e.code) && handleOnClick(),
+      tabIndex: 0
+    }))
+  });
 };
-export {
-  Toolbar
-};
-//# sourceMappingURL=Toolbar.js.map
+
+export { Toolbar };

package/esm/exported-related/Toolbar/index.js

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

package/esm/exported-related/groupBy.js

@@ -1,24 +1,31 @@
-import * as React from "react";
-import { uid } from "uid";
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { uid } from 'uid';
+
 const groupBy = (data, headerKey) => {
-  if (data.length === 0)
-    return [];
+  if (data.length === 0) return [];
   const groupsMap = {};
-  data.forEach((datum) => {
+  data.forEach(datum => {
     const groupValue = datum[headerKey];
+
     if (Array.isArray(groupsMap[groupValue])) {
       groupsMap[groupValue].push(datum);
     } else {
       groupsMap[groupValue] = [datum];
     }
   });
-  return Object.entries(groupsMap).map(([key, value]) => ({
-    dimsumHeaderValue: key,
-    subRows: value,
-    uid: uid(16)
-  }));
-};
-export {
-  groupBy
+  return Object.entries(groupsMap).map(_ref => {
+    let [key, value] = _ref;
+    return {
+      dimsumHeaderValue: key,
+      subRows: value,
+      uid: uid(16)
+    };
+  });
 };
-//# sourceMappingURL=groupBy.js.map
+
+export { groupBy };

package/esm/exported-related/index.js

@@ -1,15 +1,13 @@
-import * as React from "react";
-import { FilterPopover } from "./FilterPopover";
-import { EditableCell } from "./EditableCell";
-import { Toolbar } from "./Toolbar";
-import { groupBy } from "./groupBy";
-export * from "./FilterTypes";
-export * from "./RowVariants";
-export * from "./Filters";
-export {
-  EditableCell,
-  FilterPopover,
-  Toolbar,
-  groupBy
-};
-//# sourceMappingURL=index.js.map
+export { FilterPopover } from './FilterPopover.js';
+export { EditableCell } from './EditableCell.js';
+export { Toolbar } from './Toolbar/Toolbar.js';
+export { groupBy } from './groupBy.js';
+export { FILTER_TYPES } from './FilterTypes.js';
+export { ROW_VARIANTS, ROW_VARIANT_COMPACT_KEY, ROW_VARIANT_KEY } from './RowVariants.js';
+export { applyOutOfTheBoxFilters } from './Filters/applyOutOfTheBoxFilters.js';
+export { singleDateFilterFn } from './Filters/singleDateFilterFn.js';
+export { singleSelectFilterFn } from './Filters/singleSelectFilterFn.js';
+export { multiSelectFilterFn } from './Filters/multiSelectFilterFn.js';
+export { numberRangeFilterFn } from './Filters/numberRangeFilterFn.js';
+export { currencyRangeFilterFn } from './Filters/currencyRangeFilterFn.js';
+export { dateRangeFilterFn } from './Filters/dateRangeFilterFn.js';

package/esm/helpers/addCellData.js

@@ -1,27 +1,37 @@
-import * as React from "react";
-import React2 from "react";
-const BasicCell = React2.memo(({ cell }) => cell.value);
-const getCellValue = (row, accessor) => row.original[accessor] ?? null;
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import React from 'react';
+
+const BasicCell = /*#__PURE__*/React.memo(_ref => {
+  let {
+    cell
+  } = _ref;
+  return cell.value;
+});
+
+const getCellValue = (row, accessor) => {
+  var _row$original$accesso;
+
+  return (_row$original$accesso = row.original[accessor]) !== null && _row$original$accesso !== void 0 ? _row$original$accesso : null;
+};
+
 const addColumnData = (datum, column) => {
   datum.cells.push({
     column,
     value: getCellValue(datum, column.accessor),
     render: column.Cell || BasicCell,
     row: datum,
-    ref: React2.createRef(),
-    id: `${datum.uid}__${column.id}`
+    ref: /*#__PURE__*/React.createRef(),
+    id: "".concat(datum.uid, "__").concat(column.id)
   });
 };
+
 const addCellData = (datum, columns) => {
   datum.cells = [];
-  columns.forEach((column) => {
-    if (column.columns)
-      column.columns.forEach((col) => addColumnData(datum, col));
-    else
-      addColumnData(datum, column);
+  columns.forEach(column => {
+    if (column.columns) column.columns.forEach(col => addColumnData(datum, col));else addColumnData(datum, column);
   });
 };
-export {
-  addCellData
-};
-//# sourceMappingURL=addCellData.js.map
+
+export { addCellData };

package/esm/helpers/cellPadding.js

@@ -1,17 +1,24 @@
-import * as React from "react";
-import { sizeToCss } from "./sizeToCss";
-const cellPadding = ({ theme, column }) => `padding: 0 ${sizeToCss(column.padding) ?? theme.space.xxs};`;
-const columnPadding = ({
-  theme,
-  column,
-  shouldShowDnD
-}) => {
-  if (column.padding !== void 0)
-    return `padding: 0 ${sizeToCss(column.padding)};`;
-  return `padding: 0 ${theme.space.xxxs} 0 ${shouldShowDnD ? "2px" : theme.space.xxs};`;
+import { sizeToCss } from './sizeToCss.js';
+
+const cellPadding = _ref => {
+  var _sizeToCss;
+
+  let {
+    theme,
+    column
+  } = _ref;
+  return "padding: 0 ".concat((_sizeToCss = sizeToCss(column.padding)) !== null && _sizeToCss !== void 0 ? _sizeToCss : theme.space.xxs, ";");
 };
-export {
-  cellPadding,
-  columnPadding
+const columnPadding = _ref2 => {
+  let {
+    theme,
+    column,
+    shouldShowDnD
+  } = _ref2;
+  // Internal columns
+  if (column.padding !== undefined) return "padding: 0 ".concat(sizeToCss(column.padding), ";"); // Default user columns
+
+  return "padding: 0 ".concat(theme.space.xxxs, " 0 ").concat(shouldShowDnD ? '2px' : theme.space.xxs, ";");
 };
-//# sourceMappingURL=cellPadding.js.map
+
+export { cellPadding, columnPadding };