@elliemae/ds-data-table 2.4.3-rc.5 → 2.4.3-rc.8

package/cjs/DataTable.js

@@ -21,6 +21,7 @@ var useDatatableConfig = require('./configs/useDatatableConfig.js');
 require('./configs/useRowFlattenization.js');
 var FiltersBar = require('./parts/FilterBar/FiltersBar.js');
 var DataTableSchema = require('./DataTableSchema.js');
+var styled = require('./styled.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -41,13 +42,21 @@ const DataTable = props => {
   const tableWrapperRef = React.useRef();
   const tableContentWrapperRef = React.useRef();
   const ctx = useDatatableConfig.useDatatableConfig(props);
+  const {
+    tableProps: {
+      height,
+      width
+    }
+  } = ctx;
   return /*#__PURE__*/_jsx__default["default"](reactRedux.Provider, {
     store: reduxStore
   }, void 0, /*#__PURE__*/_jsx__default["default"](DataTableContext["default"].Provider, {
     value: ctx
-  }, void 0, /*#__PURE__*/jsxRuntime.jsxs("div", {
+  }, void 0, /*#__PURE__*/jsxRuntime.jsxs(styled.StyledDataTableWrapper, {
     ref: tableWrapperRef,
     "data-testid": constants.DATA_TESTID.DATA_TABLE_WRAPPER,
+    height: height,
+    width: width,
     children: [withFilterBar ? _FiltersBar || (_FiltersBar = /*#__PURE__*/_jsx__default["default"](FiltersBar.FiltersBar, {})) : null, /*#__PURE__*/jsxRuntime.jsx(TableContent, {
       ref: tableContentWrapperRef
     })]

package/cjs/exported-related/EditableCell.js

@@ -18,8 +18,7 @@ const EditableCell = props => {
     StandardRender,
     EditableRenderer,
     cell,
-    isRowSelected,
-    setValue
+    isRowSelected
   } = props;
   const {
     virtualListHelpers

package/cjs/parts/TableContent.js

@@ -64,7 +64,7 @@ const TableContentComponent = props => {
     visibleColumns
   } = React.useContext(DataTableContext["default"]);
   const [shiftKeyPressed, setShiftKeyPressed] = React.useState(false);
-  const PureTableContent = React.useMemo(() => /*#__PURE__*/jsxRuntime.jsxs(styled.StyledDataTableWrapper, {
+  const PureTableContent = React.useMemo(() => /*#__PURE__*/jsxRuntime.jsxs(styled.StyledDataTableContentWrapper, {
     "data-testid": constants.DATA_TESTID.DATA_TABLE_CONTENT_WRAPPER,
     height: height,
     width: width,

package/cjs/styled.js

@@ -63,14 +63,17 @@ const StyledFocusWithin = /*#__PURE__*/styled__default["default"](Grid__default[
 })([":focus-within{", "}"], props => props.hideFocus ? '' : styledFocusCss(props));
 const StyledDataTableWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-38sgfo-1"
-})(["width:", ";height:", ";user-select:", ";"], props => sizeToCss.sizeToCss(props.width ?? ' 100%'), props => sizeToCss.sizeToCss(props.height ?? ' 100%'), _ref2 => {
+})(["width:", ";height:", ";"], props => sizeToCss.sizeToCss(props.width ?? ' 100%'), props => sizeToCss.sizeToCss(props.height ?? ' 100%'));
+const StyledDataTableContentWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-38sgfo-2"
+})(["user-select:", ";width:100%;height:100%;"], _ref2 => {
   let {
     noSelectionAllowed
   } = _ref2;
   return noSelectionAllowed ? 'none' : 'auto';
 });
 const StyledTableWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-38sgfo-2"
+  componentId: "sc-38sgfo-3"
 })(["display:inline-block;border-spacing:0;z-index:0;position:relative;", ""], _ref3 => {
   let {
     width = '100%',
@@ -82,7 +85,7 @@ const StyledTableWrapper = /*#__PURE__*/styled__default["default"].div.withConfi
   `;
 });
 const StyledTableContentWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-38sgfo-3"
+  componentId: "sc-38sgfo-4"
 })(["position:relative;", ""], _ref4 => {
   let {
     height = 'auto'
@@ -92,7 +95,7 @@ const StyledTableContentWrapper = /*#__PURE__*/styled__default["default"].div.wi
   `;
 });
 const StyledVirtualListWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-38sgfo-4"
+  componentId: "sc-38sgfo-5"
 })(["overflow:auto;", ""], _ref5 => {
   let {
     height = 'auto',
@@ -123,17 +126,17 @@ const getGridTemplateColumnsStyle = _ref6 => {
 };
 
 const StyledHeadWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-38sgfo-5"
+  componentId: "sc-38sgfo-6"
 })(["position:relative;position:sticky;top:0;z-index:4;background:white;width:", ";"], props => props.colsLayoutStyle === constants.ColsLayoutStyle.Fixed ? sizeToCss.sizeToCss(props.totalColumnsWidth) : '100%');
 const StyledHeadTr = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
-  componentId: "sc-38sgfo-6"
+  componentId: "sc-38sgfo-7"
 })(["", ";", ";border-right:1px solid ", ";border-bottom:1px solid ", ";grid-auto-flow:column;"], props => props.colsLayoutStyle === constants.ColsLayoutStyle.Auto ? 'width:100%' : '', props => getGridTemplateColumnsStyle({
   cols: props.cols,
   isExpandable: props.isExpandable,
   colsLayoutStyle: props.colsLayoutStyle
 }), props => props.theme.colors.neutral['080'], props => props.theme.colors.neutral['080']);
 const StyledHeadTh = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-38sgfo-7"
+  componentId: "sc-38sgfo-8"
 })(["min-height:24px;line-height:normal;font-weight:600;text-transform:uppercase;font-size:0.923rem;text-align:left;", " color:#353c46;min-height:1.84615rem;position:sticky;z-index:", ";display:flex;justify-content:space-between;box-sizing:border-box;outline:none;", ":focus{&:after{display:block;content:' ';position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid ", ";pointer-events:none;z-index:", ";}}"], cellPadding.columnPadding, zIndexInternalConfig.ZIndexDataTable.HEADER_ROW, props => props.isDraggingActive ? '' : `:hover {
           &:after {
             display: block;
@@ -150,10 +153,10 @@ const StyledHeadTh = /*#__PURE__*/styled__default["default"].div.withConfig({
           cursor: pointer;
         }`, props => props.theme.colors.brand[700], zIndexInternalConfig.ZIndexDataTable.FOCUS_BORDER);
 const StyledHeaderRightIconsWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-38sgfo-8"
+  componentId: "sc-38sgfo-9"
 })(["height:100%;display:flex;align-items:center;max-height:24px;"]);
 const StyledResizer = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-38sgfo-9"
+  componentId: "sc-38sgfo-10"
 })(["display:inline-block;background:", ";width:4px;height:100%;position:absolute;right:0;top:0;z-index:1;touch-action:none;cursor:col-resize;"], _ref7 => {
   let {
     isResizing,
@@ -163,19 +166,19 @@ const StyledResizer = /*#__PURE__*/styled__default["default"].div.withConfig({
 }); // CELL ***********************************************************************/
 
 const StyledActionCell = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-38sgfo-10"
+  componentId: "sc-38sgfo-11"
 })(["position:relative;position:sticky;display:inline-block;right:0;background:white;"]);
 const StyledCell = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-38sgfo-11"
+  componentId: "sc-38sgfo-12"
 })(["", " display:flex;align-items:center;width:100%;position:relative;"], cellPadding.cellPadding);
 const StyledCellContent = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-38sgfo-12"
+  componentId: "sc-38sgfo-13"
 })(["display:grid;justify-self:flex-end;flex:1 1 auto;width:100%;height:100%;align-items:center;"]);
 const StyledPencilIcon = /*#__PURE__*/styled__default["default"](dsIcons.EditPencil).withConfig({
-  componentId: "sc-38sgfo-13"
+  componentId: "sc-38sgfo-14"
 })([""]);
 const StyledEditableContainer = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
-  componentId: "sc-38sgfo-14"
+  componentId: "sc-38sgfo-15"
 })(["width:100%;height:100%;align-items:center;& ", "{display:", ";}&:hover{", "{display:block;}}&:focus{", " ", "{display:block;}}outline:none;"], StyledPencilIcon, _ref8 => {
   let {
     shouldDisplayEditIcon
@@ -184,10 +187,10 @@ const StyledEditableContainer = /*#__PURE__*/styled__default["default"](Grid__de
 }, StyledPencilIcon, styledFocusCss, StyledPencilIcon); // ROW ************************************************************************/
 
 const StyledFullsizeGrid = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
-  componentId: "sc-38sgfo-15"
+  componentId: "sc-38sgfo-16"
 })(["position:relative;z-index:", ";min-height:", ";height:", ";"], zIndexInternalConfig.ZIndexDataTable.ROW, props => props.minHeight || '36px', props => props.height || 'auto');
 const GroupHeaderContainer = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
-  componentId: "sc-38sgfo-16"
+  componentId: "sc-38sgfo-17"
 })(["position:relative;background-color:", ";align-items:center;padding:0 ", ";border-top:1px solid ", ";grid-template-columns:min-content 1fr;"], _ref9 => {
   let {
     theme
@@ -200,10 +203,10 @@ const GroupHeaderContainer = /*#__PURE__*/styled__default["default"](Grid__defau
   return theme.colors.brand[300];
 });
 const GroupHeaderTitle = /*#__PURE__*/styled__default["default"].span.withConfig({
-  componentId: "sc-38sgfo-17"
+  componentId: "sc-38sgfo-18"
 })(["font-weight:", ";font-size:12px;color:", ";"], props => props.theme.fontWeights.semibold, props => props.theme.colors.neutral[700]);
 const StyledCellContainer = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
-  componentId: "sc-38sgfo-18"
+  componentId: "sc-38sgfo-19"
 })(["position:relative;z-index:2;min-height:", ";height:", ";width:", ";", ";", ";background-color:", ";outline:none;:focus{", "}", " ", " box-shadow:0 2px 4px 0 ", ";opacity:", ";", " color:", ";"], props => props.minHeight || '36px', props => props.height || 'auto', props => props.colLayoutStyle === constants.ColsLayoutStyle.Fixed ? sizeToCss.sizeToCss(props.totalColumnsWidth) : '100%', props => props.isDragOverlay ? 'width: fit-content;' : '', props => getGridTemplateColumnsStyle({
   cols: props.cols,
   colsLayoutStyle: props.colLayoutStyle,
@@ -243,6 +246,7 @@ exports.StyledActionCell = StyledActionCell;
 exports.StyledCell = StyledCell;
 exports.StyledCellContainer = StyledCellContainer;
 exports.StyledCellContent = StyledCellContent;
+exports.StyledDataTableContentWrapper = StyledDataTableContentWrapper;
 exports.StyledDataTableWrapper = StyledDataTableWrapper;
 exports.StyledEditableContainer = StyledEditableContainer;
 exports.StyledFocusWithin = StyledFocusWithin;

package/esm/DataTable.js

@@ -17,6 +17,7 @@ import { useDatatableConfig } from './configs/useDatatableConfig.js';
 import './configs/useRowFlattenization.js';
 import { FiltersBar } from './parts/FilterBar/FiltersBar.js';
 import { DataTableSchema } from './DataTableSchema.js';
+import { StyledDataTableWrapper } from './styled.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var _FiltersBar;
@@ -32,13 +33,21 @@ const DataTable = props => {
   const tableWrapperRef = useRef();
   const tableContentWrapperRef = useRef();
   const ctx = useDatatableConfig(props);
+  const {
+    tableProps: {
+      height,
+      width
+    }
+  } = ctx;
   return /*#__PURE__*/_jsx(Provider, {
     store: reduxStore
   }, void 0, /*#__PURE__*/_jsx(DataTableContext.Provider, {
     value: ctx
-  }, void 0, /*#__PURE__*/jsxs("div", {
+  }, void 0, /*#__PURE__*/jsxs(StyledDataTableWrapper, {
     ref: tableWrapperRef,
     "data-testid": DATA_TESTID.DATA_TABLE_WRAPPER,
+    height: height,
+    width: width,
     children: [withFilterBar ? _FiltersBar || (_FiltersBar = /*#__PURE__*/_jsx(FiltersBar, {})) : null, /*#__PURE__*/jsx(TableContent, {
       ref: tableContentWrapperRef
     })]

package/esm/exported-related/EditableCell.js

@@ -10,8 +10,7 @@ const EditableCell = props => {
     StandardRender,
     EditableRenderer,
     cell,
-    isRowSelected,
-    setValue
+    isRowSelected
   } = props;
   const {
     virtualListHelpers

package/esm/parts/TableContent.js

@@ -7,7 +7,7 @@ import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import React, { useContext, useState, useMemo } from 'react';
 import { connect } from 'react-redux';
-import { StyledDataTableWrapper, StyledTableWrapper } from '../styled.js';
+import { StyledDataTableContentWrapper, StyledTableWrapper } from '../styled.js';
 import DataTableContext from '../DataTableContext.js';
 import { Pagination } from '../addons/Pagination/Pagination.js';
 import VirtualRowsList from './VirtualRowsList.js';
@@ -56,7 +56,7 @@ const TableContentComponent = props => {
     visibleColumns
   } = useContext(DataTableContext);
   const [shiftKeyPressed, setShiftKeyPressed] = useState(false);
-  const PureTableContent = useMemo(() => /*#__PURE__*/jsxs(StyledDataTableWrapper, {
+  const PureTableContent = useMemo(() => /*#__PURE__*/jsxs(StyledDataTableContentWrapper, {
     "data-testid": DATA_TESTID.DATA_TABLE_CONTENT_WRAPPER,
     height: height,
     width: width,

package/esm/styled.js

@@ -54,14 +54,17 @@ const StyledFocusWithin = /*#__PURE__*/styled(Grid).withConfig({
 })([":focus-within{", "}"], props => props.hideFocus ? '' : styledFocusCss(props));
 const StyledDataTableWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-38sgfo-1"
-})(["width:", ";height:", ";user-select:", ";"], props => sizeToCss(props.width ?? ' 100%'), props => sizeToCss(props.height ?? ' 100%'), _ref2 => {
+})(["width:", ";height:", ";"], props => sizeToCss(props.width ?? ' 100%'), props => sizeToCss(props.height ?? ' 100%'));
+const StyledDataTableContentWrapper = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-38sgfo-2"
+})(["user-select:", ";width:100%;height:100%;"], _ref2 => {
   let {
     noSelectionAllowed
   } = _ref2;
   return noSelectionAllowed ? 'none' : 'auto';
 });
 const StyledTableWrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-38sgfo-2"
+  componentId: "sc-38sgfo-3"
 })(["display:inline-block;border-spacing:0;z-index:0;position:relative;", ""], _ref3 => {
   let {
     width = '100%',
@@ -73,7 +76,7 @@ const StyledTableWrapper = /*#__PURE__*/styled.div.withConfig({
   `;
 });
 const StyledTableContentWrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-38sgfo-3"
+  componentId: "sc-38sgfo-4"
 })(["position:relative;", ""], _ref4 => {
   let {
     height = 'auto'
@@ -83,7 +86,7 @@ const StyledTableContentWrapper = /*#__PURE__*/styled.div.withConfig({
   `;
 });
 const StyledVirtualListWrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-38sgfo-4"
+  componentId: "sc-38sgfo-5"
 })(["overflow:auto;", ""], _ref5 => {
   let {
     height = 'auto',
@@ -114,17 +117,17 @@ const getGridTemplateColumnsStyle = _ref6 => {
 };
 
 const StyledHeadWrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-38sgfo-5"
+  componentId: "sc-38sgfo-6"
 })(["position:relative;position:sticky;top:0;z-index:4;background:white;width:", ";"], props => props.colsLayoutStyle === ColsLayoutStyle.Fixed ? sizeToCss(props.totalColumnsWidth) : '100%');
 const StyledHeadTr = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-38sgfo-6"
+  componentId: "sc-38sgfo-7"
 })(["", ";", ";border-right:1px solid ", ";border-bottom:1px solid ", ";grid-auto-flow:column;"], props => props.colsLayoutStyle === ColsLayoutStyle.Auto ? 'width:100%' : '', props => getGridTemplateColumnsStyle({
   cols: props.cols,
   isExpandable: props.isExpandable,
   colsLayoutStyle: props.colsLayoutStyle
 }), props => props.theme.colors.neutral['080'], props => props.theme.colors.neutral['080']);
 const StyledHeadTh = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-38sgfo-7"
+  componentId: "sc-38sgfo-8"
 })(["min-height:24px;line-height:normal;font-weight:600;text-transform:uppercase;font-size:0.923rem;text-align:left;", " color:#353c46;min-height:1.84615rem;position:sticky;z-index:", ";display:flex;justify-content:space-between;box-sizing:border-box;outline:none;", ":focus{&:after{display:block;content:' ';position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid ", ";pointer-events:none;z-index:", ";}}"], columnPadding, ZIndexDataTable.HEADER_ROW, props => props.isDraggingActive ? '' : `:hover {
           &:after {
             display: block;
@@ -141,10 +144,10 @@ const StyledHeadTh = /*#__PURE__*/styled.div.withConfig({
           cursor: pointer;
         }`, props => props.theme.colors.brand[700], ZIndexDataTable.FOCUS_BORDER);
 const StyledHeaderRightIconsWrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-38sgfo-8"
+  componentId: "sc-38sgfo-9"
 })(["height:100%;display:flex;align-items:center;max-height:24px;"]);
 const StyledResizer = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-38sgfo-9"
+  componentId: "sc-38sgfo-10"
 })(["display:inline-block;background:", ";width:4px;height:100%;position:absolute;right:0;top:0;z-index:1;touch-action:none;cursor:col-resize;"], _ref7 => {
   let {
     isResizing,
@@ -154,19 +157,19 @@ const StyledResizer = /*#__PURE__*/styled.div.withConfig({
 }); // CELL ***********************************************************************/
 
 const StyledActionCell = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-38sgfo-10"
+  componentId: "sc-38sgfo-11"
 })(["position:relative;position:sticky;display:inline-block;right:0;background:white;"]);
 const StyledCell = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-38sgfo-11"
+  componentId: "sc-38sgfo-12"
 })(["", " display:flex;align-items:center;width:100%;position:relative;"], cellPadding);
 const StyledCellContent = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-38sgfo-12"
+  componentId: "sc-38sgfo-13"
 })(["display:grid;justify-self:flex-end;flex:1 1 auto;width:100%;height:100%;align-items:center;"]);
 const StyledPencilIcon = /*#__PURE__*/styled(EditPencil).withConfig({
-  componentId: "sc-38sgfo-13"
+  componentId: "sc-38sgfo-14"
 })([""]);
 const StyledEditableContainer = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-38sgfo-14"
+  componentId: "sc-38sgfo-15"
 })(["width:100%;height:100%;align-items:center;& ", "{display:", ";}&:hover{", "{display:block;}}&:focus{", " ", "{display:block;}}outline:none;"], StyledPencilIcon, _ref8 => {
   let {
     shouldDisplayEditIcon
@@ -175,10 +178,10 @@ const StyledEditableContainer = /*#__PURE__*/styled(Grid).withConfig({
 }, StyledPencilIcon, styledFocusCss, StyledPencilIcon); // ROW ************************************************************************/
 
 const StyledFullsizeGrid = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-38sgfo-15"
+  componentId: "sc-38sgfo-16"
 })(["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"
+  componentId: "sc-38sgfo-17"
 })(["position:relative;background-color:", ";align-items:center;padding:0 ", ";border-top:1px solid ", ";grid-template-columns:min-content 1fr;"], _ref9 => {
   let {
     theme
@@ -191,10 +194,10 @@ const GroupHeaderContainer = /*#__PURE__*/styled(Grid).withConfig({
   return theme.colors.brand[300];
 });
 const GroupHeaderTitle = /*#__PURE__*/styled.span.withConfig({
-  componentId: "sc-38sgfo-17"
+  componentId: "sc-38sgfo-18"
 })(["font-weight:", ";font-size:12px;color:", ";"], props => props.theme.fontWeights.semibold, props => props.theme.colors.neutral[700]);
 const StyledCellContainer = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-38sgfo-18"
+  componentId: "sc-38sgfo-19"
 })(["position:relative;z-index:2;min-height:", ";height:", ";width:", ";", ";", ";background-color:", ";outline:none;:focus{", "}", " ", " box-shadow:0 2px 4px 0 ", ";opacity:", ";", " color:", ";"], props => props.minHeight || '36px', props => props.height || 'auto', props => props.colLayoutStyle === ColsLayoutStyle.Fixed ? sizeToCss(props.totalColumnsWidth) : '100%', props => props.isDragOverlay ? 'width: fit-content;' : '', props => getGridTemplateColumnsStyle({
   cols: props.cols,
   colsLayoutStyle: props.colLayoutStyle,
@@ -228,4 +231,4 @@ const StyledCellContainer = /*#__PURE__*/styled(Grid).withConfig({
     border: 1px solid ${props.theme.colors.brand[500]};
     `, props => props.disabled ? props.theme.colors.neutral['500'] : '#333333');
 
-export { GroupHeaderContainer, GroupHeaderTitle, StyledActionCell, StyledCell, StyledCellContainer, StyledCellContent, StyledDataTableWrapper, StyledEditableContainer, StyledFocusWithin, StyledFullsizeGrid, StyledHeadTh, StyledHeadTr, StyledHeadWrapper, StyledHeaderRightIconsWrapper, StyledPencilIcon, StyledResizer, StyledTableContentWrapper, StyledTableWrapper, StyledVirtualListWrapper };
+export { GroupHeaderContainer, GroupHeaderTitle, StyledActionCell, StyledCell, StyledCellContainer, StyledCellContent, StyledDataTableContentWrapper, StyledDataTableWrapper, StyledEditableContainer, StyledFocusWithin, StyledFullsizeGrid, StyledHeadTh, StyledHeadTr, StyledHeadWrapper, StyledHeaderRightIconsWrapper, StyledPencilIcon, StyledResizer, StyledTableContentWrapper, StyledTableWrapper, StyledVirtualListWrapper };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-data-table",
-  "version": "2.4.3-rc.5",
+  "version": "2.4.3-rc.8",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Data Table",
   "module": "./esm/index.js",
@@ -570,24 +570,24 @@
   "dependencies": {
     "@dnd-kit/core": "~4.0.1",
     "@dnd-kit/sortable": "~5.0.0",
-    "@elliemae/ds-button": "2.4.3-rc.5",
-    "@elliemae/ds-circular-progress-indicator": "2.4.3-rc.5",
-    "@elliemae/ds-controlled-form": "2.4.3-rc.5",
-    "@elliemae/ds-drag-and-drop": "2.4.3-rc.5",
-    "@elliemae/ds-dropdownmenu": "2.4.3-rc.5",
-    "@elliemae/ds-form": "2.4.3-rc.5",
-    "@elliemae/ds-form-layout-blocks": "2.4.3-rc.5",
-    "@elliemae/ds-grid": "2.4.3-rc.5",
-    "@elliemae/ds-icons": "2.4.3-rc.5",
-    "@elliemae/ds-indeterminate-progress-indicator": "2.4.3-rc.5",
-    "@elliemae/ds-pagination": "2.4.3-rc.5",
-    "@elliemae/ds-pills": "2.4.3-rc.5",
-    "@elliemae/ds-popperjs": "2.4.3-rc.5",
-    "@elliemae/ds-props-helpers": "2.4.3-rc.5",
-    "@elliemae/ds-system": "2.4.3-rc.5",
-    "@elliemae/ds-toolbar": "2.4.3-rc.5",
-    "@elliemae/ds-truncated-tooltip-text": "2.4.3-rc.5",
-    "@elliemae/ds-utilities": "2.4.3-rc.5",
+    "@elliemae/ds-button": "2.4.3-rc.8",
+    "@elliemae/ds-circular-progress-indicator": "2.4.3-rc.8",
+    "@elliemae/ds-controlled-form": "2.4.3-rc.8",
+    "@elliemae/ds-drag-and-drop": "2.4.3-rc.8",
+    "@elliemae/ds-dropdownmenu": "2.4.3-rc.8",
+    "@elliemae/ds-form": "2.4.3-rc.8",
+    "@elliemae/ds-form-layout-blocks": "2.4.3-rc.8",
+    "@elliemae/ds-grid": "2.4.3-rc.8",
+    "@elliemae/ds-icons": "2.4.3-rc.8",
+    "@elliemae/ds-indeterminate-progress-indicator": "2.4.3-rc.8",
+    "@elliemae/ds-pagination": "2.4.3-rc.8",
+    "@elliemae/ds-pills": "2.4.3-rc.8",
+    "@elliemae/ds-popperjs": "2.4.3-rc.8",
+    "@elliemae/ds-props-helpers": "2.4.3-rc.8",
+    "@elliemae/ds-system": "2.4.3-rc.8",
+    "@elliemae/ds-toolbar": "2.4.3-rc.8",
+    "@elliemae/ds-truncated-tooltip-text": "2.4.3-rc.8",
+    "@elliemae/ds-utilities": "2.4.3-rc.8",
     "@reduxjs/toolkit": "~1.6.2",
     "csstype": "~3.0.9",
     "moment": "~2.29.1",

package/types/styled.d.ts

@@ -4,7 +4,8 @@ interface WidthAndHeight {
     height?: string | number;
 }
 export declare const StyledFocusWithin: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledDataTableWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, WidthAndHeight & {
+export declare const StyledDataTableWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, WidthAndHeight, never>;
+export declare const StyledDataTableContentWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, WidthAndHeight & {
     noSelectionAllowed: boolean;
 }, never>;
 export declare const StyledTableWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, WidthAndHeight, never>;