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

package/esm/exported-related/Filters/dateSwitcherFilterFn.js

@@ -1,8 +1,8 @@
-import * as React from "react";
-import { dateRangeFilterFn } from "./dateRangeFilterFn";
-import { singleDateFilterFn } from "./singleDateFilterFn";
+import { dateRangeFilterFn } from './dateRangeFilterFn.js';
+import { singleDateFilterFn } from './singleDateFilterFn.js';
+
+// use file instead of index to avoid circular imports!
+
 const dateSwitcherFilterFn = (unfilteredData, filterKey, filterValue) => filterValue.isDateRange ? dateRangeFilterFn(unfilteredData, filterKey, filterValue) : singleDateFilterFn(unfilteredData, filterKey, filterValue.startDate);
-export {
-  dateSwitcherFilterFn
-};
-//# sourceMappingURL=dateSwitcherFilterFn.js.map
+
+export { dateSwitcherFilterFn };

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

@@ -1,9 +1,7 @@
-import * as React from "react";
-export * from "./applyOutOfTheBoxFilters";
-export * from "./singleDateFilterFn";
-export * from "./singleSelectFilterFn";
-export * from "./multiSelectFilterFn";
-export * from "./numberRangeFilterFn";
-export * from "./currencyRangeFilterFn";
-export * from "./dateRangeFilterFn";
-//# sourceMappingURL=index.js.map
+export { applyOutOfTheBoxFilters } from './applyOutOfTheBoxFilters.js';
+export { singleDateFilterFn } from './singleDateFilterFn.js';
+export { singleSelectFilterFn } from './singleSelectFilterFn.js';
+export { multiSelectFilterFn } from './multiSelectFilterFn.js';
+export { numberRangeFilterFn } from './numberRangeFilterFn.js';
+export { currencyRangeFilterFn } from './currencyRangeFilterFn.js';
+export { dateRangeFilterFn } from './dateRangeFilterFn.js';

package/esm/exported-related/Filters/multiSelectFilterFn.js

@@ -1,11 +1,15 @@
-import * as React from "react";
+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.some.js';
+import 'core-js/modules/esnext.iterator.some.js';
+
 const multiSelectFilterFn = (unfilteredData, filterKey, filterValue) => {
   if (filterValue.length > 0) {
-    return unfilteredData.filter((datum) => filterValue.some((item) => item.label === datum[filterKey].toString()));
+    return unfilteredData.filter(datum => filterValue.some(item => item.label === datum[filterKey].toString()));
   }
+
   return unfilteredData;
 };
-export {
-  multiSelectFilterFn
-};
-//# sourceMappingURL=multiSelectFilterFn.js.map
+
+export { multiSelectFilterFn };

package/esm/exported-related/Filters/numberRangeFilterFn.js

@@ -1,7 +1,9 @@
-import * as React from "react";
-const isEmpty = (number) => number === null || number === void 0;
-const numberRangeFilterFn = (unfilteredData, filterKey, filterValue) => unfilteredData.filter((datum) => isEmpty(filterValue?.from) || isEmpty(filterValue?.to) || datum[filterKey] >= filterValue.from && datum[filterKey] <= filterValue.to);
-export {
-  numberRangeFilterFn
-};
-//# sourceMappingURL=numberRangeFilterFn.js.map
+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';
+
+const isEmpty = number => number === null || number === undefined;
+
+const numberRangeFilterFn = (unfilteredData, filterKey, filterValue) => unfilteredData.filter(datum => isEmpty(filterValue === null || filterValue === void 0 ? void 0 : filterValue.from) || isEmpty(filterValue === null || filterValue === void 0 ? void 0 : filterValue.to) || datum[filterKey] >= filterValue.from && datum[filterKey] <= filterValue.to);
+
+export { numberRangeFilterFn };

package/esm/exported-related/Filters/singleDateFilterFn.js

@@ -1,8 +1,37 @@
-import * as React from "react";
-import moment from "moment";
-import { momentFormat } from "../../configs/constants";
-const singleDateFilterFn = (unfilteredData, filterKey, filterValue) => unfilteredData.filter((datum) => moment(filterValue, momentFormat).isSame(datum[filterKey], "day"));
-export {
-  singleDateFilterFn
-};
-//# sourceMappingURL=singleDateFilterFn.js.map
+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 moment from 'moment';
+import { momentFormat } from '../../configs/constants.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';
+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.js';
+import '../../parts/Row.js';
+import '../../parts/Footer.js';
+import '../../parts/HoC/SortableItemContext.js';
+
+// use file instead of index to avoid circular imports!
+
+const singleDateFilterFn = (unfilteredData, filterKey, filterValue) => unfilteredData.filter(datum => moment(filterValue, momentFormat).isSame(datum[filterKey], 'day'));
+
+export { singleDateFilterFn };

package/esm/exported-related/Filters/singleSelectFilterFn.js

@@ -1,11 +1,13 @@
-import * as React from "react";
+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';
+
 const singleSelectFilterFn = (unfilteredData, filterKey, filterValue) => {
   if (filterValue) {
-    return unfilteredData.filter((datum) => datum[filterKey].toString() === filterValue.label);
+    return unfilteredData.filter(datum => datum[filterKey].toString() === filterValue.label);
   }
+
   return unfilteredData;
 };
-export {
-  singleSelectFilterFn
-};
-//# sourceMappingURL=singleSelectFilterFn.js.map
+
+export { singleSelectFilterFn };

package/esm/exported-related/Filters/types.js

@@ -1,2 +1 @@
-import * as React from "react";
-//# sourceMappingURL=types.js.map
+

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

@@ -1,31 +1,66 @@
-import * as React from "react";
-import React2, { useMemo, useLayoutEffect, useRef } from "react";
-import { INTERNAL_COLUMNS } from "../../addons/Columns";
-import { DATA_TESTID } from "../../configs/constants";
-import { Cells } from "../../parts/Cells";
-import { DropIndicatorPosition } from "../../parts/HoC/SortableItemContext";
-import { StyledCellContainer } from "../../styled";
-const DetailsWrapper = (props) => /* @__PURE__ */ React2.createElement("div", {
+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 _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import { useRef, useLayoutEffect, useMemo } from 'react';
+import { INTERNAL_COLUMNS } from '../../addons/Columns/index.js';
+import { DATA_TESTID } from '../../configs/constants.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 '../../configs/useRowFlattenization.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import Cells from '../../parts/Cells/index.js';
+import { DropIndicatorPosition } from '../../parts/HoC/SortableItemContext.js';
+import { StyledCellContainer } from '../../styled.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+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 DetailsWrapper = props =>
+/*#__PURE__*/
+// This can be further customized
+// eslint-disable-next-line react/prop-types
+// eslint-disable-next-line jsx-a11y/no-static-element-interactions
+_jsx("div", {
   "data-role": "detail-view",
   style: {
-    borderTop: "1px solid #EBEDF0",
-    borderBottom: "1px solid #EBEDF0"
+    borderTop: '1px solid #EBEDF0',
+    borderBottom: '1px solid #EBEDF0'
   },
-  onClick: (e) => e.stopPropagation(),
-  onKeyDown: (e) => e.stopPropagation()
-}, props.children);
-const ariaLabelMessage = (row, selected) => `Row number ${row.realIndex + 1}${row.parentIndex !== null ? `, child of row number ${row.parentIndex + 1}` : ""}. ${selected ? "Selected. " : ""}To interact with the cells press enter`;
-const DefaultRowContentRenderer = (props) => {
+  onClick: e => e.stopPropagation(),
+  onKeyDown: e => e.stopPropagation()
+}, void 0, props.children);
+
+const ariaLabelMessage = (row, selected) => "Row number ".concat(row.realIndex + 1).concat(row.parentIndex !== null ? ", child of row number ".concat(row.parentIndex + 1) : '', ". ").concat(selected ? 'Selected. ' : '', "To interact with the cells press enter");
+
+const DefaultRowContentRenderer = props => {
   const {
     row,
     ctx: {
-      tableProps: { isExpandable, colsLayoutStyle, selection, noSelectionColumn, expandedRows, disabledRows },
-      layoutHelpers: { gridLayout },
+      tableProps: {
+        isExpandable,
+        colsLayoutStyle,
+        selection,
+        noSelectionColumn,
+        expandedRows,
+        disabledRows
+      },
+      layoutHelpers: {
+        gridLayout
+      },
       visibleColumns
     },
     draggableProps,
     isDragOverlay,
-    backgroundColor = "white",
+    backgroundColor = 'white',
     dropIndicatorPosition,
     focusedRowId,
     selectedRowId,
@@ -36,16 +71,19 @@ const DefaultRowContentRenderer = (props) => {
   const isDragging = draggableProps && draggableProps.isDragging;
   useLayoutEffect(() => {
     if (row.uid === focusedRowId) {
-      rowRef.current.focus({ preventScroll: true });
+      rowRef.current.focus({
+        preventScroll: true
+      });
     }
   }, [focusedRowId, row.uid]);
   const gridTemplateColProps = useMemo(() => ({
-    cols: isDragOverlay ? ["24px", "auto"] : gridLayout,
+    cols: isDragOverlay ? ['24px', 'auto'] : gridLayout,
     isExpandable,
     colLayoutStyle: colsLayoutStyle
   }), [isDragOverlay, gridLayout, colsLayoutStyle, isExpandable]);
   const detailsIndent = useMemo(() => {
     let padding = 0;
+
     for (let i = 0; i < visibleColumns.length; i += 1) {
       if (INTERNAL_COLUMNS.includes(visibleColumns[i].id)) {
         padding += visibleColumns[i].width;
@@ -54,61 +92,45 @@ const DefaultRowContentRenderer = (props) => {
         break;
       }
     }
+
     return padding;
   }, [row.depth, visibleColumns]);
   const PureRowContent = useMemo(() => {
     const DetailsView = row.original.tableRowDetails;
-    return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(StyledCellContainer, {
-      ref: rowRef,
-      key: row.uid,
-      tabIndex: 0,
-      role: "row",
-      "aria-rowindex": row.realIndex + 1,
-      "aria-label": ariaLabelMessage(row, selection?.[row.uid] === true),
-      "aria-level": row.depth + 1,
-      "aria-selected": selection?.[row.uid] === true,
-      "aria-expanded": isExpandable ? expandedRows[row.uid] === true : void 0,
-      "aria-disabled": disabledRows[row.uid],
-      ...gridTemplateColProps,
-      backgroundColor,
-      height: compact ? "24px" : "auto",
-      minHeight: compact ? "24px" : "36px",
-      isDropIndicatorPositionInside: dropIndicatorPosition === DropIndicatorPosition.Inside,
-      shouldDisplayHover: !isDndActive && !isDragging && !isDragOverlay,
-      isDragOverlay,
-      isDragging,
-      selected: noSelectionColumn && selection?.[row.uid] === true,
-      disabled: disabledRows[row.uid],
-      "data-testid": DATA_TESTID.DATA_TABLE_ROW_CONTENT
-    }, /* @__PURE__ */ React2.createElement(Cells, {
-      row,
-      isRowSelected: selectedRowId === row.uid,
-      isDragOverlay,
-      key: row.uid
-    })), isExpandable && row.isExpanded && DetailsView && /* @__PURE__ */ React2.createElement(DetailsWrapper, null, /* @__PURE__ */ React2.createElement(DetailsView, {
-      row,
-      detailsIndent
-    })));
-  }, [
-    row,
-    selection,
-    isExpandable,
-    expandedRows,
-    disabledRows,
-    gridTemplateColProps,
-    backgroundColor,
-    compact,
-    dropIndicatorPosition,
-    isDndActive,
-    isDragging,
-    isDragOverlay,
-    noSelectionColumn,
-    selectedRowId,
-    detailsIndent
-  ]);
+    return /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx(StyledCellContainer, _objectSpread(_objectSpread({
+        ref: rowRef,
+        tabIndex: 0,
+        role: "row",
+        "aria-rowindex": row.realIndex + 1,
+        "aria-label": ariaLabelMessage(row, (selection === null || selection === void 0 ? void 0 : selection[row.uid]) === true),
+        "aria-level": row.depth + 1,
+        "aria-selected": (selection === null || selection === void 0 ? void 0 : selection[row.uid]) === true,
+        "aria-expanded": isExpandable ? expandedRows[row.uid] === true : undefined,
+        "aria-disabled": disabledRows[row.uid]
+      }, gridTemplateColProps), {}, {
+        backgroundColor: backgroundColor,
+        height: compact ? '24px' : 'auto',
+        minHeight: compact ? '24px' : '36px',
+        isDropIndicatorPositionInside: dropIndicatorPosition === DropIndicatorPosition.Inside,
+        shouldDisplayHover: !isDndActive && !isDragging && !isDragOverlay,
+        isDragOverlay: isDragOverlay,
+        isDragging: isDragging,
+        selected: noSelectionColumn && (selection === null || selection === void 0 ? void 0 : selection[row.uid]) === true,
+        disabled: disabledRows[row.uid],
+        "data-testid": DATA_TESTID.DATA_TABLE_ROW_CONTENT,
+        children: /*#__PURE__*/_jsx(Cells, {
+          row: row,
+          isRowSelected: selectedRowId === row.uid,
+          isDragOverlay: isDragOverlay
+        }, row.uid)
+      }), row.uid), isExpandable && row.isExpanded && DetailsView && /*#__PURE__*/_jsx(DetailsWrapper, {}, void 0, /*#__PURE__*/_jsx(DetailsView, {
+        row: row,
+        detailsIndent: detailsIndent
+      }))]
+    });
+  }, [row, selection, isExpandable, expandedRows, disabledRows, gridTemplateColProps, backgroundColor, compact, dropIndicatorPosition, isDndActive, isDragging, isDragOverlay, noSelectionColumn, selectedRowId, detailsIndent]);
   return PureRowContent;
 };
-export {
-  DefaultRowContentRenderer
-};
-//# sourceMappingURL=DefaultRowContentRenderer.js.map
+
+export { DefaultRowContentRenderer };

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

@@ -1,17 +1,47 @@
-import * as React from "react";
-import React2, { useContext } from "react";
-import { DataTableContext } from "../../DataTableContext";
-import { StyledFullsizeGrid } from "../../styled";
-import { DefaultRowContentRenderer } from "./DefaultRowContentRenderer";
-import { useRowRendererHandlers } from "./useRowRendererHandlers";
-import { useRowRendererProperties } from "./useRowRendererProperties";
-import { DropIndicator } from "../../parts/DropIndicator";
-import { SortableItemContext } from "../../parts/HoC/SortableItemContext";
-import { DATA_TESTID } from "../../configs/constants";
-const magicDottedBorder = /* @__PURE__ */ React2.createElement("svg", {
+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 _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import { useContext, createElement } from 'react';
+import DataTableContext from '../../DataTableContext.js';
+import { StyledFullsizeGrid } from '../../styled.js';
+import { DefaultRowContentRenderer } from './DefaultRowContentRenderer.js';
+import { useRowRendererHandlers } from './useRowRendererHandlers.js';
+import { useRowRendererProperties } from './useRowRendererProperties.js';
+import DropIndicator from '../../parts/DropIndicator.js';
+import { SortableItemContext } from '../../parts/HoC/SortableItemContext.js';
+import { DATA_TESTID } from '../../configs/constants.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 '../../configs/useRowFlattenization.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import '@elliemae/ds-icons';
+import 'styled-components';
+import { jsxs, 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 '@elliemae/ds-button';
+import '../../parts/Row.js';
+import '../../parts/Footer.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; }
+
+// CSS don't let us modify the spacing between the dots, so one solution is to use SVG
+const magicDottedBorder = /*#__PURE__*/_jsx("svg", {
   width: "100%",
   height: "1px"
-}, /* @__PURE__ */ React2.createElement("line", {
+}, void 0, /*#__PURE__*/_jsx("line", {
   x1: "0",
   y1: "0",
   x2: "100%",
@@ -22,12 +52,13 @@ const magicDottedBorder = /* @__PURE__ */ React2.createElement("svg", {
   strokeDashoffset: "0",
   strokeLinecap: "round"
 }));
-const RowRenderer = (props) => {
+
+const RowRenderer = props => {
   const {
     row,
     itemIndex,
-    minHeight = "36px",
-    height = "auto",
+    minHeight = '36px',
+    height = 'auto',
     rowsLayout = [1],
     CustomRowContentRenderer,
     focusedRowId,
@@ -35,8 +66,15 @@ const RowRenderer = (props) => {
     isDragOverlay
   } = props;
   const ctx = useContext(DataTableContext);
-  const { draggableProps } = useContext(SortableItemContext);
-  const { flattenedData } = ctx;
+  const {
+    draggableProps
+  } = useContext(SortableItemContext);
+  const {
+    flattenedData
+  } = ctx; // ===========================================================================
+  // Properties for the row
+  // ===========================================================================
+
   const {
     userDataProperties,
     colsLayoutStyle,
@@ -46,8 +84,16 @@ const RowRenderer = (props) => {
     dropIndicatorPosition
   } = useRowRendererProperties({
     row
-  });
-  const { handleItemClick, handleKeyDown, handleOnBlur, handleOnFocus } = useRowRendererHandlers({
+  }); // ===========================================================================
+  // Handlers
+  // ===========================================================================
+
+  const {
+    handleItemClick,
+    handleKeyDown,
+    handleOnBlur,
+    handleOnFocus
+  } = useRowRendererHandlers({
     row,
     itemIndex,
     items: flattenedData,
@@ -55,20 +101,20 @@ const RowRenderer = (props) => {
     isDragOverlay,
     selectedRowId
   });
-  const rowContentProps = {
-    ...props,
+
+  const rowContentProps = _objectSpread(_objectSpread({}, props), {}, {
     ctx,
     focusedRowId,
     selectedRowId,
     draggableProps,
     dropIndicatorPosition
-  };
-  return /* @__PURE__ */ React2.createElement(StyledFullsizeGrid, {
+  });
+
+  return /*#__PURE__*/jsxs(StyledFullsizeGrid, _objectSpread(_objectSpread({
     "data-testid": DATA_TESTID.DATA_TABLE_ROW,
-    key: row.uid,
-    colsLayoutStyle,
-    ...userDataProperties,
-    totalColumnsWidth,
+    colsLayoutStyle: colsLayoutStyle
+  }, userDataProperties), {}, {
+    totalColumnsWidth: totalColumnsWidth,
     style: rowStyle,
     onClick: handleItemClick,
     onKeyDown: handleKeyDown,
@@ -77,22 +123,16 @@ const RowRenderer = (props) => {
     "data-expandable": Boolean(row.original.tableRowDetails),
     "data-is-row-expanded": row.isExpanded,
     rows: rowsLayout,
-    minHeight,
-    height
-  }, CustomRowContentRenderer ? /* @__PURE__ */ React2.createElement(CustomRowContentRenderer, {
-    ...rowContentProps
-  }) : /* @__PURE__ */ React2.createElement(DefaultRowContentRenderer, {
-    ...rowContentProps,
-    key: row.uid
-  }), shouldAppendDottedBorder && magicDottedBorder, /* @__PURE__ */ React2.createElement(DropIndicator, {
-    vertical: false,
-    dropIndicatorPosition,
-    isLast: row.index === flattenedData.length - 1 && draggableProps && draggableProps.isDragging
-  }));
-};
-var RowRenderer_default = RowRenderer;
-export {
-  RowRenderer,
-  RowRenderer_default as default
+    minHeight: minHeight,
+    height: height,
+    children: [CustomRowContentRenderer ? /*#__PURE__*/jsx(CustomRowContentRenderer, _objectSpread({}, rowContentProps)) : /*#__PURE__*/createElement(DefaultRowContentRenderer, _objectSpread(_objectSpread({}, rowContentProps), {}, {
+      key: row.uid
+    })), shouldAppendDottedBorder && magicDottedBorder, /*#__PURE__*/_jsx(DropIndicator, {
+      vertical: false,
+      dropIndicatorPosition: dropIndicatorPosition,
+      isLast: row.index === flattenedData.length - 1 && draggableProps && draggableProps.isDragging
+    })]
+  }), row.uid);
 };
-//# sourceMappingURL=index.js.map
+
+export { RowRenderer as default };