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

package/cjs/styled.js

@@ -2,118 +2,234 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('styled-components');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-icons');
-require('./helpers/sizeToCss.js');
-require('./configs/constants.js');
-require('./helpers/cellPadding.js');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+var styled = require('styled-components');
+var Grid = require('@elliemae/ds-grid');
+var dsIcons = require('@elliemae/ds-icons');
+var sizeToCss = require('./helpers/sizeToCss.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var constants = require('./configs/constants.js');
+var cellPadding = require('./helpers/cellPadding.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
 require('react');
-require('@babel/runtime/helpers/slicedToArray');
+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-virtual');
 require('./configs/useRowFlattenization.js');
-require('@babel/runtime/helpers/toConsumableArray');
 require('@babel/runtime/helpers/defineProperty');
-var addons_Columns_ColumnExpand_ColumnExpand = require('./styled-b86fbdf4.js');
+require('@babel/runtime/helpers/jsx');
+require('react/jsx-runtime');
 require('@elliemae/ds-form');
+require('./parts/TableContent.js');
 require('@elliemae/ds-circular-progress-indicator');
-require('./parts/EmptyContent.js');
+require('@elliemae/ds-system');
+require('@elliemae/ds-button');
+require('./DataTableContext.js');
+require('./parts/Row.js');
 require('./parts/Footer.js');
-require('@babel/runtime/helpers/extends');
 require('./parts/HoC/SortableItemContext.js');
-require('./configs/zIndexInternalConfig.js');
-require('./helpers/getIdFromUniqueRowAccessor.js');
-require('react-redux');
-require('./DataTableContext.js');
-require('./addons/Pagination/Pagination.js');
-require('@elliemae/ds-pagination');
-require('@elliemae/ds-indeterminate-progress-indicator');
-require('prop-types');
-require('./helpers/refs-helpers.js');
-require('./parts/HoC/withDnDSortableRowContext.js');
-require('@dnd-kit/sortable');
-require('./parts/HoC/withConditionalDnDRowContext.js');
-require('@dnd-kit/core');
-require('./helpers/dndkit/tree/useTreeDndkitConfig.js');
-require('./helpers/dndkit/tree/useTreePreviewHandlers.js');
-require('./helpers/dndkit/tree/getTreeKeyboardCoordinates.js');
-require('./helpers/dndkit/utilities.js');
-require('./helpers/dndkit/tree/useTreeActionHandlers.js');
-require('lodash');
-require('./helpers/dndkit/tree/customCollisionDetection.js');
-require('./helpers/dndkit/tree/useTreeAnnouncements.js');
-require('./parts/HoC/DragOverlayContext.js');
-require('@elliemae/ds-button');
-require('@elliemae/ds-popperjs');
-require('./redux/reducers/index.js');
-require('redux');
-require('./redux/reducers/headersReducers/headersReducers.js');
-require('@reduxjs/toolkit');
-require('./redux/reducers/headersReducers/logic.js');
-require('./redux/reducers/headersReducers/defaults.js');
-require('./redux/reducers/headersReducers/useDispatchHeadersActions.js');
-require('./redux/reducers/rowsReducers/rowsReducer.js');
-require('./redux/reducers/rowsReducers/logic.js');
-require('./redux/reducers/rowsReducers/defaults.js');
-require('./redux/reducers/rowsReducers/useDispatchRowsActions.js');
-require('@elliemae/ds-utilities');
-require('uid');
-require('./exported-related/RowVariants.js');
-require('./exported-related/Filters/singleSelectFilterFn.js');
-require('./exported-related/Filters/multiSelectFilterFn.js');
-require('./exported-related/Filters/textFilterFn.js');
-require('moment');
-require('./exported-related/Filters/numberRangeFilterFn.js');
-require('./exported-related/Filters/currencyRangeFilterFn.js');
-require('./exported-related/FilterTypes.js');
-require('./addons/Columns/ColumnAction/ColumnAction.js');
-require('./hooks/useRecoverFocusRow.js');
-require('@elliemae/ds-truncated-tooltip-text');
-require('./prop-types.js');
-require('./parts/Cells/useCellStyle.js');
-require('./exported-related/RowRenderer/useRowRendererProperties.js');
-require('./exported-related/RowRenderer/useRowStyle.js');
-require('./parts/DropIndicator.js');
-require('./helpers/addCellData.js');
-require('./helpers/dndkit/hierarchy/useHierarchyActionHandlers.js');
-require('./helpers/dndkit/hierarchy/useHierarchyAnnouncements.js');
-require('./parts/SortByCaret.js');
-require('@elliemae/ds-controlled-form');
-require('@elliemae/ds-form-layout-blocks');
-require('@elliemae/ds-grid/');
-require('@elliemae/ds-form/ComboBox');
-require('./helpers/columnsToGrid.js');
-require('./parts/Headers/useHeaderCellHandlers.js');
-require('./parts/Headers/useHeaderCellConfig.js');
-require('./hooks/useRecoverFocusCol.js');
-require('./parts/Headers/RequiredDot.js');
-require('./parts/SortableHeaderCell.js');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('./parts/HoC/withConditionalDnDSortableContext.js');
-require('./parts/Headers/EmptyChildrenGroup.js');
-require('./configs/fixedSizes.js');
-require('./parts/Loader.js');
-require('@elliemae/ds-system');
+var zIndexInternalConfig = require('./configs/zIndexInternalConfig.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
+
+const styledFocusCss = _ref => {
+  let {
+    theme
+  } = _ref;
+  return "\n&:after {\n  display: block;\n  content: ' ';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  border: 2px solid ".concat(theme.colors.brand[700], ";\n  pointer-events: none;\n  z-index: ").concat(zIndexInternalConfig.ZIndexDataTable.FOCUS_BORDER, ";\n}");
+};
+
+const StyledFocusWithin = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
+  componentId: "sc-38sgfo-0"
+})([":focus-within{", "}"], props => props.hideFocus ? '' : styledFocusCss(props));
+const StyledDataTableWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-38sgfo-1"
+})(["width:", ";height:", ";user-select:", ";"], props => {
+  var _props$width;
+
+  return sizeToCss.sizeToCss((_props$width = props.width) !== null && _props$width !== void 0 ? _props$width : ' 100%');
+}, props => {
+  var _props$height;
+
+  return sizeToCss.sizeToCss((_props$height = props.height) !== null && _props$height !== void 0 ? _props$height : ' 100%');
+}, _ref2 => {
+  let {
+    noSelectionAllowed
+  } = _ref2;
+  return noSelectionAllowed ? 'none' : 'auto';
+});
+const StyledTableWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-38sgfo-2"
+})(["display:inline-block;border-spacing:0;z-index:0;position:relative;", ""], _ref3 => {
+  let {
+    width = '100%',
+    height = '100%'
+  } = _ref3;
+  return "\n  width: ".concat(sizeToCss.sizeToCss(width), ";\n  height: ").concat(sizeToCss.sizeToCss(height), ";\n  ");
+});
+const StyledTableContentWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-38sgfo-3"
+})(["position:relative;", ""], _ref4 => {
+  let {
+    height = 'auto'
+  } = _ref4;
+  return "\n  height: ".concat(sizeToCss.sizeToCss(height), ";\n  ");
+});
+const StyledVirtualListWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-38sgfo-4"
+})(["overflow:auto;", ""], _ref5 => {
+  let {
+    height = 'auto',
+    width = '100%'
+  } = _ref5;
+  return "\n  height: ".concat(sizeToCss.sizeToCss(height), ";\n  width: ").concat(sizeToCss.sizeToCss(width), ";\n  ");
+});
+/**
+ * HEADER
+ */
+
+const getGridTemplateColumnsStyle = _ref6 => {
+  let {
+    cols,
+    colsLayoutStyle = constants.ColsLayoutStyle.Auto
+  } = _ref6;
+  if (!cols) return '';
+
+  if (colsLayoutStyle === 'fixed') {
+    const widthAttr = cols.map(col => "minmax(0, ".concat(col, ")")).join(' ');
+    return "grid-template-columns: ".concat(widthAttr);
+  }
+
+  return "grid-template-columns: ".concat(cols.map(col => "minmax(0, ".concat(col, ")")).join(' '));
+};
+
+const StyledHeadWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-38sgfo-5"
+})(["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"
+})(["", ";", ";"], props => props.colsLayoutStyle === constants.ColsLayoutStyle.Auto ? 'width:100%' : '', props => getGridTemplateColumnsStyle({
+  cols: props.cols,
+  isExpandable: props.isExpandable,
+  colsLayoutStyle: props.colsLayoutStyle
+}));
+
+const getStyledHeadTHBorderColor = props => {
+  if (props.dragOverlay) return 'transparent';
+  if (props.isFirstRowGroup) return 'transparent';
+  return props.theme.colors.neutral['080'];
+};
+
+const StyledHeadTh = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-38sgfo-7"
+})(["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:relative;position:sticky;top:0;z-index:", ";display:flex;justify-content:space-between;box-sizing:border-box;border-right:1px solid ", ";border-bottom:1px solid ", ";outline:none;:focus{&:after{display:block;content:' ';position:absolute;top:0;left:0;right:-1px;bottom:-1px;border:2px solid ", ";pointer-events:none;z-index:", ";}}", ""], cellPadding.columnPadding, zIndexInternalConfig.ZIndexDataTable.HEADER_ROW, props => props.theme.colors.neutral['080'], getStyledHeadTHBorderColor, props => props.theme.colors.brand[700], zIndexInternalConfig.ZIndexDataTable.FOCUS_BORDER, props => props.isDraggingActive ? '' : ":hover {\n    border-bottom: 1px solid ".concat(props.isDragOverlay ? 'transparent' : props.theme.colors.brand[800], ";\n    cursor: pointer;\n  }"));
+const StyledHeaderRightIconsWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-38sgfo-8"
+})(["height:100%;display:flex;align-items:center;max-height:24px;"]);
+const StyledResizer = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-38sgfo-9"
+})(["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,
+    theme
+  } = _ref7;
+  return isResizing ? theme.colors.brand[600] : theme.colors.brand[400];
+}); // CELL ***********************************************************************/
 
+const StyledActionCell = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-38sgfo-10"
+})(["position:relative;position:sticky;display:inline-block;right:0;background:white;"]);
+const StyledCell = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-38sgfo-11"
+})(["", " display:flex;align-items:center;width:100%;position:relative;"], cellPadding.cellPadding);
+const StyledCellContent = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-38sgfo-12"
+})(["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"
+})([""]);
+const StyledEditableContainer = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
+  componentId: "sc-38sgfo-14"
+})(["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__default["default"](Grid__default["default"]).withConfig({
+  componentId: "sc-38sgfo-15"
+})(["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"
+})(["position:relative;background-color:", ";align-items:center;padding:0 ", ";border-top:1px solid ", ";grid-template-columns:min-content 1fr;"], _ref9 => {
+  let {
+    theme
+  } = _ref9;
+  return theme.colors.brand[200];
+}, props => props.padding, _ref10 => {
+  let {
+    theme
+  } = _ref10;
+  return theme.colors.brand[300];
+});
+const GroupHeaderTitle = /*#__PURE__*/styled__default["default"].span.withConfig({
+  componentId: "sc-38sgfo-17"
+})(["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"
+})(["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,
+  isExpandable: props.isExpandable
+}), _ref11 => {
+  let {
+    backgroundColor,
+    isDragging,
+    theme
+  } = _ref11;
+  return isDragging ? theme.colors.neutral[100] : backgroundColor || 'white';
+}, props => props.isDragOverlay ? '' : styledFocusCss(props), _ref12 => {
+  let {
+    isDropIndicatorPositionInside,
+    theme
+  } = _ref12;
+  if (!isDropIndicatorPositionInside) return '';
+  return styledFocusCss({
+    theme
+  });
+}, _ref13 => {
+  let {
+    shouldDisplayHover,
+    theme
+  } = _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');
 
-exports.GroupHeaderContainer = addons_Columns_ColumnExpand_ColumnExpand.GroupHeaderContainer;
-exports.GroupHeaderTitle = addons_Columns_ColumnExpand_ColumnExpand.GroupHeaderTitle;
-exports.StyledActionCell = addons_Columns_ColumnExpand_ColumnExpand.StyledActionCell;
-exports.StyledCell = addons_Columns_ColumnExpand_ColumnExpand.StyledCell;
-exports.StyledCellContainer = addons_Columns_ColumnExpand_ColumnExpand.StyledCellContainer;
-exports.StyledCellContent = addons_Columns_ColumnExpand_ColumnExpand.StyledCellContent;
-exports.StyledDataTableWrapper = addons_Columns_ColumnExpand_ColumnExpand.StyledDataTableWrapper;
-exports.StyledEditableContainer = addons_Columns_ColumnExpand_ColumnExpand.StyledEditableContainer;
-exports.StyledFocusWithin = addons_Columns_ColumnExpand_ColumnExpand.StyledFocusWithin;
-exports.StyledFullsizeGrid = addons_Columns_ColumnExpand_ColumnExpand.StyledFullsizeGrid;
-exports.StyledHeadTh = addons_Columns_ColumnExpand_ColumnExpand.StyledHeadTh;
-exports.StyledHeadTr = addons_Columns_ColumnExpand_ColumnExpand.StyledHeadTr;
-exports.StyledHeadWrapper = addons_Columns_ColumnExpand_ColumnExpand.StyledHeadWrapper;
-exports.StyledHeaderRightIconsWrapper = addons_Columns_ColumnExpand_ColumnExpand.StyledHeaderRightIconsWrapper;
-exports.StyledPencilIcon = addons_Columns_ColumnExpand_ColumnExpand.StyledPencilIcon;
-exports.StyledResizer = addons_Columns_ColumnExpand_ColumnExpand.StyledResizer;
-exports.StyledTableContentWrapper = addons_Columns_ColumnExpand_ColumnExpand.StyledTableContentWrapper;
-exports.StyledTableWrapper = addons_Columns_ColumnExpand_ColumnExpand.StyledTableWrapper;
-exports.StyledVirtualListWrapper = addons_Columns_ColumnExpand_ColumnExpand.StyledVirtualListWrapper;
-//# sourceMappingURL=styled.js.map
+exports.GroupHeaderContainer = GroupHeaderContainer;
+exports.GroupHeaderTitle = GroupHeaderTitle;
+exports.StyledActionCell = StyledActionCell;
+exports.StyledCell = StyledCell;
+exports.StyledCellContainer = StyledCellContainer;
+exports.StyledCellContent = StyledCellContent;
+exports.StyledDataTableWrapper = StyledDataTableWrapper;
+exports.StyledEditableContainer = StyledEditableContainer;
+exports.StyledFocusWithin = StyledFocusWithin;
+exports.StyledFullsizeGrid = StyledFullsizeGrid;
+exports.StyledHeadTh = StyledHeadTh;
+exports.StyledHeadTr = StyledHeadTr;
+exports.StyledHeadWrapper = StyledHeadWrapper;
+exports.StyledHeaderRightIconsWrapper = StyledHeaderRightIconsWrapper;
+exports.StyledPencilIcon = StyledPencilIcon;
+exports.StyledResizer = StyledResizer;
+exports.StyledTableContentWrapper = StyledTableContentWrapper;
+exports.StyledTableWrapper = StyledTableWrapper;
+exports.StyledVirtualListWrapper = StyledVirtualListWrapper;

package/cjs/types/FunctionalHoC.js

@@ -1,3 +1,2 @@
 'use strict';
 
-//# sourceMappingURL=FunctionalHoC.js.map

package/cjs/types/props.js

@@ -1,3 +1,2 @@
 'use strict';
 
-//# sourceMappingURL=props.js.map

package/esm/DataTable.js

@@ -1,9 +1,15 @@
+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 React, { useMemo, useRef } from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import { useMemo, useRef } from 'react';
 import { Provider } from 'react-redux';
 import { configureStore } from '@reduxjs/toolkit';
 import { describe } from 'react-desc';
-import { T as TableContent } from './styled-f76a0cd1.js';
+import TableContent from './parts/TableContent.js';
 import { storeConfig } from './redux/storeConfig.js';
 import DataTableContext, { defaultProps } from './DataTableContext.js';
 import { DATA_TESTID } from './configs/constants.js';
@@ -11,129 +17,35 @@ import { useDatatableConfig } from './configs/useDatatableConfig.js';
 import './configs/useRowFlattenization.js';
 import { FiltersBar } from './parts/FilterBar/FiltersBar.js';
 import { DataTableSchema } from './DataTableSchema.js';
-import 'styled-components';
-import '@elliemae/ds-grid';
-import '@elliemae/ds-icons';
-import './helpers/sizeToCss.js';
-import './helpers/cellPadding.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import 'react-virtual';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import '@elliemae/ds-form';
-import '@babel/runtime/helpers/esm/extends';
-import './addons/Pagination/Pagination.js';
-import '@elliemae/ds-pagination';
-import '@elliemae/ds-indeterminate-progress-indicator';
-import '@elliemae/ds-circular-progress-indicator';
-import './parts/EmptyContent.js';
-import '@elliemae/ds-system';
-import '@elliemae/ds-button';
-import 'prop-types';
-import './helpers/refs-helpers.js';
-import './parts/HoC/SortableItemContext.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-popperjs';
-import './redux/reducers/index.js';
-import 'redux';
-import './redux/reducers/headersReducers/headersReducers.js';
-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 './parts/Footer.js';
-import '@elliemae/ds-utilities';
-import 'uid';
-import './exported-related/RowVariants.js';
-import './exported-related/Filters/singleSelectFilterFn.js';
-import './exported-related/Filters/multiSelectFilterFn.js';
-import './exported-related/Filters/textFilterFn.js';
-import 'moment';
-import './exported-related/Filters/numberRangeFilterFn.js';
-import './exported-related/Filters/currencyRangeFilterFn.js';
-import './exported-related/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 './exported-related/RowRenderer/useRowRendererProperties.js';
-import './exported-related/RowRenderer/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 '@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/usePaginationConfig.js';
-import './configs/useTableColsWithAddons.js';
-import './helpers/getIdFromUniqueRowAccessor.js';
-import './parts/FilterBar/components/DateRangePill.js';
-import '@elliemae/ds-pills';
-import './parts/FilterBar/components/DateSwitcherPill.js';
-import './parts/FilterBar/components/MultiSelectPill.js';
-import './parts/FilterBar/components/NumberRangePill.js';
-import './parts/FilterBar/components/SelectPill.js';
-import './parts/FilterBar/components/SingleDatePill.js';
-import './parts/FilterBar/components/TextPill.js';
-import './parts/FilterBar/styled.js';
-import '@elliemae/ds-dropdownmenu';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var _FiltersBar;
 
 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 DataTable = function DataTable(props) {
-  var withFilterBar = props.withFilterBar;
-  var reduxStore = useMemo(function () {
-    return configureStore(storeConfig);
-  }, []);
-  var tableWrapperRef = useRef();
-  var tableContentWrapperRef = useRef();
-  var ctx = useDatatableConfig(props);
-  return /*#__PURE__*/React.createElement(Provider, {
+const DataTable = props => {
+  const {
+    withFilterBar
+  } = props;
+  const reduxStore = useMemo(() => configureStore(storeConfig), []);
+  const tableWrapperRef = useRef();
+  const tableContentWrapperRef = useRef();
+  const ctx = useDatatableConfig(props);
+  return /*#__PURE__*/_jsx(Provider, {
     store: reduxStore
-  }, /*#__PURE__*/React.createElement(DataTableContext.Provider, {
+  }, void 0, /*#__PURE__*/_jsx(DataTableContext.Provider, {
     value: ctx
-  }, /*#__PURE__*/React.createElement("div", {
+  }, void 0, /*#__PURE__*/jsxs("div", {
     ref: tableWrapperRef,
-    "data-testid": DATA_TESTID.DATA_TABLE_WRAPPER
-  }, withFilterBar ? /*#__PURE__*/React.createElement(FiltersBar, null) : null, /*#__PURE__*/React.createElement(TableContent, {
-    ref: tableContentWrapperRef
-  }))));
+    "data-testid": DATA_TESTID.DATA_TABLE_WRAPPER,
+    children: [withFilterBar ? _FiltersBar || (_FiltersBar = /*#__PURE__*/_jsx(FiltersBar, {})) : null, /*#__PURE__*/jsx(TableContent, {
+      ref: tableContentWrapperRef
+    })]
+  })));
 };
-DataTable.propTypes = DataTableSchema;
 DataTable.defaultProps = _objectSpread({}, defaultProps);
-var DataTableWithSchema = describe(DataTable).description('Data Table');
+const DataTableWithSchema = describe(DataTable).description('Data Table');
 DataTableWithSchema.propTypes = DataTableSchema;
 
 export { DataTable, DataTableWithSchema };
-//# sourceMappingURL=DataTable.js.map

package/esm/DataTableContext.js

@@ -1,13 +1,11 @@
 import { createContext, createRef } from 'react';
 import { ColsLayoutStyle } from './configs/constants.js';
 
-var defaultProps = {
+const defaultProps = {
   height: '100%',
   width: '100%',
   renderRowActions: false,
-  getRowVariant: function getRowVariant() {
-    return 'ds-primary-row';
-  },
+  getRowVariant: () => 'ds-primary-row',
   isExpandable: false,
   uniqueRowAccessor: undefined,
   expandedRows: {},
@@ -22,53 +20,29 @@ var defaultProps = {
   noResultsMessage: 'No Results Found',
   dragAndDropRows: false,
   maxDragAndDropLevel: 1,
-  onRowsReorder: function onRowsReorder() {
-    return null;
-  },
+  onRowsReorder: () => null,
   dragAndDropColumns: false,
-  onColumnsReorder: function onColumnsReorder() {
-    return null;
-  },
-  onColumnResize: function onColumnResize() {
-    return null;
-  },
-  onRowClick: function onRowClick() {
-    return null;
-  },
-  onRowFocus: function onRowFocus() {
-    return null;
-  },
+  onColumnsReorder: () => null,
+  onColumnResize: () => null,
+  onRowClick: () => null,
+  onRowFocus: () => null,
   noSelectionColumn: false,
   selectSingle: false,
   selection: undefined,
-  onSelectionChange: function onSelectionChange() {
-    return null;
-  },
+  onSelectionChange: () => null,
   // selectionHashMap -> { ...[id]: enum(true/'mixed'/false) }
   textWrap: 'wrap',
   isNoMoreDataAppended: false,
   noMoreDataMessage: 'No more to show.',
-  onCellValueChange: function onCellValueChange() {
-    return null;
-  },
-  onFiltersChange: function onFiltersChange() {
-    return null;
-  },
-  onFilteredDataChange: function onFilteredDataChange() {
-    return null;
-  },
-  onPageChanged: function onPageChanged() {
-    return null;
-  },
-  onRowExpand: function onRowExpand() {
-    return null;
-  },
+  onCellValueChange: () => null,
+  onFiltersChange: () => null,
+  onFilteredDataChange: () => null,
+  onPageChanged: () => null,
+  onRowExpand: () => null,
   customSortLogic: false,
-  onColumnSortChange: function onColumnSortChange() {
-    return null;
-  }
+  onColumnSortChange: () => null
 };
-var defaultRelativeRowMouseCoord = {
+const defaultRelativeRowMouseCoord = {
   isBefore: false,
   isAfter: false,
   isValid: true,
@@ -80,7 +54,7 @@ var defaultRelativeRowMouseCoord = {
 };
 /** Context for cross component communication */
 
-var DataTableContext = /*#__PURE__*/createContext({
+const DataTableContext = /*#__PURE__*/createContext({
   tableProps: defaultProps,
   layoutHelpers: {},
   flattenedData: [],
@@ -92,4 +66,3 @@ var DataTableContext = /*#__PURE__*/createContext({
 });
 
 export { DataTableContext as default, defaultProps, defaultRelativeRowMouseCoord };
-//# sourceMappingURL=DataTableContext.js.map