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

package/esm/parts/DnDHandle.js

@@ -1,93 +1,73 @@
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/defineProperty';
-import 'react';
-import '@elliemae/ds-icons';
-import 'styled-components';
-import './HoC/SortableItemContext.js';
-import '../configs/constants.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
+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 _jsx from '@babel/runtime/helpers/esm/jsx';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import { useContext, createElement } from 'react';
+import { GripperVertical } from '@elliemae/ds-icons';
+import styled from 'styled-components';
+import { SortableItemContext } from './HoC/SortableItemContext.js';
+import { DATA_TESTID } 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-virtual';
 import '../configs/useRowFlattenization.js';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-export { D as default } from '../styled-f76a0cd1.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import '../styled.js';
+import 'react/jsx-runtime';
 import '@elliemae/ds-form';
+import './TableContent.js';
 import '@elliemae/ds-grid';
 import '@elliemae/ds-circular-progress-indicator';
-import './EmptyContent.js';
-import './Footer.js';
-import '../helpers/getIdFromUniqueRowAccessor.js';
-import '../helpers/sizeToCss.js';
-import '../helpers/cellPadding.js';
-import 'react-redux';
-import '../DataTableContext.js';
-import '../addons/Pagination/Pagination.js';
-import '@elliemae/ds-pagination';
-import '@elliemae/ds-indeterminate-progress-indicator';
-import 'prop-types';
-import '../helpers/refs-helpers.js';
-import './HoC/withDnDSortableRowContext.js';
-import '@dnd-kit/sortable';
-import './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 './HoC/DragOverlayContext.js';
-import '@elliemae/ds-button';
-import '@elliemae/ds-popperjs';
-import '../redux/reducers/index.js';
-import 'redux';
-import '../redux/reducers/headersReducers/headersReducers.js';
-import '@reduxjs/toolkit';
-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 '@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 './Cells/useCellStyle.js';
-import '../exported-related/RowRenderer/useRowRendererProperties.js';
-import '../exported-related/RowRenderer/useRowStyle.js';
-import './DropIndicator.js';
-import '../configs/zIndexInternalConfig.js';
-import '../helpers/addCellData.js';
-import '../helpers/dndkit/hierarchy/useHierarchyActionHandlers.js';
-import '../helpers/dndkit/hierarchy/useHierarchyAnnouncements.js';
-import './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 './Headers/useHeaderCellHandlers.js';
-import './Headers/useHeaderCellConfig.js';
-import '../hooks/useRecoverFocusCol.js';
-import './Headers/RequiredDot.js';
-import './SortableHeaderCell.js';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import './HoC/withConditionalDnDSortableContext.js';
-import './Headers/EmptyChildrenGroup.js';
-import '../configs/fixedSizes.js';
-import './Loader.js';
 import '@elliemae/ds-system';
-//# sourceMappingURL=DnDHandle.js.map
+import '@elliemae/ds-button';
+import '../DataTableContext.js';
+import './Row.js';
+import './Footer.js';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _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; }
+const StyledGripperButton = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-fj20bf-0"
+})(["cursor:", ";outline:none;display:flex;align-items:center;touch-action:none;"], _ref => {
+  let {
+    isActive,
+    isDragOverlay
+  } = _ref;
+  return isActive || isDragOverlay ? 'grabbing' : 'grab';
+});
+
+const DragHandle = _ref2 => {
+  let {
+    id,
+    isReachable,
+    isDragOverlay,
+    innerRef
+  } = _ref2;
+  const {
+    draggableProps
+  } = useContext(SortableItemContext);
+  const isActive = draggableProps && !!draggableProps.active;
+  const isDragging = draggableProps && draggableProps.isDragging;
+  return /*#__PURE__*/createElement(StyledGripperButton, _objectSpread(_objectSpread({
+    role: "button"
+  }, draggableProps && _objectSpread(_objectSpread({}, draggableProps.listeners), draggableProps.attributes)), {}, {
+    isActive: isActive,
+    isDragOverlay: isDragOverlay,
+    ref: innerRef,
+    tabIndex: isReachable ? 0 : -1,
+    "data-testid": DATA_TESTID.DATA_TABLE_DRAG_HANDLE,
+    id: "".concat(id, "-drag-handle"),
+    key: "".concat(id, "-drag-handle")
+  }), /*#__PURE__*/_jsx(GripperVertical, {
+    size: "s",
+    color: isDragging ? ['neutral', '500'] : ['brand-primary', '800']
+  }));
+};
+
+export { DragHandle as default };

package/esm/parts/DropIndicator.js

@@ -1,11 +1,17 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import styled from 'styled-components';
 import { ZIndexDataTable } from '../configs/zIndexInternalConfig.js';
 import { DropIndicatorPosition } from './HoC/SortableItemContext.js';
+import { jsxs, Fragment } from 'react/jsx-runtime';
 
-var getPositionStyles = function getPositionStyles(_ref) {
-  var dropIndicatorPosition = _ref.dropIndicatorPosition,
-      vertical = _ref.vertical;
+var _circle;
+
+const getPositionStyles = _ref => {
+  let {
+    dropIndicatorPosition,
+    vertical
+  } = _ref;
 
   if (vertical) {
     return "\n      left: ".concat(dropIndicatorPosition === DropIndicatorPosition.Before ? '0' : 'unset', ";\n      right: ").concat(dropIndicatorPosition === DropIndicatorPosition.After ? '0' : 'unset', ";\n    ");
@@ -14,9 +20,11 @@ var getPositionStyles = function getPositionStyles(_ref) {
   return "\n      top: ".concat(dropIndicatorPosition === DropIndicatorPosition.Before ? '0' : 'unset', ";\n      bottom: ").concat(dropIndicatorPosition === DropIndicatorPosition.After ? '0' : 'unset', ";\n    ");
 };
 
-var getCircleStyles = function getCircleStyles(_ref2) {
-  var dropIndicatorPosition = _ref2.dropIndicatorPosition,
-      vertical = _ref2.vertical;
+const getCircleStyles = _ref2 => {
+  let {
+    dropIndicatorPosition,
+    vertical
+  } = _ref2;
   return {
     position: 'absolute',
     zIndex: ZIndexDataTable.DROP_INDICATOR,
@@ -28,44 +36,39 @@ var getCircleStyles = function getCircleStyles(_ref2) {
   };
 };
 
-var StyledIndicator = /*#__PURE__*/styled.div.withConfig({
+const StyledIndicator = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-1aa87sx-0"
-})(["position:absolute;", " box-sizing:border-box;width:", ";height:", ";background-color:", ";z-index:", ";"], getPositionStyles, function (props) {
-  return props.vertical ? '2px' : '100%';
-}, function (props) {
-  return props.vertical ? '100%' : '2px';
-}, function (props) {
-  return props.theme.colors.brand[600];
-}, ZIndexDataTable.DROP_INDICATOR);
+})(["position:absolute;", " box-sizing:border-box;width:", ";height:", ";background-color:", ";z-index:", ";"], getPositionStyles, props => props.vertical ? '2px' : '100%', props => props.vertical ? '100%' : '2px', props => props.theme.colors.brand[600], ZIndexDataTable.DROP_INDICATOR);
 
-var CircleIndicator = function CircleIndicator(style) {
-  return /*#__PURE__*/React.createElement("svg", {
-    height: "6",
-    width: "6",
-    style: style
-  }, /*#__PURE__*/React.createElement("circle", {
-    cx: "3",
-    cy: "3",
-    r: "3",
-    strokeWidth: "0",
-    fill: "#1E79C2"
-  }));
-};
+const CircleIndicator = style => /*#__PURE__*/_jsx("svg", {
+  height: "6",
+  width: "6",
+  style: style
+}, void 0, _circle || (_circle = /*#__PURE__*/_jsx("circle", {
+  cx: "3",
+  cy: "3",
+  r: "3",
+  strokeWidth: "0",
+  fill: "#1E79C2"
+})));
 
-var DropIndicator = function DropIndicator(_ref3) {
-  var vertical = _ref3.vertical,
-      dropIndicatorPosition = _ref3.dropIndicatorPosition,
-      isLast = _ref3.isLast;
+const DropIndicator = _ref3 => {
+  let {
+    vertical,
+    dropIndicatorPosition,
+    isLast
+  } = _ref3;
   if (![DropIndicatorPosition.After, DropIndicatorPosition.Before].includes(dropIndicatorPosition)) return null;
-  var safeDropIndicatorPosition = isLast ? DropIndicatorPosition.Before : dropIndicatorPosition;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, CircleIndicator(getCircleStyles({
-    vertical: vertical,
-    dropIndicatorPosition: safeDropIndicatorPosition
-  })), /*#__PURE__*/React.createElement(StyledIndicator, {
-    vertical: vertical,
-    dropIndicatorPosition: safeDropIndicatorPosition
-  }));
+  const safeDropIndicatorPosition = isLast ? DropIndicatorPosition.Before : dropIndicatorPosition;
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [CircleIndicator(getCircleStyles({
+      vertical,
+      dropIndicatorPosition: safeDropIndicatorPosition
+    })), /*#__PURE__*/_jsx(StyledIndicator, {
+      vertical: vertical,
+      dropIndicatorPosition: safeDropIndicatorPosition
+    })]
+  });
 };
 
 export { DropIndicator as default };
-//# sourceMappingURL=DropIndicator.js.map

package/esm/parts/EmptyContent.js

@@ -1,87 +1,68 @@
+import _jsx from '@babel/runtime/helpers/esm/jsx';
 import React, { useContext } from 'react';
 import Grid from '@elliemae/ds-grid';
 import { WarningTriangle } from '@elliemae/ds-icons';
 import { toMobile, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
 import DSButton from '@elliemae/ds-button';
 import styled from 'styled-components';
-import PropTypes from 'prop-types';
 import DataTableContext from '../DataTableContext.js';
-import '../configs/constants.js';
 
-var EmptyStateWrapper = /*#__PURE__*/styled(Grid).withConfig({
+var _Icon;
+const EmptyStateWrapper = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-t6wd9y-0"
 })(["position:sticky;height:fit-content;top:0;left:0;"]);
-var Icon = /*#__PURE__*/styled(WarningTriangle).withConfig({
+const Icon = /*#__PURE__*/styled(WarningTriangle).withConfig({
   componentId: "sc-t6wd9y-1"
-})(["fill:", ";color:", ";justify-self:center;"], function (props) {
-  return props.theme.colors.neutral[300];
-}, function (props) {
-  return props.theme.colors.neutral[300];
-});
-var PrimaryMessage = /*#__PURE__*/styled.p.withConfig({
+})(["fill:", ";color:", ";justify-self:center;"], props => props.theme.colors.neutral[300], props => props.theme.colors.neutral[300]);
+const PrimaryMessage = /*#__PURE__*/styled.p.withConfig({
   componentId: "sc-t6wd9y-2"
-})(["text-align:center;font-weight:bold;font-size:", ";color:", ";margin-top:", ";margin-bottom:", ";"], function (props) {
-  return toMobile(props.theme.fontSizes.value[400]);
-}, function (props) {
-  return props.theme.colors.neutral[600];
-}, function (props) {
-  return __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s);
-}, function (props) {
-  return __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs);
-});
-var SecondaryMessage = /*#__PURE__*/styled.p.withConfig({
+})(["text-align:center;font-weight:bold;font-size:", ";color:", ";margin-top:", ";margin-bottom:", ";"], props => toMobile(props.theme.fontSizes.value[400]), props => props.theme.colors.neutral[600], props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s), props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs));
+const SecondaryMessage = /*#__PURE__*/styled.p.withConfig({
   componentId: "sc-t6wd9y-3"
-})(["text-align:center;font-size:", ";color:", ";margin:0;"], function (props) {
-  return toMobile(props.theme.fontSizes.value[400]);
-}, function (props) {
-  return props.theme.colors.neutral[500];
-});
-var Button = /*#__PURE__*/styled(DSButton).withConfig({
+})(["text-align:center;font-size:", ";color:", ";margin:0;"], props => toMobile(props.theme.fontSizes.value[400]), props => props.theme.colors.neutral[500]);
+const Button = /*#__PURE__*/styled(DSButton).withConfig({
   componentId: "sc-t6wd9y-4"
-})(["margin-top:", ";justify-self:center;width:fit-content;"], function (props) {
-  return __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m);
-});
-var CenterContentFlexWrapper = /*#__PURE__*/styled.div.withConfig({
+})(["margin-top:", ";justify-self:center;width:fit-content;"], props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m));
+const CenterContentFlexWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-t6wd9y-5"
-})(["width:", "px;height:calc(100% - 48px);display:flex;align-items:center;"], function (_ref) {
-  var width = _ref.width;
+})(["width:", "px;height:calc(100% - 48px);display:flex;align-items:center;"], _ref => {
+  let {
+    width
+  } = _ref;
   return width;
 });
 
-var EmptyContent = function EmptyContent(_ref2) {
-  var width = _ref2.width;
-
-  var _useContext = useContext(DataTableContext),
-      _useContext$tableProp = _useContext.tableProps,
-      noResultsPlaceholder = _useContext$tableProp.noResultsPlaceholder,
-      noResultsMessage = _useContext$tableProp.noResultsMessage,
-      noResultsSecondaryMessage = _useContext$tableProp.noResultsSecondaryMessage,
-      noResultsButtonLabel = _useContext$tableProp.noResultsButtonLabel,
-      onNoResultsButtonClick = _useContext$tableProp.onNoResultsButtonClick,
-      tableWidth = _useContext$tableProp.width;
-
-  if ( /*#__PURE__*/React.isValidElement(noResultsPlaceholder)) return /*#__PURE__*/React.createElement(CenterContentFlexWrapper, {
+const EmptyContent = _ref2 => {
+  let {
+    width
+  } = _ref2;
+  const {
+    tableProps: {
+      noResultsPlaceholder,
+      noResultsMessage,
+      noResultsSecondaryMessage,
+      noResultsButtonLabel,
+      onNoResultsButtonClick,
+      width: tableWidth
+    }
+  } = useContext(DataTableContext);
+  if ( /*#__PURE__*/React.isValidElement(noResultsPlaceholder)) return /*#__PURE__*/_jsx(CenterContentFlexWrapper, {
     width: width
-  }, noResultsPlaceholder);
-  return /*#__PURE__*/React.createElement(CenterContentFlexWrapper, {
+  }, void 0, noResultsPlaceholder);
+  return /*#__PURE__*/_jsx(CenterContentFlexWrapper, {
     width: width,
     "aria-live": "assertive",
     role: "status"
-  }, /*#__PURE__*/React.createElement(EmptyStateWrapper, {
+  }, void 0, /*#__PURE__*/_jsx(EmptyStateWrapper, {
     width: tableWidth,
     justifyContent: "center"
-  }, /*#__PURE__*/React.createElement(Icon, {
+  }, void 0, _Icon || (_Icon = /*#__PURE__*/_jsx(Icon, {
     size: "xxl"
-  }), /*#__PURE__*/React.createElement(PrimaryMessage, null, noResultsMessage), noResultsSecondaryMessage ? /*#__PURE__*/React.createElement(SecondaryMessage, null, noResultsSecondaryMessage) : null, noResultsButtonLabel && onNoResultsButtonClick ? /*#__PURE__*/React.createElement(Button, {
+  })), /*#__PURE__*/_jsx(PrimaryMessage, {}, void 0, noResultsMessage), noResultsSecondaryMessage ? /*#__PURE__*/_jsx(SecondaryMessage, {}, void 0, noResultsSecondaryMessage) : null, noResultsButtonLabel && onNoResultsButtonClick ? /*#__PURE__*/_jsx(Button, {
     buttonType: "secondary",
     labelText: noResultsButtonLabel,
     onClick: onNoResultsButtonClick
   }) : null));
 };
 
-EmptyContent.propTypes = {
-  width: PropTypes.number
-};
-
 export { EmptyContent as default };
-//# sourceMappingURL=EmptyContent.js.map

package/esm/parts/FilterBar/FiltersBar.js

@@ -1,150 +1,101 @@
-import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+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/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/web.dom-collections.iterator.js';
 import React, { useContext, useMemo, useRef, useCallback } from 'react';
 import DSButton from '@elliemae/ds-button';
 import { MoreOptionsVert } from '@elliemae/ds-icons';
-import '@babel/runtime/helpers/esm/slicedToArray';
+import 'core-js/modules/esnext.async-iterator.filter.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 '@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 '../../styled-f76a0cd1.js';
+import '../../styled.js';
+import 'react/jsx-runtime';
 import '@elliemae/ds-form';
+import '../TableContent.js';
 import '@elliemae/ds-grid';
 import '@elliemae/ds-circular-progress-indicator';
-import '../EmptyContent.js';
+import '@elliemae/ds-system';
+import DataTableContext from '../../DataTableContext.js';
+import '../Row.js';
 import '../Footer.js';
-import '@babel/runtime/helpers/esm/extends';
 import '../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';
 import { DateRangePill } from './components/DateRangePill.js';
 import { DateSwitcherPill } from './components/DateSwitcherPill.js';
 import { MultiSelectPill } from './components/MultiSelectPill.js';
 import { NumberRangePill } from './components/NumberRangePill.js';
 import { SelectPill } from './components/SelectPill.js';
 import { SingleDatePill } from './components/SingleDatePill.js';
-import { TextPill } from './components/TextPill.js';
-import DataTableContext from '../../DataTableContext.js';
 import { StyledWrapper, StyledDropdownMenu } from './styled.js';
-import 'redux';
-import '../../redux/reducers/headersReducers/headersReducers.js';
-import '@reduxjs/toolkit';
-import '../../redux/reducers/headersReducers/logic.js';
-import '../../redux/reducers/headersReducers/defaults.js';
-import '../../redux/reducers/headersReducers/useDispatchHeadersActions.js';
-import 'react-redux';
-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 '../../helpers/getIdFromUniqueRowAccessor.js';
-import '../../helpers/sizeToCss.js';
-import '../../helpers/cellPadding.js';
-import '../../addons/Pagination/Pagination.js';
-import '@elliemae/ds-pagination';
-import '@elliemae/ds-indeterminate-progress-indicator';
-import 'prop-types';
-import '../../helpers/refs-helpers.js';
-import '../HoC/withDnDSortableRowContext.js';
-import '@dnd-kit/sortable';
-import '../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 '../HoC/DragOverlayContext.js';
-import '../../exported-related/RowVariants.js';
-import '../../exported-related/Filters/singleSelectFilterFn.js';
-import '../../exported-related/Filters/multiSelectFilterFn.js';
-import '../../exported-related/Filters/textFilterFn.js';
-import '../../exported-related/Filters/numberRangeFilterFn.js';
-import '../../exported-related/Filters/currencyRangeFilterFn.js';
-import '../../addons/Columns/ColumnAction/ColumnAction.js';
-import '../../hooks/useRecoverFocusRow.js';
-import '@elliemae/ds-truncated-tooltip-text';
-import '../../prop-types.js';
-import '../Cells/useCellStyle.js';
-import '../../exported-related/RowRenderer/useRowRendererProperties.js';
-import '../../exported-related/RowRenderer/useRowStyle.js';
-import '../DropIndicator.js';
-import '../../configs/zIndexInternalConfig.js';
-import '../../helpers/addCellData.js';
-import '../../helpers/dndkit/hierarchy/useHierarchyActionHandlers.js';
-import '../../helpers/dndkit/hierarchy/useHierarchyAnnouncements.js';
-import '../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 '../Headers/useHeaderCellHandlers.js';
-import '../Headers/useHeaderCellConfig.js';
-import '../../hooks/useRecoverFocusCol.js';
-import '../Headers/RequiredDot.js';
-import '../SortableHeaderCell.js';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import '../HoC/withConditionalDnDSortableContext.js';
-import '../Headers/EmptyChildrenGroup.js';
-import '../../configs/fixedSizes.js';
-import '../Loader.js';
-import '@elliemae/ds-system';
-import '@elliemae/ds-pills';
-import '@elliemae/ds-dropdownmenu';
 
-var _pillRenderMapper;
-var pillRenderMapper = (_pillRenderMapper = {}, _defineProperty(_pillRenderMapper, FILTER_TYPES.SELECT, SelectPill), _defineProperty(_pillRenderMapper, FILTER_TYPES.MULTI_SELECT, MultiSelectPill), _defineProperty(_pillRenderMapper, FILTER_TYPES.TEXT, TextPill), _defineProperty(_pillRenderMapper, FILTER_TYPES.SINGLE_DATE, SingleDatePill), _defineProperty(_pillRenderMapper, FILTER_TYPES.DATE_RANGE, DateRangePill), _defineProperty(_pillRenderMapper, FILTER_TYPES.DATE_SWITCHER, DateSwitcherPill), _defineProperty(_pillRenderMapper, FILTER_TYPES.NUMBER_RANGE, NumberRangePill), _defineProperty(_pillRenderMapper, FILTER_TYPES.CURRENCY_RANGE, NumberRangePill), _pillRenderMapper);
-var FiltersBar = function FiltersBar() {
-  var _useContext = useContext(DataTableContext),
-      _useContext$tableProp = _useContext.tableProps,
-      width = _useContext$tableProp.width,
-      filterBarProps = _useContext$tableProp.filterBarProps,
-      onFiltersChange = _useContext$tableProp.onFiltersChange,
-      filters = _useContext$tableProp.filters,
-      visibleColumns = _useContext.visibleColumns;
-
-  var pillGroupRefs = useMemo(function () {
-    var refs = [];
+var _MoreOptionsVert;
+const pillRenderMapper = {
+  [FILTER_TYPES.SELECT]: SelectPill,
+  [FILTER_TYPES.MULTI_SELECT]: MultiSelectPill,
+  [FILTER_TYPES.SINGLE_DATE]: SingleDatePill,
+  [FILTER_TYPES.DATE_RANGE]: DateRangePill,
+  [FILTER_TYPES.DATE_SWITCHER]: DateSwitcherPill,
+  [FILTER_TYPES.NUMBER_RANGE]: NumberRangePill,
+  [FILTER_TYPES.CURRENCY_RANGE]: NumberRangePill
+};
+const FiltersBar = () => {
+  const {
+    tableProps: {
+      width,
+      filterBarProps,
+      onFiltersChange,
+      filters
+    },
+    visibleColumns
+  } = useContext(DataTableContext);
+  const pillGroupRefs = useMemo(() => {
+    const refs = [];
 
-    for (var i = 0; i < filters.length; i += 1) {
-      refs.push( /*#__PURE__*/React.createRef());
-    }
+    for (let i = 0; i < filters.length; i += 1) refs.push( /*#__PURE__*/React.createRef());
 
     return refs;
   }, [filters.length]);
-  var dropdownMenuRef = useRef(null);
-  var removeAllFilters = useCallback(function () {
+  const dropdownMenuRef = useRef(null);
+  const removeAllFilters = useCallback(() => {
     onFiltersChange([]);
   }, [onFiltersChange]);
-  return /*#__PURE__*/React.createElement(StyledWrapper, {
+  return /*#__PURE__*/_jsx(StyledWrapper, {
     width: width,
     "aria-live": "polite",
     "aria-relevant": "additions removals",
     gutter: "xs"
-  }, filters.map(function (_ref, index) {
+  }, void 0, filters.map((_ref, index) => {
     var _visibleColumns$find, _pillGroupRefs;
 
-    var column = _ref.id,
-        type = _ref.type,
-        value = _ref.value;
-    var columnHeader = (_visibleColumns$find = visibleColumns.find(function (col) {
-      return col.accessor === column;
-    })) === null || _visibleColumns$find === void 0 ? void 0 : _visibleColumns$find.Header;
+    let {
+      id: column,
+      type,
+      value
+    } = _ref;
+    const columnHeader = (_visibleColumns$find = visibleColumns.find(col => col.accessor === column)) === null || _visibleColumns$find === void 0 ? void 0 : _visibleColumns$find.Header;
 
-    var Component = function Component() {
-      return null;
-    };
+    let Component = () => null;
 
-    var filterType = type;
+    const filterType = type;
 
     if (filterType in pillRenderMapper) {
       Component = pillRenderMapper[filterType];
@@ -152,8 +103,7 @@ var FiltersBar = function FiltersBar() {
       Component = filterBarProps.customPillRenderer;
     }
 
-    return /*#__PURE__*/React.createElement(Component, {
-      key: column,
+    return /*#__PURE__*/_jsx(Component, {
       columnHeader: typeof columnHeader === 'string' ? columnHeader : column,
       column: column,
       value: value,
@@ -162,24 +112,23 @@ var FiltersBar = function FiltersBar() {
       prevRef: pillGroupRefs[index - 1],
       innerRef: pillGroupRefs[index],
       nextRef: (_pillGroupRefs = pillGroupRefs[index + 1]) !== null && _pillGroupRefs !== void 0 ? _pillGroupRefs : dropdownMenuRef
-    });
-  }), /*#__PURE__*/React.createElement(StyledDropdownMenu, {
+    }, column);
+  }), /*#__PURE__*/_jsx(StyledDropdownMenu, {
     preventOverflow: "scrollParent",
     options: [{
       id: '__internal__option__clear__filters',
       label: 'Clear Filters',
       onClick: removeAllFilters
-    }].concat(_toConsumableArray((filterBarProps === null || filterBarProps === void 0 ? void 0 : filterBarProps.extraOptions) || [])),
-    triggerComponent: /*#__PURE__*/React.createElement(DSButton, {
+    }, ...((filterBarProps === null || filterBarProps === void 0 ? void 0 : filterBarProps.extraOptions) || [])],
+    triggerComponent: /*#__PURE__*/_jsx(DSButton, {
       containerProps: {
         'data-testid': DATA_TESTID.DATA_TABLE_FILTER_BAR_DD_MENU_BUTTON
       },
       buttonType: "text",
       innerRef: dropdownMenuRef,
-      icon: /*#__PURE__*/React.createElement(MoreOptionsVert, null)
+      icon: _MoreOptionsVert || (_MoreOptionsVert = /*#__PURE__*/_jsx(MoreOptionsVert, {}))
     })
   }));
 };
 
 export { FiltersBar };
-//# sourceMappingURL=FiltersBar.js.map