@elliemae/ds-data-table 2.0.0-rc.9 → 2.0.2

package/esm/parts/HoC/withConditionalDnDRowContext.js

@@ -12,14 +12,14 @@ import React, { createContext, useCallback } from 'react';
 import { DndContext, DragOverlay } from '@dnd-kit/core';
 import { SortableContext } from '@dnd-kit/sortable';
 import DataTableContext from '../../DataTableContext.js';
-import useTreeDndkitConfig from '../../helpers/dndkit/tree/useTreeDndkitConfig.js';
+import { useTreeDndkitConfig } from '@elliemae/ds-drag-and-drop';
 import { DropIndicatorPosition } from './SortableItemContext.js';
 import { Row } from '../Row.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-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 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 = 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; }
+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 DnDTreeContext = /*#__PURE__*/createContext({
   depth: undefined,
   activeIndex: undefined,

package/esm/parts/HoC/withConditionalDnDSortableContext.js

@@ -12,9 +12,9 @@ import { useContext } from 'react';
 import DataTableContext from '../../DataTableContext.js';
 import { jsx } from 'react/jsx-runtime';
 
-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 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 = 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; }
+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 withConditionalDnDSortableContext = function (items) {
   let isDragOverlay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   return Component => props => {

package/esm/parts/HoC/withDnDSortableColumnContext.js

@@ -12,9 +12,9 @@ import { DnDGroupContext } from './withConditionalDnDColumnContext.js';
 import { DropIndicatorPosition, SortableItemContext } from './SortableItemContext.js';
 import { jsx } from 'react/jsx-runtime';
 
-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 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 = 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; }
+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 withDnDSortableColumnContext = Component => props => {
   const {
     tableProps: {

package/esm/parts/HoC/withDnDSortableRowContext.js

@@ -12,9 +12,9 @@ import { DnDTreeContext } from './withConditionalDnDRowContext.js';
 import { SortableItemContext } from './SortableItemContext.js';
 import { jsx } from 'react/jsx-runtime';
 
-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 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 = 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; }
+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 withDnDSortableRowContext = Component => props => {
   const {
     tableProps: {

package/esm/parts/RowVariants/index.js

@@ -42,9 +42,9 @@ import { RowVariantHeader } from './RowVariantHeader.js';
 import { RowVariantPrimary } from './RowVariantPrimary.js';
 import { RowVariantSecondary } from './RowVariantSecondary.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 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 = 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; }
+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 RowVariantMapper = {
   [ROW_VARIANTS.HEADER_GROUP]: RowVariantHeader,
   [ROW_VARIANTS.PRIMARY]: RowVariantPrimary,

package/esm/parts/Rows.js

@@ -14,9 +14,9 @@ import '../configs/constants.js';
 import { addCellData } from '../helpers/addCellData.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 
-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 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 = 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; }
+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 Rows = () => {
   const {

package/esm/parts/SortableHeaderCell.js

@@ -10,9 +10,9 @@ import { withConditionalDnDSortableContext } from './HoC/withConditionalDnDSorta
 
 const _excluded = ["items", "isDragOverlay"];
 
-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 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 = 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; }
+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 SortableHeaderCell = _ref => {
   let {
     items,

package/esm/parts/TableContent.js

@@ -33,9 +33,9 @@ import './HoC/SortableItemContext.js';
 
 var _VirtualRowsList, _Pagination;
 
-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 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 = 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; }
+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 mapStateToProps = state => ({
   reduxFilters: state.filters

package/esm/prop-types.js

@@ -6,9 +6,9 @@ import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import PropTypes from 'prop-types';
 
-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 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 = 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; }
+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 tableStateShape = {
   allColumns: PropTypes.array,
   columns: PropTypes.array,

package/esm/redux/reducers/headersReducers/logic.js

@@ -5,9 +5,9 @@ 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';
 
-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 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 = 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; }
+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 patchUpdateOneHeader = (payload, state) => {
   state[payload.headerId] = _objectSpread(_objectSpread({}, (state === null || state === void 0 ? void 0 : state[payload.headerId]) || {}), payload.newHeader);

package/esm/styled.js

@@ -149,22 +149,27 @@ const StyledPencilIcon = /*#__PURE__*/styled(EditPencil).withConfig({
 })([""]);
 const StyledEditableContainer = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-38sgfo-14"
-})(["width:100%;height:100%;align-items:center;& ", "{display:", ";}&:hover{", "{display:block;}}&:focus{", " ", "{display:block;}}outline:none;"], StyledPencilIcon, props => props.shouldDisplayEditIcon ? 'block' : 'none', StyledPencilIcon, styledFocusCss, StyledPencilIcon); // ROW ************************************************************************/
+})(["width:100%;height:100%;align-items:center;& ", "{display:", ";}&:hover{", "{display:block;}}&:focus{", " ", "{display:block;}}outline:none;"], StyledPencilIcon, _ref8 => {
+  let {
+    shouldDisplayEditIcon
+  } = _ref8;
+  return shouldDisplayEditIcon ? 'block' : 'none';
+}, StyledPencilIcon, styledFocusCss, StyledPencilIcon); // ROW ************************************************************************/
 
 const StyledFullsizeGrid = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-38sgfo-15"
 })(["position:relative;z-index:", ";min-height:", ";height:", ";"], ZIndexDataTable.ROW, props => props.minHeight || '36px', props => props.height || 'auto');
 const GroupHeaderContainer = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-38sgfo-16"
-})(["position:relative;background-color:", ";align-items:center;padding:0 ", ";border-top:1px solid ", ";grid-template-columns:min-content 1fr;"], _ref8 => {
+})(["position:relative;background-color:", ";align-items:center;padding:0 ", ";border-top:1px solid ", ";grid-template-columns:min-content 1fr;"], _ref9 => {
   let {
     theme
-  } = _ref8;
+  } = _ref9;
   return theme.colors.brand[200];
-}, props => props.padding, _ref9 => {
+}, props => props.padding, _ref10 => {
   let {
     theme
-  } = _ref9;
+  } = _ref10;
   return theme.colors.brand[300];
 });
 const GroupHeaderTitle = /*#__PURE__*/styled.span.withConfig({
@@ -176,27 +181,27 @@ const StyledCellContainer = /*#__PURE__*/styled(Grid).withConfig({
   cols: props.cols,
   colsLayoutStyle: props.colLayoutStyle,
   isExpandable: props.isExpandable
-}), _ref10 => {
+}), _ref11 => {
   let {
     backgroundColor,
     isDragging,
     theme
-  } = _ref10;
+  } = _ref11;
   return isDragging ? theme.colors.neutral[100] : backgroundColor || 'white';
-}, props => props.isDragOverlay ? '' : styledFocusCss(props), _ref11 => {
+}, props => props.isDragOverlay ? '' : styledFocusCss(props), _ref12 => {
   let {
     isDropIndicatorPositionInside,
     theme
-  } = _ref11;
+  } = _ref12;
   if (!isDropIndicatorPositionInside) return '';
   return styledFocusCss({
     theme
   });
-}, _ref12 => {
+}, _ref13 => {
   let {
     shouldDisplayHover,
     theme
-  } = _ref12;
+  } = _ref13;
   return shouldDisplayHover ? ":hover {\n            background-color: ".concat(theme.colors.brand[200], ";\n          }") : '';
 }, props => props.isDragOverlay ? 'rgba(0,0,0,0.5)' : 'transparent', props => props.isDragging ? 0.8 : 1, props => !props.selected ? '' : "\n    background-color: ".concat(props.theme.colors.brand[200], ";\n    border: 1px solid ").concat(props.theme.colors.brand[500], ";\n    "), props => props.disabled ? props.theme.colors.neutral['500'] : '#333333');
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-data-table",
-  "version": "2.0.0-rc.9",
+  "version": "2.0.2",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Data Table",
   "module": "./esm/index.js",
@@ -299,70 +299,6 @@
       "import": "./esm/helpers/getIdFromUniqueRowAccessor.js",
       "require": "./cjs/helpers/getIdFromUniqueRowAccessor.js"
     },
-    "./helpers/dndkit/utilities": {
-      "import": "./esm/helpers/dndkit/utilities.js",
-      "require": "./cjs/helpers/dndkit/utilities.js"
-    },
-    "./helpers/dndkit/types": {
-      "import": "./esm/helpers/dndkit/types.js",
-      "require": "./cjs/helpers/dndkit/types.js"
-    },
-    "./helpers/dndkit/tree/useTreePreviewHandlers": {
-      "import": "./esm/helpers/dndkit/tree/useTreePreviewHandlers.js",
-      "require": "./cjs/helpers/dndkit/tree/useTreePreviewHandlers.js"
-    },
-    "./helpers/dndkit/tree/useTreeDndkitConfig": {
-      "import": "./esm/helpers/dndkit/tree/useTreeDndkitConfig.js",
-      "require": "./cjs/helpers/dndkit/tree/useTreeDndkitConfig.js"
-    },
-    "./helpers/dndkit/tree/useTreeAnnouncements": {
-      "import": "./esm/helpers/dndkit/tree/useTreeAnnouncements.js",
-      "require": "./cjs/helpers/dndkit/tree/useTreeAnnouncements.js"
-    },
-    "./helpers/dndkit/tree/useTreeActionHandlers": {
-      "import": "./esm/helpers/dndkit/tree/useTreeActionHandlers.js",
-      "require": "./cjs/helpers/dndkit/tree/useTreeActionHandlers.js"
-    },
-    "./helpers/dndkit/tree/types": {
-      "import": "./esm/helpers/dndkit/tree/types.js",
-      "require": "./cjs/helpers/dndkit/tree/types.js"
-    },
-    "./helpers/dndkit/tree/getTreeKeyboardCoordinates": {
-      "import": "./esm/helpers/dndkit/tree/getTreeKeyboardCoordinates.js",
-      "require": "./cjs/helpers/dndkit/tree/getTreeKeyboardCoordinates.js"
-    },
-    "./helpers/dndkit/tree/customCollisionDetection": {
-      "import": "./esm/helpers/dndkit/tree/customCollisionDetection.js",
-      "require": "./cjs/helpers/dndkit/tree/customCollisionDetection.js"
-    },
-    "./helpers/dndkit/hierarchy/useHierarchyPreviewHandlers": {
-      "import": "./esm/helpers/dndkit/hierarchy/useHierarchyPreviewHandlers.js",
-      "require": "./cjs/helpers/dndkit/hierarchy/useHierarchyPreviewHandlers.js"
-    },
-    "./helpers/dndkit/hierarchy/useHierarchyDndkitConfig": {
-      "import": "./esm/helpers/dndkit/hierarchy/useHierarchyDndkitConfig.js",
-      "require": "./cjs/helpers/dndkit/hierarchy/useHierarchyDndkitConfig.js"
-    },
-    "./helpers/dndkit/hierarchy/useHierarchyAnnouncements": {
-      "import": "./esm/helpers/dndkit/hierarchy/useHierarchyAnnouncements.js",
-      "require": "./cjs/helpers/dndkit/hierarchy/useHierarchyAnnouncements.js"
-    },
-    "./helpers/dndkit/hierarchy/useHierarchyActionHandlers": {
-      "import": "./esm/helpers/dndkit/hierarchy/useHierarchyActionHandlers.js",
-      "require": "./cjs/helpers/dndkit/hierarchy/useHierarchyActionHandlers.js"
-    },
-    "./helpers/dndkit/hierarchy/types": {
-      "import": "./esm/helpers/dndkit/hierarchy/types.js",
-      "require": "./cjs/helpers/dndkit/hierarchy/types.js"
-    },
-    "./helpers/dndkit/hierarchy/getHierarchyKeyboardCoordinates": {
-      "import": "./esm/helpers/dndkit/hierarchy/getHierarchyKeyboardCoordinates.js",
-      "require": "./cjs/helpers/dndkit/hierarchy/getHierarchyKeyboardCoordinates.js"
-    },
-    "./helpers/dndkit/hierarchy/customCollisionDetection": {
-      "import": "./esm/helpers/dndkit/hierarchy/customCollisionDetection.js",
-      "require": "./cjs/helpers/dndkit/hierarchy/customCollisionDetection.js"
-    },
     "./helpers/columnsToGrid": {
       "import": "./esm/helpers/columnsToGrid.js",
       "require": "./cjs/helpers/columnsToGrid.js"
@@ -634,22 +570,23 @@
   "dependencies": {
     "@dnd-kit/core": "~4.0.1",
     "@dnd-kit/sortable": "~5.0.0",
-    "@elliemae/ds-button": "2.0.0-rc.9",
-    "@elliemae/ds-circular-progress-indicator": "2.0.0-rc.9",
-    "@elliemae/ds-controlled-form": "2.0.0-rc.9",
-    "@elliemae/ds-dropdownmenu": "2.0.0-rc.9",
-    "@elliemae/ds-form": "2.0.0-rc.9",
-    "@elliemae/ds-form-layout-blocks": "2.0.0-rc.9",
-    "@elliemae/ds-grid": "2.0.0-rc.9",
-    "@elliemae/ds-icons": "2.0.0-rc.9",
-    "@elliemae/ds-indeterminate-progress-indicator": "2.0.0-rc.9",
-    "@elliemae/ds-pagination": "2.0.0-rc.9",
-    "@elliemae/ds-pills": "2.0.0-rc.9",
-    "@elliemae/ds-popperjs": "2.0.0-rc.9",
-    "@elliemae/ds-system": "2.0.0-rc.9",
-    "@elliemae/ds-toolbar": "2.0.0-rc.9",
-    "@elliemae/ds-truncated-tooltip-text": "2.0.0-rc.9",
-    "@elliemae/ds-utilities": "2.0.0-rc.9",
+    "@elliemae/ds-button": "2.0.2",
+    "@elliemae/ds-circular-progress-indicator": "2.0.2",
+    "@elliemae/ds-controlled-form": "2.0.2",
+    "@elliemae/ds-drag-and-drop": "2.0.2",
+    "@elliemae/ds-dropdownmenu": "2.0.2",
+    "@elliemae/ds-form": "2.0.2",
+    "@elliemae/ds-form-layout-blocks": "2.0.2",
+    "@elliemae/ds-grid": "2.0.2",
+    "@elliemae/ds-icons": "2.0.2",
+    "@elliemae/ds-indeterminate-progress-indicator": "2.0.2",
+    "@elliemae/ds-pagination": "2.0.2",
+    "@elliemae/ds-pills": "2.0.2",
+    "@elliemae/ds-popperjs": "2.0.2",
+    "@elliemae/ds-system": "2.0.2",
+    "@elliemae/ds-toolbar": "2.0.2",
+    "@elliemae/ds-truncated-tooltip-text": "2.0.2",
+    "@elliemae/ds-utilities": "2.0.2",
     "@reduxjs/toolkit": "~1.6.2",
     "csstype": "~3.0.9",
     "moment": "~2.29.1",

package/types/styled.d.ts

@@ -27,7 +27,9 @@ export declare const StyledCell: import("styled-components").StyledComponent<"di
 }, never>;
 export declare const StyledCellContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledPencilIcon: import("styled-components").StyledComponent<(rest: any) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledEditableContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledEditableContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
+    shouldDisplayEditIcon: string;
+}, never>;
 export declare const StyledFullsizeGrid: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
 export declare const GroupHeaderContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
     padding: string;

package/cjs/helpers/dndkit/hierarchy/customCollisionDetection.js

@@ -1,89 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.find.js');
-require('core-js/modules/esnext.iterator.find.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var constants = require('../../../configs/constants.js');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.reduce.js');
-require('core-js/modules/esnext.iterator.reduce.js');
-require('react');
-require('react-virtual');
-require('../../../configs/useRowFlattenization.js');
-require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-require('@babel/runtime/helpers/jsx');
-require('@elliemae/ds-icons');
-require('styled-components');
-require('../../../styled.js');
-require('react/jsx-runtime');
-require('@elliemae/ds-form');
-require('../../../parts/TableContent.js');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-circular-progress-indicator');
-require('@elliemae/ds-system');
-require('@elliemae/ds-button');
-require('../../../DataTableContext.js');
-require('../../../parts/Row.js');
-require('../../../parts/Footer.js');
-require('../../../parts/HoC/SortableItemContext.js');
-
-const customCollisionDetection = (activeId, activeParent, dndItems) => _ref => {
-  var _document$querySelect, _document$querySelect2;
-
-  let {
-    droppableContainers,
-    collisionRect
-  } = _ref;
-  const entriesWithSameParent = droppableContainers.filter(_ref2 => {
-    var _dndItems$find;
-
-    let {
-      id
-    } = _ref2;
-    return ((_dndItems$find = dndItems.find(item => item.id === id)) === null || _dndItems$find === void 0 ? void 0 : _dndItems$find.parentId) === activeParent;
-  });
-  const dragOverlayRect = (_document$querySelect = (_document$querySelect2 = document.querySelector("[data-testid=\"".concat(constants.DATA_TESTID.DATA_TABLE_COLUMN_DRAG_OVERLAY, "\"]"))) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.getBoundingClientRect()) !== null && _document$querySelect !== void 0 ? _document$querySelect : {
-    width: 150
-  };
-  const originalContainer = entriesWithSameParent.find(_ref3 => {
-    let {
-      id
-    } = _ref3;
-    return id === activeId;
-  });
-  const originalRect = originalContainer.rect.current;
-
-  if (originalRect.offsetLeft <= collisionRect.offsetLeft && collisionRect.offsetLeft <= originalRect.offsetLeft + originalRect.width) {
-    return originalContainer.id;
-  }
-
-  const isLeft = collisionRect.offsetLeft <= originalRect.offsetLeft + dragOverlayRect.width / 2 + 5;
-  let match = null; // If going to the left, search the closest offset left
-  // Otherwise, get the closest offset right
-
-  const collisionPoint = collisionRect.offsetLeft + dragOverlayRect.width / 2;
-  entriesWithSameParent.forEach(entry => {
-    const {
-      rect: {
-        current: rect
-      }
-    } = entry;
-    const offsetRight = rect.offsetLeft + rect.width;
-    if (!match) match = entry;else if (isLeft && Math.abs(collisionPoint - rect.offsetLeft) <= Math.abs(collisionPoint - match.rect.current.offsetLeft)) {
-      match = entry;
-    } else if (!isLeft && Math.abs(collisionPoint - offsetRight) <= Math.abs(collisionPoint - match.rect.current.offsetLeft - match.rect.current.width)) {
-      match = entry;
-    }
-  });
-  return match === null ? null : match.id;
-};
-
-exports.customCollisionDetection = customCollisionDetection;

package/cjs/helpers/dndkit/hierarchy/getHierarchyKeyboardCoordinates.js

@@ -1,143 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/esnext.async-iterator.find.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.find.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.filter.js');
-var core = require('@dnd-kit/core');
-var constants = require('../../../configs/constants.js');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.reduce.js');
-require('core-js/modules/esnext.iterator.reduce.js');
-require('react');
-require('react-virtual');
-require('../../../configs/useRowFlattenization.js');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-require('@babel/runtime/helpers/jsx');
-require('@elliemae/ds-icons');
-require('styled-components');
-require('../../../styled.js');
-require('react/jsx-runtime');
-require('@elliemae/ds-form');
-require('../../../parts/TableContent.js');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-circular-progress-indicator');
-require('@elliemae/ds-system');
-require('@elliemae/ds-button');
-require('../../../DataTableContext.js');
-require('../../../parts/Row.js');
-require('../../../parts/Footer.js');
-require('../../../parts/HoC/SortableItemContext.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-
-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__default["default"](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; }
-const directions = [core.KeyboardCode.Down, core.KeyboardCode.Right, core.KeyboardCode.Up, core.KeyboardCode.Left];
-const vertical = [core.KeyboardCode.Up, core.KeyboardCode.Down];
-
-const getHorizontalKeyboardCoordinates = _ref => {
-  var _document$querySelect, _document$querySelect2;
-
-  let {
-    items,
-    active,
-    over,
-    event,
-    currentCoordinates,
-    droppableContainers,
-    collisionRect
-  } = _ref;
-  if (vertical.includes(event.code)) return undefined;
-  const activeItem = items.find(item => item.id === active.id);
-  const overRect = over.rect;
-  const layoutRects = []; // Get the reacheable rects depending on the arrow key pressed
-
-  droppableContainers.forEach(container => {
-    if (container !== null && container !== void 0 && container.disabled || !overRect) {
-      return;
-    }
-
-    const node = container === null || container === void 0 ? void 0 : container.node.current;
-
-    if (!node) {
-      return;
-    }
-
-    const itemParent = items.find(item => item.id === container.id).parentId;
-    if (itemParent !== activeItem.parentId) return;
-    const rect = core.getViewRect(node);
-
-    if (event.code === core.KeyboardCode.Left && collisionRect.left > rect.right - 10) {
-      layoutRects.push(container);
-    } else if (event.code === core.KeyboardCode.Right && collisionRect.left < rect.left) {
-      layoutRects.push(container);
-    }
-  });
-  const dragOverlayRect = (_document$querySelect = (_document$querySelect2 = document.querySelector("[data-testid=\"".concat(constants.DATA_TESTID.DATA_TABLE_COLUMN_DRAG_OVERLAY, "\"]"))) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.getBoundingClientRect()) !== null && _document$querySelect !== void 0 ? _document$querySelect : {
-    width: 150,
-    left: 0
-  };
-  const closestId = core.closestCorners({
-    droppableContainers: layoutRects,
-    collisionRect,
-    active
-  });
-  if (!closestId) return undefined;
-  const closestRect = core.getViewRect(droppableContainers.get(closestId).node.current);
-  const activeRect = core.getViewRect(droppableContainers.get(active.id).node.current);
-  return _objectSpread(_objectSpread({}, currentCoordinates), {}, {
-    x: closestRect.left + (closestRect.width - dragOverlayRect.width) / 2 + (closestRect.offsetLeft < activeRect.left ? -1 : 1)
-  });
-};
-
-const getHierarchyKeyboardCoordinates = (context, isHorizontalDnD) => (event, _ref2) => {
-  let {
-    currentCoordinates,
-    context: {
-      active,
-      over,
-      collisionRect,
-      droppableContainers
-    }
-  } = _ref2;
-
-  if (directions.includes(event.code)) {
-    event.preventDefault();
-
-    if (!collisionRect) {
-      return undefined;
-    }
-
-    const {
-      current: {
-        items
-      }
-    } = context;
-    const args = {
-      items,
-      active,
-      over,
-      event,
-      currentCoordinates,
-      droppableContainers,
-      collisionRect
-    };
-    if (isHorizontalDnD) return getHorizontalKeyboardCoordinates(args);
-    return undefined;
-  }
-
-  return undefined;
-};
-
-exports.getHierarchyKeyboardCoordinates = getHierarchyKeyboardCoordinates;

package/cjs/helpers/dndkit/hierarchy/types.js

@@ -1,2 +0,0 @@
-'use strict';
-