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

package/esm/addons/Filters/Components/SelectFilter/BaseSelectFilter.js

@@ -1,64 +1,132 @@
-import * as React from "react";
-import React2, { useState, useEffect, useMemo, useCallback } from "react";
-import { Grid } from "@elliemae/ds-grid";
-import { DSComboBox } from "@elliemae/ds-controlled-form";
-import { SearchXsmall } from "@elliemae/ds-icons";
-import { FilterPopover } from "../../../../exported-related";
-import { DATA_TESTID } from "../../../../configs/constants";
-const BaseSelectFilter = (props) => {
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+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 'core-js/modules/esnext.set.add-all.js';
+import 'core-js/modules/esnext.set.delete-all.js';
+import 'core-js/modules/esnext.set.difference.js';
+import 'core-js/modules/esnext.set.every.js';
+import 'core-js/modules/esnext.set.filter.js';
+import 'core-js/modules/esnext.set.find.js';
+import 'core-js/modules/esnext.set.intersection.js';
+import 'core-js/modules/esnext.set.is-disjoint-from.js';
+import 'core-js/modules/esnext.set.is-subset-of.js';
+import 'core-js/modules/esnext.set.is-superset-of.js';
+import 'core-js/modules/esnext.set.join.js';
+import 'core-js/modules/esnext.set.map.js';
+import 'core-js/modules/esnext.set.reduce.js';
+import 'core-js/modules/esnext.set.some.js';
+import 'core-js/modules/esnext.set.symmetric-difference.js';
+import 'core-js/modules/esnext.set.union.js';
+import 'core-js/modules/esnext.async-iterator.find.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.find.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import { useMemo, useState, useEffect, useCallback } from 'react';
+import { Grid } from '@elliemae/ds-grid';
+import { DSComboBox } from '@elliemae/ds-controlled-form';
+import { SearchXsmall } from '@elliemae/ds-icons';
+import { FilterPopover } from '../../../../exported-related/FilterPopover.js';
+import '../../../../styled.js';
+import '../../../../DataTableContext.js';
+import 'react/jsx-runtime';
+import 'styled-components';
+import '@elliemae/ds-button';
+import '@elliemae/ds-utilities';
+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 '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 '@elliemae/ds-form';
+import '../../../../parts/TableContent.js';
+import '@elliemae/ds-circular-progress-indicator';
+import '@elliemae/ds-system';
+import '../../../../parts/Row.js';
+import '../../../../parts/Footer.js';
+import '../../../../parts/HoC/SortableItemContext.js';
+import 'uid';
+import '../../../../exported-related/Filters/applyOutOfTheBoxFilters.js';
+import 'moment';
+import 'core-js/modules/esnext.async-iterator.some.js';
+import 'core-js/modules/esnext.iterator.some.js';
+
+var _SearchXsmall;
+const BaseSelectFilter = props => {
+  var _column$ref$current$o, _column$ref, _column$ref$current;
+
   const {
     isMulti = false,
     selectedItems,
     column,
     type,
-    column: { id, filterOptions: userFilterOptions },
+    column: {
+      id,
+      filterOptions: userFilterOptions
+    },
     ctx: {
-      tableProps: { data }
+      tableProps: {
+        data
+      }
     },
     reduxHeader,
     innerRef,
     onValueChange
   } = props;
   const filterOptions = useMemo(() => {
+    // If the user didn't provide options, use the available ones
     if (!userFilterOptions) {
-      const automaticFilters = [...new Set(data.map((datum) => datum[id].toString()))].map((item) => ({
-        type: "option",
+      const automaticFilters = [...new Set(data.map(datum => datum[id].toString()))].map(item => ({
+        type: 'option',
         dsId: item,
         value: item,
         label: item
       }));
       return automaticFilters;
-    }
-    if (Array.isArray(userFilterOptions))
-      return userFilterOptions;
+    } // If user provided the array itself, use it
+
+
+    if (Array.isArray(userFilterOptions)) return userFilterOptions; // Otherwise, it is a function
+
     return userFilterOptions();
   }, [data, id, userFilterOptions]);
-  const handleOnChange = (value) => {
+
+  const handleOnChange = value => {
     if (isMulti) {
       const multiSelectedItem = selectedItems;
-      const isFound = multiSelectedItem.find((item) => item.dsId === value.dsId);
+      const isFound = multiSelectedItem.find(item => item.dsId === value.dsId);
+
       if (isFound) {
-        onValueChange(type, multiSelectedItem.filter((item) => item.dsId !== value.dsId));
+        onValueChange(type, multiSelectedItem.filter(item => item.dsId !== value.dsId));
       } else {
         onValueChange(type, [...multiSelectedItem, value]);
       }
     } else {
       const singleSelectedItem = selectedItems;
-      onValueChange(type, singleSelectedItem?.dsId !== value.dsId ? value : null);
+      onValueChange(type, (singleSelectedItem === null || singleSelectedItem === void 0 ? void 0 : singleSelectedItem.dsId) !== value.dsId ? value : null);
     }
   };
+
   const [filters, setFilteredOptions] = useState(filterOptions);
   useEffect(() => {
     setFilteredOptions(filterOptions);
   }, [filterOptions]);
-  const filteredOptions = useCallback((filter) => filterOptions.filter((option) => option.type === "separator" || option.label.toLowerCase().includes(filter.toLowerCase())), [filterOptions]);
-  const handleOnFilter = useCallback((newFilter) => {
+  const filteredOptions = useCallback(filter => filterOptions.filter(option => option.type === 'separator' || option.label.toLowerCase().includes(filter.toLowerCase())), [filterOptions]);
+  const handleOnFilter = useCallback(newFilter => {
     setFilteredOptions(filteredOptions(newFilter));
   }, [filteredOptions]);
-  const Select = /* @__PURE__ */ React2.createElement(Grid, {
+
+  const Select = /*#__PURE__*/_jsx(Grid, {
     "data-testid": isMulti ? DATA_TESTID.DATA_TABLE_MULTISELECT_CONTROLLER : DATA_TESTID.DATA_TABLE_SINGLESELECT_CONTROLLER,
-    style: { background: "#fff", position: "relative" }
-  }, /* @__PURE__ */ React2.createElement(DSComboBox, {
+    style: {
+      background: '#fff',
+      position: 'relative'
+    }
+  }, void 0, /*#__PURE__*/_jsx(DSComboBox, {
     inline: true,
     autoFocus: true,
     options: filters,
@@ -67,22 +135,24 @@ const BaseSelectFilter = (props) => {
     onFilter: handleOnFilter,
     menuMaxHeight: 300
   }));
+
   const handleOnClickOutside = () => {
-    setFilteredOptions(filteredOptions(""));
+    setFilteredOptions(filteredOptions(''));
   };
-  return /* @__PURE__ */ React2.createElement(FilterPopover, {
-    reduxHeader,
-    column,
+
+  return /*#__PURE__*/_jsx(FilterPopover, {
+    reduxHeader: reduxHeader,
+    column: column,
     columnId: column.id,
     menuContent: Select,
-    triggerIcon: /* @__PURE__ */ React2.createElement(SearchXsmall, null),
-    innerRef,
+    triggerIcon: _SearchXsmall || (_SearchXsmall = /*#__PURE__*/_jsx(SearchXsmall, {})),
+    innerRef: innerRef,
     ariaLabel: "Open Selection Filter",
     onClickOutsideMenu: handleOnClickOutside,
-    customStyles: { width: column.ref?.current?.offsetWidth ?? "0px" }
+    customStyles: {
+      width: (_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'
+    }
   });
 };
-export {
-  BaseSelectFilter
-};
-//# sourceMappingURL=BaseSelectFilter.js.map
+
+export { BaseSelectFilter };

package/esm/addons/Filters/Components/SelectFilter/MultiSelectFilter.js

@@ -1,31 +1,68 @@
-import * as React from "react";
-import React2 from "react";
-import { BaseSelectFilter } from "./BaseSelectFilter";
-import { FILTER_TYPES } from "../../../../exported-related";
-import { DATA_TESTID } from "../../../../configs/constants";
-const MultiSelectFilter = ({
-  column,
-  ctx,
-  onValueChange,
-  patchHeaderFilterButtonAndMenu,
-  patchHeader,
-  reduxHeader,
-  filterValue,
-  innerRef
-}) => /* @__PURE__ */ React2.createElement(BaseSelectFilter, {
-  reduxHeader,
-  "data-testid": DATA_TESTID.DATA_TABLE_MULTISELECT_CONTROLLER,
-  isMulti: true,
-  column,
-  ctx,
-  selectedItems: filterValue ?? [],
-  type: FILTER_TYPES.MULTI_SELECT,
-  onValueChange,
-  patchHeaderFilterButtonAndMenu,
-  patchHeader,
-  innerRef
-});
-export {
-  MultiSelectFilter
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import { BaseSelectFilter } from './BaseSelectFilter.js';
+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 '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import '@elliemae/ds-button';
+import '@elliemae/ds-popperjs';
+import '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 '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 '@elliemae/ds-utilities';
+import 'uid';
+import { FILTER_TYPES } from '../../../../exported-related/FilterTypes.js';
+import '../../../../exported-related/Filters/applyOutOfTheBoxFilters.js';
+import 'moment';
+import 'core-js/modules/esnext.async-iterator.some.js';
+import 'core-js/modules/esnext.iterator.some.js';
+
+const MultiSelectFilter = _ref => {
+  let {
+    column,
+    ctx,
+    onValueChange,
+    patchHeaderFilterButtonAndMenu,
+    patchHeader,
+    reduxHeader,
+    filterValue,
+    innerRef
+  } = _ref;
+  return /*#__PURE__*/_jsx(BaseSelectFilter, {
+    reduxHeader: reduxHeader,
+    "data-testid": DATA_TESTID.DATA_TABLE_MULTISELECT_CONTROLLER,
+    isMulti: true,
+    column: column,
+    ctx: ctx,
+    selectedItems: filterValue !== null && filterValue !== void 0 ? filterValue : [],
+    type: FILTER_TYPES.MULTI_SELECT,
+    onValueChange: onValueChange,
+    patchHeaderFilterButtonAndMenu: patchHeaderFilterButtonAndMenu,
+    patchHeader: patchHeader,
+    innerRef: innerRef
+  });
 };
-//# sourceMappingURL=MultiSelectFilter.js.map
+
+export { MultiSelectFilter };

package/esm/addons/Filters/Components/SelectFilter/SingleSelectFilter.js

@@ -1,31 +1,68 @@
-import * as React from "react";
-import React2 from "react";
-import { BaseSelectFilter } from "./BaseSelectFilter";
-import { FILTER_TYPES } from "../../../../exported-related";
-import { DATA_TESTID } from "../../../../configs/constants";
-const SingleSelectFilter = ({
-  column,
-  ctx,
-  patchHeaderFilterButtonAndMenu,
-  patchHeader,
-  onValueChange,
-  filterValue,
-  reduxHeader,
-  innerRef
-}) => /* @__PURE__ */ React2.createElement(BaseSelectFilter, {
-  reduxHeader,
-  "data-testid": DATA_TESTID.DATA_TABLE_SINGLESELECT_CONTROLLER,
-  isSingle: true,
-  column,
-  ctx,
-  selectedItems: filterValue,
-  type: FILTER_TYPES.SELECT,
-  onValueChange,
-  patchHeaderFilterButtonAndMenu,
-  patchHeader,
-  innerRef
-});
-export {
-  SingleSelectFilter
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import { BaseSelectFilter } from './BaseSelectFilter.js';
+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 '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import '@elliemae/ds-button';
+import '@elliemae/ds-popperjs';
+import '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 '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 '@elliemae/ds-utilities';
+import 'uid';
+import { FILTER_TYPES } from '../../../../exported-related/FilterTypes.js';
+import '../../../../exported-related/Filters/applyOutOfTheBoxFilters.js';
+import 'moment';
+import 'core-js/modules/esnext.async-iterator.some.js';
+import 'core-js/modules/esnext.iterator.some.js';
+
+const SingleSelectFilter = _ref => {
+  let {
+    column,
+    ctx,
+    patchHeaderFilterButtonAndMenu,
+    patchHeader,
+    onValueChange,
+    filterValue,
+    reduxHeader,
+    innerRef
+  } = _ref;
+  return /*#__PURE__*/_jsx(BaseSelectFilter, {
+    reduxHeader: reduxHeader,
+    "data-testid": DATA_TESTID.DATA_TABLE_SINGLESELECT_CONTROLLER,
+    isSingle: true,
+    column: column,
+    ctx: ctx,
+    selectedItems: filterValue,
+    type: FILTER_TYPES.SELECT,
+    onValueChange: onValueChange,
+    patchHeaderFilterButtonAndMenu: patchHeaderFilterButtonAndMenu,
+    patchHeader: patchHeader,
+    innerRef: innerRef
+  });
 };
-//# sourceMappingURL=SingleSelectFilter.js.map
+
+export { SingleSelectFilter };

package/esm/addons/Filters/Components/SelectFilter/components.js

@@ -1,57 +1,23 @@
-import * as React from "react";
-import styled from "styled-components";
-const Wrapper = styled.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-`;
-const InputWrapper = styled.div`
-  width: 100%;
-  padding: 10px;
-`;
-const Input = styled.input`
-  width: 100%;
-  border: 1px solid #eee;
-  height: 25px;
-  &:focus {
-    outline: none;
-    border: 1px solid ${(props) => props.theme.colors.brand[600]};
-  }
-`;
-const MenuList = styled.div`
-  position: relative;
-  width: 100%;
-`;
-const MenuItem = styled.div`
-  display: flex;
-  box-sizing: border-box;
-  align-items: center;
-  white-space: wrap;
-  position: absolute; // needed to virtualization
-  top: 0;
-  left: 0;
-  width: 100%;
-  padding: 10px;
-  border: 1px solid transparent;
-  cursor: pointer;
-  &:hover {
-    border: 1px solid ${(props) => props.theme.colors.brand[600]};
-  }
-  &:focus {
-    border: 1px solid ${(props) => props.theme.colors.brand[600]};
-  }
-`;
-const VirtualListWrapper = styled.div`
-  width: 100%;
-  overflow: auto; // needed to virtualization
-  max-height: 300px;
-`;
-export {
-  Input,
-  InputWrapper,
-  MenuItem,
-  MenuList,
-  VirtualListWrapper,
-  Wrapper
-};
-//# sourceMappingURL=components.js.map
+import styled from 'styled-components';
+
+const Wrapper = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-px47an-0"
+})(["display:flex;flex-direction:column;align-items:center;"]);
+const InputWrapper = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-px47an-1"
+})(["width:100%;padding:10px;"]); // TODO: use dimsum text input
+
+const Input = /*#__PURE__*/styled.input.withConfig({
+  componentId: "sc-px47an-2"
+})(["width:100%;border:1px solid #eee;height:25px;&:focus{outline:none;border:1px solid ", ";}"], props => props.theme.colors.brand[600]);
+const MenuList = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-px47an-3"
+})(["position:relative;width:100%;"]);
+const MenuItem = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-px47an-4"
+})(["display:flex;box-sizing:border-box;align-items:center;white-space:wrap;position:absolute;top:0;left:0;width:100%;padding:10px;border:1px solid transparent;cursor:pointer;&:hover{border:1px solid ", ";}&:focus{border:1px solid ", ";}"], props => props.theme.colors.brand[600], props => props.theme.colors.brand[600]);
+const VirtualListWrapper = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-px47an-5"
+})(["width:100%;overflow:auto;max-height:300px;"]);
+
+export { Input, InputWrapper, MenuItem, MenuList, VirtualListWrapper, Wrapper };

package/esm/addons/Filters/Components/SelectFilter/useSelectFilterHandlers.js

@@ -1,63 +1,78 @@
-import * as React from "react";
-import { useCallback } from "react";
-import { focusNextMenuItem, focusPrevMenuItem } from "./utils";
-const useSelectFilterHandlers = ({
-  column: { id },
-  type,
-  isSingle,
-  isMulti,
-  selectedItems,
-  onValueChange,
-  patchHeaderFilterButtonAndMenu,
-  patchHeader
-}) => {
-  const handleSelectItem = useCallback((option) => {
+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/web.dom-collections.iterator.js';
+import { useCallback } from 'react';
+import { focusNextMenuItem, focusPrevMenuItem } from './utils.js';
+
+const useSelectFilterHandlers = _ref => {
+  let {
+    column: {
+      id
+    },
+    type,
+    isSingle,
+    isMulti,
+    selectedItems,
+    onValueChange,
+    patchHeaderFilterButtonAndMenu,
+    patchHeader
+  } = _ref;
+  const handleSelectItem = useCallback(option => {
     if (isSingle) {
       onValueChange(type, option);
     } else if (isMulti) {
       let nextSelectedItems = [];
+
       if (selectedItems.includes(option)) {
-        nextSelectedItems = selectedItems.filter((opt) => opt !== option);
+        nextSelectedItems = selectedItems.filter(opt => opt !== option);
       } else {
         nextSelectedItems = [...selectedItems, option];
       }
+
       onValueChange(type, nextSelectedItems);
     }
   }, [isSingle, isMulti, onValueChange, type, selectedItems]);
-  const onInputWrapperKeyDown = useCallback((e) => {
-    if (e.code === "ArrowDown")
-      focusNextMenuItem(e, -1);
+  const onInputWrapperKeyDown = useCallback(e => {
+    if (e.code === 'ArrowDown') focusNextMenuItem(e, -1);
   }, []);
-  const onMenuItemClick = useCallback((option) => () => {
+  const onMenuItemClick = useCallback(option => () => {
     handleSelectItem(option);
-    if (isSingle)
-      patchHeaderFilterButtonAndMenu(id, true);
+    if (isSingle) patchHeaderFilterButtonAndMenu(id, true);
   }, [handleSelectItem, id, isSingle, patchHeaderFilterButtonAndMenu]);
-  const onMenuItemKeyDown = useCallback((option, index, virtualIndex, inputRef, innerRef) => (e) => {
-    if (e.code === "ArrowUp") {
-      if (index === 0)
-        inputRef.current.focus();
-      else
-        focusPrevMenuItem(e, virtualIndex);
+  const onMenuItemKeyDown = useCallback((option, index, virtualIndex, inputRef, innerRef) => e => {
+    if (e.code === 'ArrowUp') {
+      if (index === 0) inputRef.current.focus();else focusPrevMenuItem(e, virtualIndex);
     }
-    if (e.code === "ArrowDown")
-      focusNextMenuItem(e, virtualIndex);
-    if (e.code === "Space") {
+
+    if (e.code === 'ArrowDown') focusNextMenuItem(e, virtualIndex);
+
+    if (e.code === 'Space') {
       e.preventDefault();
       handleSelectItem(option);
+
       if (isSingle) {
-        patchHeader(id, { hideFilterMenu: true, hideFilterButton: false });
+        patchHeader(id, {
+          hideFilterMenu: true,
+          hideFilterButton: false
+        });
         setTimeout(() => innerRef.current.focus());
       }
     }
-    if (e.code === "Enter") {
-      patchHeader(id, { hideFilterMenu: true, hideFilterButton: false });
+
+    if (e.code === 'Enter') {
+      patchHeader(id, {
+        hideFilterMenu: true,
+        hideFilterButton: false
+      });
       setTimeout(() => innerRef.current.focus());
     }
   }, [handleSelectItem, id, isSingle, patchHeader]);
-  return { onInputWrapperKeyDown, onMenuItemClick, onMenuItemKeyDown };
+  return {
+    onInputWrapperKeyDown,
+    onMenuItemClick,
+    onMenuItemKeyDown
+  };
 };
-export {
-  useSelectFilterHandlers
-};
-//# sourceMappingURL=useSelectFilterHandlers.js.map
+
+export { useSelectFilterHandlers };

package/esm/addons/Filters/Components/SelectFilter/utils.js

@@ -1,17 +1,47 @@
-import * as React from "react";
-import { DATA_TESTID } from "../../../../configs/constants";
+import { DATA_TESTID } from '../../../../configs/constants.js';
+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/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';
+
 const focusNextMenuItem = (e, index) => {
+  var _menuItems$item;
+
   e.preventDefault();
-  const menuItems = document.querySelectorAll(`[data-testid="${DATA_TESTID.DATA_TABLE_SELECT_MENU_ITEM}"]`);
-  menuItems.item(index + 1)?.focus();
+  const menuItems = document.querySelectorAll("[data-testid=\"".concat(DATA_TESTID.DATA_TABLE_SELECT_MENU_ITEM, "\"]"));
+  (_menuItems$item = menuItems.item(index + 1)) === null || _menuItems$item === void 0 ? void 0 : _menuItems$item.focus();
 };
 const focusPrevMenuItem = (e, index) => {
+  var _menuItems$item2;
+
   e.preventDefault();
-  const menuItems = document.querySelectorAll(`[data-testid="${DATA_TESTID.DATA_TABLE_SELECT_MENU_ITEM}"]`);
-  menuItems.item(index - 1)?.focus();
+  const menuItems = document.querySelectorAll("[data-testid=\"".concat(DATA_TESTID.DATA_TABLE_SELECT_MENU_ITEM, "\"]"));
+  (_menuItems$item2 = menuItems.item(index - 1)) === null || _menuItems$item2 === void 0 ? void 0 : _menuItems$item2.focus();
 };
-export {
-  focusNextMenuItem,
-  focusPrevMenuItem
-};
-//# sourceMappingURL=utils.js.map
+
+export { focusNextMenuItem, focusPrevMenuItem };