@elliemae/ds-data-table 2.2.0-alpha.2 → 2.2.0-beta.0

package/esm/configs/useTableColsWithAddons.js

@@ -1,57 +1,61 @@
-import * as React from "react";
-import { createRef, useMemo } from "react";
-import {
-  dragHandleColumn,
-  expandRowColumn,
-  actionColumn,
-  singleSelectColumn,
-  multiSelectColumn
-} from "../addons/Columns";
-const augmentColumns = (columns) => {
-  const augmentColumn = (column, index, parentId = null, depth = 0) => {
-    let id = `column${index}`;
-    if (typeof column.Header === "string")
-      id = column.Header;
-    if (typeof column.accessor === "string")
-      id = column.accessor;
-    if (column.columns)
-      column.columns = column.columns.map((col, i) => augmentColumn(col, i, id, depth + 1));
-    return {
+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 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { useMemo, createRef } from 'react';
+import { actionColumn } from '../addons/Columns/ColumnAction/ColumnAction.js';
+import { expandRowColumn } from '../addons/Columns/ColumnExpand/ColumnExpand.js';
+import { multiSelectColumn } from '../addons/Columns/ColumnSelectMultiple/ColumnSelectMultiple.js';
+import { singleSelectColumn } from '../addons/Columns/ColumnSelectSingle/ColumnSelectSingle.js';
+import { dragHandleColumn } from '../addons/Columns/ColumnDragHandle/ColumnDragHandle.js';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+const augmentColumns = columns => {
+  const augmentColumn = function (column, index) {
+    let parentId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+    let depth = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+    let id = "column".concat(index);
+    if (typeof column.Header === 'string') id = column.Header;
+    if (typeof column.accessor === 'string') id = column.accessor;
+    if (column.columns) column.columns = column.columns.map((col, i) => augmentColumn(col, i, id, depth + 1));
+    return _objectSpread(_objectSpread({
       id,
       parentId,
-      depth,
-      ...column,
-      ref: createRef()
-    };
+      depth
+    }, column), {}, {
+      ref: /*#__PURE__*/createRef()
+    });
   };
+
   return columns.map((col, index) => augmentColumn(col, index));
 };
-const useTableColsWithAddons = ({
-  columns,
-  renderRowActions,
-  isExpandable,
-  selectSingle,
-  selection,
-  dragAndDropRows,
-  noSelectionColumn
-}) => useMemo(() => {
-  const columnsWithAddons = [...augmentColumns(columns)];
-  if (isExpandable)
-    columnsWithAddons.unshift(expandRowColumn);
-  if (selection && !noSelectionColumn)
-    if (selectSingle)
-      columnsWithAddons.unshift(singleSelectColumn);
-    else
-      columnsWithAddons.unshift(multiSelectColumn);
-  if (dragAndDropRows)
-    columnsWithAddons.unshift(dragHandleColumn);
-  if (renderRowActions)
-    columnsWithAddons.push(actionColumn(renderRowActions));
-  return columnsWithAddons;
-}, [columns, isExpandable, selection, noSelectionColumn, selectSingle, dragAndDropRows, renderRowActions]);
-var useTableColsWithAddons_default = useTableColsWithAddons;
-export {
-  useTableColsWithAddons_default as default,
-  useTableColsWithAddons
+
+const useTableColsWithAddons = _ref => {
+  let {
+    columns,
+    renderRowActions,
+    isExpandable,
+    selectSingle,
+    selection,
+    dragAndDropRows,
+    noSelectionColumn
+  } = _ref;
+  return useMemo(() => {
+    const columnsWithAddons = [...augmentColumns(columns)];
+    if (isExpandable) columnsWithAddons.unshift(expandRowColumn);
+    if (selection && !noSelectionColumn) if (selectSingle) columnsWithAddons.unshift(singleSelectColumn);else columnsWithAddons.unshift(multiSelectColumn);
+    if (dragAndDropRows) columnsWithAddons.unshift(dragHandleColumn);
+    if (renderRowActions) columnsWithAddons.push(actionColumn(renderRowActions));
+    return columnsWithAddons;
+  }, [columns, isExpandable, selection, noSelectionColumn, selectSingle, dragAndDropRows, renderRowActions]);
 };
-//# sourceMappingURL=useTableColsWithAddons.js.map
+
+export { useTableColsWithAddons as default };

package/esm/configs/zIndexInternalConfig.js

@@ -1,4 +1,3 @@
-import * as React from "react";
 const ZIndexDataTable = {
   ROW: 0,
   EXTERNAL: 0,
@@ -7,7 +6,5 @@ const ZIndexDataTable = {
   DROP_INDICATOR: 6,
   FOCUS_BORDER: 7
 };
-export {
-  ZIndexDataTable
-};
-//# sourceMappingURL=zIndexInternalConfig.js.map
+
+export { ZIndexDataTable };

package/esm/exported-related/EditableCell.js

@@ -1,43 +1,58 @@
-import * as React from "react";
-import React2, { useState, useCallback, useContext, useLayoutEffect } from "react";
-import PropTypes from "prop-types";
-import { StyledPencilIcon, StyledEditableContainer } from "../styled";
-import { DataTableContext } from "../DataTableContext";
-const EditableCell = (props) => {
-  const { StandardRender, EditableRenderer, cell, isRowSelected, setValue } = props;
-  const { virtualListHelpers } = useContext(DataTableContext);
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { useContext, useState, useLayoutEffect, useCallback } from 'react';
+import { StyledEditableContainer, StyledPencilIcon } from '../styled.js';
+import DataTableContext from '../DataTableContext.js';
+import { jsxs } from 'react/jsx-runtime';
+
+var _StyledPencilIcon;
+const EditableCell = props => {
+  const {
+    StandardRender,
+    EditableRenderer,
+    cell,
+    isRowSelected,
+    setValue
+  } = props;
+  const {
+    virtualListHelpers
+  } = useContext(DataTableContext);
   const [isEditing, setIsEditing] = useState(false);
-  const [lastIsEditing, setLastIsEditing] = useState(false);
+  const [lastIsEditing, setLastIsEditing] = useState(false); // When an editable cell is switched on-off, we recalculate the height of the rows
+
   useLayoutEffect(() => {
     if (isEditing !== lastIsEditing) {
       virtualListHelpers.measure();
       setLastIsEditing(isEditing);
-    }
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
   }, [isEditing]);
-  const handleCellClick = useCallback((e) => {
+  const handleCellClick = useCallback(e => {
     if (!isEditing) {
       e.stopPropagation();
       setIsEditing(true);
     }
   }, [isEditing]);
-  const handleOnKeyDown = useCallback((e) => {
+  const handleOnKeyDown = useCallback(e => {
     if (isEditing) {
       e.stopPropagation();
-      if (["Enter", "Escape"].includes(e.code)) {
+
+      if (['Enter', 'Escape'].includes(e.code)) {
         setIsEditing(false);
       }
-    } else if (["Enter", "Space"].includes(e.code)) {
+    } else if (['Enter', 'Space'].includes(e.code)) {
       handleCellClick(e);
     }
   }, [isEditing, handleCellClick, setIsEditing]);
-  const handleOnBlur = useCallback((event) => {
+  const handleOnBlur = useCallback(event => {
     if (isEditing && !event.currentTarget.contains(event.relatedTarget)) {
+      // Not triggered when swapping focus between children
       setIsEditing(false);
     }
   }, [isEditing]);
-  const cols = !isEditing ? ["auto", "min-content"] : ["auto"];
-  return /* @__PURE__ */ React2.createElement(StyledEditableContainer, {
-    cols,
+  const cols = !isEditing ? ['auto', 'min-content'] : ['auto'];
+  return /*#__PURE__*/jsxs(StyledEditableContainer, {
+    cols: cols,
     tabIndex: isRowSelected && !isEditing ? 0 : -1,
     ref: cell.ref,
     onClick: handleCellClick,
@@ -45,19 +60,15 @@ const EditableCell = (props) => {
     onBlur: handleOnBlur,
     shouldDisplayEditIcon: cell.column.alwaysDisplayEditIcon,
     role: "cell",
-    "aria-labelledby": isEditing ? void 0 : cell.id
-  }, !isEditing ? StandardRender : EditableRenderer, !isEditing && /* @__PURE__ */ React2.createElement(StyledPencilIcon, null), /* @__PURE__ */ React2.createElement("span", {
-    id: cell.id,
-    style: { display: "none" },
-    "aria-hidden": "true"
-  }, cell.value, ", editable cell. To edit the content's of this cell, press the Enter key"));
-};
-EditableCell.propTypes = {
-  StandardRender: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).isRequired,
-  EditableRenderer: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).isRequired,
-  cell: PropTypes.object.isRequired
-};
-export {
-  EditableCell
+    "aria-labelledby": isEditing ? undefined : cell.id,
+    children: [!isEditing ? StandardRender : EditableRenderer, !isEditing && (_StyledPencilIcon || (_StyledPencilIcon = /*#__PURE__*/_jsx(StyledPencilIcon, {}))), /*#__PURE__*/_jsx("span", {
+      id: cell.id,
+      style: {
+        display: 'none'
+      },
+      "aria-hidden": "true"
+    }, void 0, cell.value, ", editable cell. To edit the content's of this cell, press the Enter key")]
+  });
 };
-//# sourceMappingURL=EditableCell.js.map
+
+export { EditableCell };

package/esm/exported-related/FilterPopover.js

@@ -1,88 +1,137 @@
-import * as React from "react";
-import React2, { useRef, useState } from "react";
-import { DSButton } from "@elliemae/ds-button";
-import { DSPopperJS } from "@elliemae/ds-popperjs";
-import styled from "styled-components";
-import { useDispatchHeadersActions } from "../redux/reducers";
-import { DATA_TESTID } from "../configs/constants";
-const FilterButton = styled.span`
-  display: inline-grid;
-  ${(props) => props.hide ? "opacity: 0; display: none; width: 0;" : ""}
-`;
-const Button = styled(DSButton)`
-  position: relative;
-  justify-self: flex-end;
-`;
-const PopperContent = styled.div`
-  background-color: #fff;
-`;
-const FilterPopover = ({
-  column,
-  columnId,
-  triggerIcon,
-  menuContent,
-  onTriggerClick = () => null,
-  onClickOutsideMenu = () => null,
-  reduxHeader,
-  innerRef,
-  ariaLabel,
-  customStyles
-}) => {
-  const { hideFilterButton, hideFilterMenu } = reduxHeader || {
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { useRef, useState } from 'react';
+import DSButton from '@elliemae/ds-button';
+import { DSPopperJS } from '@elliemae/ds-popperjs';
+import styled from 'styled-components';
+import '../redux/reducers/index.js';
+import { DATA_TESTID } from '../configs/constants.js';
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
+import 'react-virtual';
+import '../configs/useRowFlattenization.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import '@elliemae/ds-icons';
+import '../styled.js';
+import { jsx } from 'react/jsx-runtime';
+import '@elliemae/ds-form';
+import '../parts/TableContent.js';
+import '@elliemae/ds-grid';
+import '@elliemae/ds-circular-progress-indicator';
+import '@elliemae/ds-system';
+import '../DataTableContext.js';
+import '../parts/Row.js';
+import '../parts/Footer.js';
+import '../parts/HoC/SortableItemContext.js';
+import { useDispatchHeadersActions } from '../redux/reducers/headersReducers/useDispatchHeadersActions.js';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const FilterButton = /*#__PURE__*/styled.span.withConfig({
+  componentId: "sc-16i88ut-0"
+})(["display:inline-grid;", ""], props => props.hide ? 'opacity: 0; display: none; width: 0;' : '');
+const Button = /*#__PURE__*/styled(DSButton).withConfig({
+  componentId: "sc-16i88ut-1"
+})(["position:relative;justify-self:flex-end;"]);
+const PopperContent = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-16i88ut-2"
+})(["background-color:#fff;"]);
+const FilterPopover = _ref2 => {
+  var _column$ref$current$o, _column$ref, _column$ref$current;
+
+  let {
+    column,
+    columnId,
+    triggerIcon,
+    menuContent,
+    onTriggerClick = () => null,
+    onClickOutsideMenu = () => null,
+    reduxHeader,
+    innerRef,
+    ariaLabel,
+    customStyles
+  } = _ref2;
+  const {
+    hideFilterButton,
+    hideFilterMenu
+  } = reduxHeader || {
     hideFilterButton: true,
     hideFilterMenu: true
   };
   const popperRef = useRef(null);
-  const { patchHeaderFilterButtonAndMenu, patchHeader } = useDispatchHeadersActions();
+  const {
+    patchHeaderFilterButtonAndMenu,
+    patchHeader
+  } = useDispatchHeadersActions();
   const isIconVisible = !hideFilterButton || !hideFilterMenu;
   const isMenuOpen = !hideFilterMenu;
-  const handleClickOutsideMenu = (e) => {
+
+  const handleClickOutsideMenu = e => {
     onClickOutsideMenu(columnId, e);
-    if (isMenuOpen)
-      patchHeaderFilterButtonAndMenu(columnId, true);
+    if (isMenuOpen) patchHeaderFilterButtonAndMenu(columnId, true);
   };
-  const handleTriggerClick = (e) => {
+
+  const handleTriggerClick = e => {
     onTriggerClick(columnId, e);
     patchHeaderFilterButtonAndMenu(columnId, false);
     e.stopPropagation();
   };
+
   const [referenceElement, setReferenceElement] = useState(null);
-  return /* @__PURE__ */ React2.createElement("div", {
-    onClick: (e) => e.stopPropagation(),
-    onKeyDown: (e) => {
+  return /*#__PURE__*/_jsx("div", {
+    // This is here to prevent propagation, and not trigger the sort functionality
+    onClick: e => e.stopPropagation(),
+    onKeyDown: e => {
       e.stopPropagation();
-      if (e.code === "Escape") {
-        patchHeader(columnId, { hideFilterMenu: true, hideFilterButton: false });
+
+      if (e.code === 'Escape') {
+        patchHeader(columnId, {
+          hideFilterMenu: true,
+          hideFilterButton: false
+        });
         referenceElement.focus();
-      }
-      if (["ArrowUp", "ArrowDown"].includes(e.code)) {
+      } // Stop propagation for some reason is not enough to prevent scrolling of the datatable
+      // so we just prevent default behaviour in this case
+
+
+      if (['ArrowUp', 'ArrowDown'].includes(e.code)) {
         e.preventDefault();
       }
     },
-    style: { display: "flex" },
-    onBlur: (e) => {
+    style: {
+      display: 'flex'
+    },
+    onBlur: e => {
       if (e.target !== referenceElement && !popperRef.current.contains(e.relatedTarget)) {
         referenceElement.focus();
       }
     }
-  }, /* @__PURE__ */ React2.createElement(FilterButton, {
+  }, void 0, /*#__PURE__*/_jsx(FilterButton, {
     hide: !isIconVisible,
     "data-testid": DATA_TESTID.DATA_TABLE_FILTER_BUTTON
-  }, /* @__PURE__ */ React2.createElement(Button, {
+  }, void 0, /*#__PURE__*/_jsx(Button, {
     onClick: handleTriggerClick,
     buttonType: "text",
     "aria-label": ariaLabel,
     "aria-hidden": "true",
     size: "s",
-    leftIcon: triggerIcon,
-    innerRef: (_ref) => {
-      if (isIconVisible)
-        setReferenceElement(_ref);
+    leftIcon: triggerIcon // implement treeview mergerefs
+    ,
+    innerRef: _ref => {
+      if (isIconVisible) setReferenceElement(_ref);
       innerRef.current = _ref;
     },
-    tabIndex: reduxHeader?.withTabStops ? 0 : -1
-  })), /* @__PURE__ */ React2.createElement(DSPopperJS, {
-    referenceElement,
+    tabIndex: reduxHeader !== null && reduxHeader !== void 0 && reduxHeader.withTabStops ? 0 : -1
+  })), /*#__PURE__*/_jsx(DSPopperJS, {
+    referenceElement: referenceElement,
     showPopover: isMenuOpen,
     closeContextMenu: handleClickOutsideMenu,
     "data-testid": DATA_TESTID.DATA_TABLE_FILTER_MENU_CONTENT,
@@ -91,25 +140,28 @@ const FilterPopover = ({
     withoutArrow: true,
     zIndex: 10,
     withoutAnimation: true,
-    extraPopperStyles: {
-      ...customStyles,
-      minWidth: column.ref?.current?.offsetWidth ?? "0px"
-    },
-    placementOrderPreference: ["bottom-end"]
-  }, /* @__PURE__ */ React2.createElement(PopperContent, {
-    onKeyDown: (e) => {
-      if (e.code === "Tab") {
+    extraPopperStyles: _objectSpread(_objectSpread({}, customStyles), {}, {
+      minWidth: (_column$ref$current$o = (_column$ref = column.ref) === null || _column$ref === void 0 ? void 0 : (_column$ref$current = _column$ref.current) === null || _column$ref$current === void 0 ? void 0 : _column$ref$current.offsetWidth) !== null && _column$ref$current$o !== void 0 ? _column$ref$current$o : '0px'
+    }),
+    placementOrderPreference: ['bottom-end']
+  }, void 0, /*#__PURE__*/jsx(PopperContent, {
+    onKeyDown: e => {
+      if (e.code === 'Tab') {
         setTimeout(() => {
-          if (!popperRef?.current?.contains(document.activeElement)) {
-            patchHeader(columnId, { hideFilterMenu: true, hideFilterButton: false });
+          var _popperRef$current;
+
+          if (!(popperRef !== null && popperRef !== void 0 && (_popperRef$current = popperRef.current) !== null && _popperRef$current !== void 0 && _popperRef$current.contains(document.activeElement))) {
+            patchHeader(columnId, {
+              hideFilterMenu: true,
+              hideFilterButton: false
+            });
           }
         });
       }
     },
-    ref: popperRef
-  }, menuContent)));
-};
-export {
-  FilterPopover
+    ref: popperRef,
+    children: menuContent
+  })));
 };
-//# sourceMappingURL=FilterPopover.js.map
+
+export { FilterPopover };

package/esm/exported-related/FilterTypes.js

@@ -1,14 +1,11 @@
-import * as React from "react";
 const FILTER_TYPES = {
-  SELECT: "ds-filter-select",
-  MULTI_SELECT: "ds-filter-multi-select",
-  SINGLE_DATE: "ds-filter-single-date",
-  DATE_RANGE: "ds-filter-date-range",
-  DATE_SWITCHER: "ds-filter-date-switcher",
-  NUMBER_RANGE: "ds-filter-number-range",
-  CURRENCY_RANGE: "ds-filter-currency-range"
+  SELECT: 'ds-filter-select',
+  MULTI_SELECT: 'ds-filter-multi-select',
+  SINGLE_DATE: 'ds-filter-single-date',
+  DATE_RANGE: 'ds-filter-date-range',
+  DATE_SWITCHER: 'ds-filter-date-switcher',
+  NUMBER_RANGE: 'ds-filter-number-range',
+  CURRENCY_RANGE: 'ds-filter-currency-range'
 };
-export {
-  FILTER_TYPES
-};
-//# sourceMappingURL=FilterTypes.js.map
+
+export { FILTER_TYPES };

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

@@ -1,12 +1,16 @@
-import * as React from "react";
-import { singleSelectFilterFn } from "./singleSelectFilterFn";
-import { multiSelectFilterFn } from "./multiSelectFilterFn";
-import { singleDateFilterFn } from "./singleDateFilterFn";
-import { dateRangeFilterFn } from "./dateRangeFilterFn";
-import { dateSwitcherFilterFn } from "./dateSwitcherFilterFn";
-import { numberRangeFilterFn } from "./numberRangeFilterFn";
-import { currencyRangeFilterFn } from "./currencyRangeFilterFn";
-import { FILTER_TYPES } from "../FilterTypes";
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import { singleSelectFilterFn } from './singleSelectFilterFn.js';
+import { multiSelectFilterFn } from './multiSelectFilterFn.js';
+import { singleDateFilterFn } from './singleDateFilterFn.js';
+import { dateRangeFilterFn } from './dateRangeFilterFn.js';
+import { dateSwitcherFilterFn } from './dateSwitcherFilterFn.js';
+import { numberRangeFilterFn } from './numberRangeFilterFn.js';
+import { currencyRangeFilterFn } from './currencyRangeFilterFn.js';
+import { FILTER_TYPES } from '../FilterTypes.js';
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const filterMapper = {
   [FILTER_TYPES.SELECT]: singleSelectFilterFn,
   [FILTER_TYPES.MULTI_SELECT]: multiSelectFilterFn,
@@ -18,14 +22,12 @@ const filterMapper = {
 };
 const applyOutOfTheBoxFilters = (data, filters) => {
   let filteredData = data;
-  filters.forEach((filter) => {
+  filters.forEach(filter => {
     if (filter.type in filterMapper) {
       filteredData = filterMapper[filter.type](filteredData, filter.id, filter.value);
     }
   });
   return filteredData;
 };
-export {
-  applyOutOfTheBoxFilters
-};
-//# sourceMappingURL=applyOutOfTheBoxFilters.js.map
+
+export { applyOutOfTheBoxFilters };

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

@@ -1,20 +1,20 @@
-import * as React from "react";
-const getNumber = (str) => {
-  if (str === null)
-    return null;
-  if (typeof str === "number")
-    return str;
-  if (typeof str !== "string")
-    return null;
-  return Number.parseFloat(str.split("").filter((x) => ![",", "$"].includes(x)).join(""));
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+
+const getNumber = str => {
+  if (str === null) return null;
+  if (typeof str === 'number') return str;
+  if (typeof str !== 'string') return null;
+  return Number.parseFloat(str.split('').filter(x => ![',', '$'].includes(x)).join(''));
 };
-const isEmpty = (number) => Number.isNaN(number) || number === null || number === void 0;
+
+const isEmpty = number => Number.isNaN(number) || number === null || number === undefined;
+
 const currencyRangeFilterFn = (unfilteredData, filterKey, filterValue) => {
   const fromNumber = getNumber(filterValue.from);
   const toNumber = getNumber(filterValue.to);
-  return unfilteredData.filter((datum) => isEmpty(fromNumber) || isEmpty(toNumber) || getNumber(datum[filterKey]) >= fromNumber && getNumber(datum[filterKey]) <= toNumber);
+  return unfilteredData.filter(datum => isEmpty(fromNumber) || isEmpty(toNumber) || getNumber(datum[filterKey]) >= fromNumber && getNumber(datum[filterKey]) <= toNumber);
 };
-export {
-  currencyRangeFilterFn
-};
-//# sourceMappingURL=currencyRangeFilterFn.js.map
+
+export { currencyRangeFilterFn };

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

@@ -1,8 +1,37 @@
-import * as React from "react";
-import moment from "moment";
-import { momentFormat } from "../../configs/constants";
-const dateRangeFilterFn = (unfilteredData, filterKey, filterValue) => unfilteredData.filter((datum) => !(filterValue?.startDate && filterValue?.endDate) || moment(filterValue?.startDate, momentFormat).isSameOrBefore(datum[filterKey], "day") && moment(filterValue?.endDate, momentFormat).isSameOrAfter(datum[filterKey], "day"));
-export {
-  dateRangeFilterFn
-};
-//# sourceMappingURL=dateRangeFilterFn.js.map
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import moment from 'moment';
+import { momentFormat } from '../../configs/constants.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
+import 'react';
+import 'react-virtual';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import '../../configs/useRowFlattenization.js';
+import '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import '@babel/runtime/helpers/esm/jsx';
+import '@elliemae/ds-icons';
+import 'styled-components';
+import '../../styled.js';
+import 'react/jsx-runtime';
+import '@elliemae/ds-form';
+import '../../parts/TableContent.js';
+import '@elliemae/ds-grid';
+import '@elliemae/ds-circular-progress-indicator';
+import '@elliemae/ds-system';
+import '@elliemae/ds-button';
+import '../../DataTableContext.js';
+import '../../parts/Row.js';
+import '../../parts/Footer.js';
+import '../../parts/HoC/SortableItemContext.js';
+
+// use file instead of index to avoid circular imports!
+
+const dateRangeFilterFn = (unfilteredData, filterKey, filterValue) => unfilteredData.filter(datum => !(filterValue !== null && filterValue !== void 0 && filterValue.startDate && filterValue !== null && filterValue !== void 0 && filterValue.endDate) || moment(filterValue === null || filterValue === void 0 ? void 0 : filterValue.startDate, momentFormat).isSameOrBefore(datum[filterKey], 'day') && moment(filterValue === null || filterValue === void 0 ? void 0 : filterValue.endDate, momentFormat).isSameOrAfter(datum[filterKey], 'day'));
+
+export { dateRangeFilterFn };