@elliemae/ds-data-table 1.61.0 → 2.0.0-alpha.12

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

@@ -1,93 +1,138 @@
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/defineProperty';
-import 'react';
-import '../../DataTableContext.js';
-export { t as default } from '../../styled-f76a0cd1.js';
-import './useRowRendererProperties.js';
-import '../../parts/DropIndicator.js';
-import '../../parts/HoC/SortableItemContext.js';
-import '../../configs/constants.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
+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 '@babel/runtime/helpers/esm/toConsumableArray';
+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 '../../parts/EmptyContent.js';
-import '../../parts/Footer.js';
-import '../../helpers/sizeToCss.js';
-import '../../helpers/cellPadding.js';
-import 'react-redux';
-import '../../addons/Pagination/Pagination.js';
-import '@elliemae/ds-pagination';
-import '@elliemae/ds-indeterminate-progress-indicator';
-import 'prop-types';
-import '../../helpers/refs-helpers.js';
-import '../../parts/HoC/withDnDSortableRowContext.js';
-import '@dnd-kit/sortable';
-import '../../parts/HoC/withConditionalDnDRowContext.js';
-import '@dnd-kit/core';
-import '../../helpers/dndkit/tree/useTreeDndkitConfig.js';
-import '../../helpers/dndkit/tree/useTreePreviewHandlers.js';
-import '../../helpers/dndkit/tree/getTreeKeyboardCoordinates.js';
-import '../../helpers/dndkit/utilities.js';
-import '../../helpers/dndkit/tree/useTreeActionHandlers.js';
-import 'lodash';
-import '../../helpers/dndkit/tree/customCollisionDetection.js';
-import '../../helpers/dndkit/tree/useTreeAnnouncements.js';
-import '../../parts/HoC/DragOverlayContext.js';
-import '@elliemae/ds-button';
-import '@elliemae/ds-popperjs';
-import '../../redux/reducers/index.js';
-import 'redux';
-import '../../redux/reducers/headersReducers/headersReducers.js';
-import '@reduxjs/toolkit';
-import '../../redux/reducers/headersReducers/logic.js';
-import '../../redux/reducers/headersReducers/defaults.js';
-import '../../redux/reducers/headersReducers/useDispatchHeadersActions.js';
-import '../../redux/reducers/rowsReducers/rowsReducer.js';
-import '../../redux/reducers/rowsReducers/logic.js';
-import '../../redux/reducers/rowsReducers/defaults.js';
-import '../../redux/reducers/rowsReducers/useDispatchRowsActions.js';
-import '@elliemae/ds-utilities';
-import 'uid';
-import '../RowVariants.js';
-import '../Filters/singleSelectFilterFn.js';
-import '../Filters/multiSelectFilterFn.js';
-import '../Filters/textFilterFn.js';
-import 'moment';
-import '../Filters/numberRangeFilterFn.js';
-import '../Filters/currencyRangeFilterFn.js';
-import '../FilterTypes.js';
-import '../../addons/Columns/ColumnAction/ColumnAction.js';
-import '../../hooks/useRecoverFocusRow.js';
-import '@elliemae/ds-truncated-tooltip-text';
-import '../../prop-types.js';
-import '../../parts/Cells/useCellStyle.js';
-import '../../helpers/addCellData.js';
-import '../../helpers/dndkit/hierarchy/useHierarchyActionHandlers.js';
-import '../../helpers/dndkit/hierarchy/useHierarchyAnnouncements.js';
-import '../../parts/SortByCaret.js';
-import '@elliemae/ds-controlled-form';
-import '@elliemae/ds-form-layout-blocks';
-import '@elliemae/ds-grid/';
-import '@elliemae/ds-form/ComboBox';
-import '../../helpers/columnsToGrid.js';
-import '../../parts/Headers/useHeaderCellHandlers.js';
-import '../../parts/Headers/useHeaderCellConfig.js';
-import '../../hooks/useRecoverFocusCol.js';
-import '../../parts/Headers/RequiredDot.js';
-import '../../parts/SortableHeaderCell.js';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import '../../parts/HoC/withConditionalDnDSortableContext.js';
-import '../../parts/Headers/EmptyChildrenGroup.js';
-import '../../configs/fixedSizes.js';
-import '../../parts/Loader.js';
-import '../../configs/zIndexInternalConfig.js';
-import './useRowStyle.js';
-import '../../helpers/getIdFromUniqueRowAccessor.js';
 import '@elliemae/ds-system';
-//# sourceMappingURL=index.js.map
+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); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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"
+}, void 0, /*#__PURE__*/_jsx("line", {
+  x1: "0",
+  y1: "0",
+  x2: "100%",
+  y2: "0",
+  stroke: "#B0B9C8FF",
+  strokeWidth: "1.5",
+  strokeDasharray: "0, 5",
+  strokeDashoffset: "0",
+  strokeLinecap: "round"
+}));
+
+const RowRenderer = props => {
+  const {
+    row,
+    itemIndex,
+    minHeight = '36px',
+    height = 'auto',
+    rowsLayout = [1],
+    CustomRowContentRenderer,
+    focusedRowId,
+    selectedRowId,
+    isDragOverlay
+  } = props;
+  const ctx = useContext(DataTableContext);
+  const {
+    draggableProps
+  } = useContext(SortableItemContext);
+  const {
+    flattenedData
+  } = ctx; // ===========================================================================
+  // Properties for the row
+  // ===========================================================================
+
+  const {
+    userDataProperties,
+    colsLayoutStyle,
+    totalColumnsWidth,
+    rowStyle,
+    shouldAppendDottedBorder,
+    dropIndicatorPosition
+  } = useRowRendererProperties({
+    row
+  }); // ===========================================================================
+  // Handlers
+  // ===========================================================================
+
+  const {
+    handleItemClick,
+    handleKeyDown,
+    handleOnBlur,
+    handleOnFocus
+  } = useRowRendererHandlers({
+    row,
+    itemIndex,
+    items: flattenedData,
+    draggableProps,
+    isDragOverlay,
+    selectedRowId
+  });
+
+  const rowContentProps = _objectSpread(_objectSpread({}, props), {}, {
+    ctx,
+    focusedRowId,
+    selectedRowId,
+    draggableProps,
+    dropIndicatorPosition
+  });
+
+  return /*#__PURE__*/jsxs(StyledFullsizeGrid, _objectSpread(_objectSpread({
+    "data-testid": DATA_TESTID.DATA_TABLE_ROW,
+    colsLayoutStyle: colsLayoutStyle
+  }, userDataProperties), {}, {
+    totalColumnsWidth: totalColumnsWidth,
+    style: rowStyle,
+    onClick: handleItemClick,
+    onKeyDown: handleKeyDown,
+    onBlur: handleOnBlur,
+    onFocus: handleOnFocus,
+    "data-expandable": Boolean(row.original.tableRowDetails),
+    "data-is-row-expanded": row.isExpanded,
+    rows: rowsLayout,
+    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);
+};
+
+export { RowRenderer as default };

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

@@ -1,93 +1,130 @@
-import 'react';
-import '../../configs/constants.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
+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/toConsumableArray';
 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';
-export { u as useRowRendererHandlers } from '../../styled-f76a0cd1.js';
+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 '../../parts/EmptyContent.js';
+import '@elliemae/ds-system';
+import '@elliemae/ds-button';
+import DataTableContext from '../../DataTableContext.js';
+import '../../parts/Row.js';
 import '../../parts/Footer.js';
-import '@babel/runtime/helpers/esm/extends';
 import '../../parts/HoC/SortableItemContext.js';
-import '../../DataTableContext.js';
 import '../../redux/reducers/index.js';
-import '../../redux/reducers/rowsReducers/useDispatchRowsActions.js';
-import '../../helpers/getIdFromUniqueRowAccessor.js';
-import '../../helpers/sizeToCss.js';
-import '../../helpers/cellPadding.js';
-import 'react-redux';
-import '../../addons/Pagination/Pagination.js';
-import '@elliemae/ds-pagination';
-import '@elliemae/ds-indeterminate-progress-indicator';
-import 'prop-types';
-import '../../helpers/refs-helpers.js';
-import '../../parts/HoC/withDnDSortableRowContext.js';
-import '@dnd-kit/sortable';
-import '../../parts/HoC/withConditionalDnDRowContext.js';
-import '@dnd-kit/core';
-import '../../helpers/dndkit/tree/useTreeDndkitConfig.js';
-import '../../helpers/dndkit/tree/useTreePreviewHandlers.js';
-import '../../helpers/dndkit/tree/getTreeKeyboardCoordinates.js';
-import '../../helpers/dndkit/utilities.js';
-import '../../helpers/dndkit/tree/useTreeActionHandlers.js';
-import 'lodash';
-import '../../helpers/dndkit/tree/customCollisionDetection.js';
-import '../../helpers/dndkit/tree/useTreeAnnouncements.js';
-import '../../parts/HoC/DragOverlayContext.js';
-import '@elliemae/ds-button';
-import '@elliemae/ds-popperjs';
-import '@elliemae/ds-utilities';
-import 'uid';
-import '../RowVariants.js';
-import '../Filters/singleSelectFilterFn.js';
-import '../Filters/multiSelectFilterFn.js';
-import '../Filters/textFilterFn.js';
-import 'moment';
-import '../Filters/numberRangeFilterFn.js';
-import '../Filters/currencyRangeFilterFn.js';
-import '../FilterTypes.js';
-import '../../addons/Columns/ColumnAction/ColumnAction.js';
-import '../../hooks/useRecoverFocusRow.js';
-import '@elliemae/ds-truncated-tooltip-text';
-import '../../prop-types.js';
-import '../../parts/Cells/useCellStyle.js';
-import './useRowRendererProperties.js';
-import './useRowStyle.js';
-import '../../parts/DropIndicator.js';
-import '../../configs/zIndexInternalConfig.js';
-import '../../helpers/addCellData.js';
-import '../../helpers/dndkit/hierarchy/useHierarchyActionHandlers.js';
-import '../../helpers/dndkit/hierarchy/useHierarchyAnnouncements.js';
-import '../../parts/SortByCaret.js';
-import '@elliemae/ds-controlled-form';
-import '../../redux/reducers/headersReducers/useDispatchHeadersActions.js';
-import '../../redux/reducers/headersReducers/headersReducers.js';
-import '@reduxjs/toolkit';
-import '../../redux/reducers/headersReducers/logic.js';
-import '../../redux/reducers/headersReducers/defaults.js';
-import '@elliemae/ds-form-layout-blocks';
-import '@elliemae/ds-grid/';
-import '@elliemae/ds-form/ComboBox';
-import '../../helpers/columnsToGrid.js';
-import '../../parts/Headers/useHeaderCellHandlers.js';
-import '../../parts/Headers/useHeaderCellConfig.js';
-import '../../hooks/useRecoverFocusCol.js';
-import '../../parts/Headers/RequiredDot.js';
-import '../../parts/SortableHeaderCell.js';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import '../../parts/HoC/withConditionalDnDSortableContext.js';
-import '../../parts/Headers/EmptyChildrenGroup.js';
-import '../../configs/fixedSizes.js';
-import '../../parts/Loader.js';
-import '@elliemae/ds-system';
-import 'redux';
-import '../../redux/reducers/rowsReducers/rowsReducer.js';
-import '../../redux/reducers/rowsReducers/logic.js';
-import '../../redux/reducers/rowsReducers/defaults.js';
-//# sourceMappingURL=useRowRendererHandlers.js.map
+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
+    }
+  } = useContext(DataTableContext);
+  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: 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 => {
+    if (isDragOverlay || isActive) {
+      e.preventDefault();
+      return;
+    }
+
+    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();
+        });
+      }
+    }
+
+    if (e.code === 'Space') {
+      e.preventDefault();
+      handleItemClick(e, row);
+    }
+
+    if (e.code === 'ArrowDown') {
+      e.preventDefault();
+      if (itemIndex + 1 < items.length) setFocusedRowId(items[itemIndex + 1].uid);
+    }
+
+    if (e.code === 'ArrowUp') {
+      e.preventDefault();
+      if (itemIndex - 1 >= 0) setFocusedRowId(items[itemIndex - 1].uid);
+    }
+  }, [isDragOverlay, isActive, selectedRowId, row, setSelectedRowId, handleItemClick, itemIndex, items, setFocusedRowId]);
+  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) {
+      setFocusedRowId(row.uid);
+    }
+  }, [row.uid, setFocusedRowId]);
+  return {
+    handleItemClick,
+    handleKeyDown,
+    handleOnBlur,
+    handleOnFocus
+  };
+};
+
+export { useRowRendererHandlers };

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

@@ -1,34 +1,40 @@
 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';
-import '../../configs/constants.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import '../../parts/HoC/SortableItemContext.js';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var useRowRendererProperties = function useRowRendererProperties(_ref) {
-  var row = _ref.row;
-
-  var _useContext = useContext(DataTableContext),
-      colsLayoutStyle = _useContext.tableProps.colsLayoutStyle,
-      totalColumnsWidth = _useContext.layoutHelpers.totalColumnsWidth;
-
-  var userDataProperties = useMemo(function () {
-    return Object.keys(row.original).reduce(function (acc, cur) {
-      if (cur.startsWith('data-')) acc[cur] = row.original[cur];
-      return acc;
-    }, {});
-  }, [row]);
-  var styleRelatedProps = useRowStyle(row);
+const useRowRendererProperties = _ref => {
+  let {
+    row
+  } = _ref;
+  const {
+    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];
+    return acc;
+  }, {}), [row]);
+  const styleRelatedProps = useRowStyle(row);
   return _objectSpread({
-    userDataProperties: userDataProperties,
-    colsLayoutStyle: colsLayoutStyle,
-    totalColumnsWidth: totalColumnsWidth
+    userDataProperties,
+    colsLayoutStyle,
+    totalColumnsWidth
   }, styleRelatedProps);
 };
 
 export { useRowRendererProperties };
-//# sourceMappingURL=useRowRendererProperties.js.map

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

@@ -1,20 +1,19 @@
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
+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';
-import '../../configs/constants.js';
 
-var useRowStyle = function useRowStyle(row) {
-  var _useContext = useContext(DataTableContext),
-      flattenedData = _useContext.flattenedData;
-
-  var _useContext2 = useContext(SortableItemContext),
-      draggableProps = _useContext2.draggableProps; // ---------------------------------------------------------------------------
+const useRowStyle = row => {
+  const {
+    flattenedData
+  } = useContext(DataTableContext);
+  const {
+    draggableProps
+  } = useContext(SortableItemContext); // ---------------------------------------------------------------------------
   // Border calculation
   // ---------------------------------------------------------------------------
 
-
-  var _useMemo = useMemo(function () {
+  const [borderTop, borderBottom, shouldAppendDottedBorder] = useMemo(() => {
     if (row.original.dimsumHeaderValue) {
       return ['none', 'none', false];
     }
@@ -32,25 +31,17 @@ var useRowStyle = function useRowStyle(row) {
     }
 
     return ['none', '1px solid #EBEDF0', false];
-  }, [row, flattenedData]),
-      _useMemo2 = _slicedToArray(_useMemo, 3),
-      borderTop = _useMemo2[0],
-      borderBottom = _useMemo2[1],
-      shouldAppendDottedBorder = _useMemo2[2];
-
-  var rowStyle = useMemo(function () {
-    return {
-      borderTop: borderTop,
-      borderBottom: borderBottom
-    };
-  }, [borderTop, borderBottom]);
-  var dropIndicatorPosition = draggableProps && draggableProps.shouldShowDropIndicatorPosition && draggableProps.dropIndicatorPosition;
+  }, [row, flattenedData]);
+  const rowStyle = useMemo(() => ({
+    borderTop,
+    borderBottom
+  }), [borderTop, borderBottom]);
+  const dropIndicatorPosition = draggableProps && draggableProps.shouldShowDropIndicatorPosition && draggableProps.dropIndicatorPosition;
   return {
-    rowStyle: rowStyle,
-    shouldAppendDottedBorder: shouldAppendDottedBorder,
-    dropIndicatorPosition: dropIndicatorPosition
+    rowStyle,
+    shouldAppendDottedBorder,
+    dropIndicatorPosition
   };
 };
 
 export { useRowStyle };
-//# sourceMappingURL=useRowStyle.js.map

package/esm/exported-related/RowVariants.js

@@ -1,12 +1,11 @@
-var ROW_VARIANTS = {
+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'
 };
-var ROW_VARIANT_KEY = 'row_variant_type';
-var ROW_VARIANT_COMPACT_KEY = 'row_variant_compact';
+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