@elliemae/ds-data-table 2.3.1 → 3.0.0-alpha.3

package/esm/addons/Editables/DateEditableCell/DateEditableCell.js

@@ -1,81 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { useContext, useState, useCallback } from 'react';
-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 '@elliemae/ds-button';
-import '@elliemae/ds-popperjs';
-import 'styled-components';
-import '../../../redux/reducers/index.js';
-import '../../../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 from '../../../DataTableContext.js';
-import '../../../parts/Row.js';
-import '../../../parts/Footer.js';
-import '../../../parts/HoC/SortableItemContext.js';
-import { EditableCell } from '../../../exported-related/EditableCell.js';
-import '@elliemae/ds-utilities';
-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';
-
-function DateEditableCell(props) {
-  const {
-    cell,
-    DefaultCellRender
-  } = props;
-  const {
-    tableProps: {
-      onCellValueChange
-    }
-  } = useContext(DataTableContext);
-  const [value, setValue] = useState(cell.value);
-  const handleOnChange = useCallback(e => {
-    const {
-      target: {
-        value: tValue
-      }
-    } = e;
-    setValue(tValue);
-  }, [onCellValueChange, value]);
-  const handleOnBlur = useCallback(() => {
-    const property = cell.column.id;
-    const rowIndex = cell.row.index;
-    onCellValueChange({
-      value,
-      property,
-      rowIndex
-    });
-  }, [value, onCellValueChange, cell.column.id, cell.row.index]);
-  return /*#__PURE__*/_jsx(EditableCell, {
-    StandardRender: DefaultCellRender,
-    EditableRenderer: /*#__PURE__*/_jsx("input", {
-      value: value,
-      onChange: handleOnChange,
-      onBlur: handleOnBlur,
-      autoFocus: true
-    }),
-    cell: cell
-  });
-}
-
-export { DateEditableCell };

package/esm/addons/Editables/TextEditableCell/TextEditableCell.js

@@ -1,102 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { useContext, useState, useCallback } from 'react';
-import styled from 'styled-components';
-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 '@elliemae/ds-button';
-import '@elliemae/ds-popperjs';
-import '../../../redux/reducers/index.js';
-import '../../../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 from '../../../DataTableContext.js';
-import '../../../parts/Row.js';
-import '../../../parts/Footer.js';
-import '../../../parts/HoC/SortableItemContext.js';
-import { EditableCell } from '../../../exported-related/EditableCell.js';
-import '@elliemae/ds-utilities';
-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';
-
-const StyledInput = /*#__PURE__*/styled.input.withConfig({
-  componentId: "sc-15pvvoa-0"
-})(["outline:none;:focus{border:2px solid ", ";}max-width:100%;"], props => props.theme.colors.brand[700]);
-const TextEditableCell = props => {
-  const {
-    cell,
-    DefaultCellRender,
-    isRowSelected
-  } = props;
-  const {
-    tableProps: {
-      onCellValueChange
-    }
-  } = useContext(DataTableContext);
-  const [value, setValue] = useState(cell.value);
-  const handleOnChange = useCallback(e => {
-    const {
-      target: {
-        value: tValue
-      }
-    } = e;
-    setValue(tValue);
-  }, []);
-  const handleOnBlur = useCallback(() => {
-    const property = cell.column.id;
-    const rowIndex = cell.row.index;
-    onCellValueChange({
-      value,
-      property,
-      rowIndex
-    });
-  }, [value, onCellValueChange, cell.column.id, cell.row.index]);
-  const handleOnKeyDown = useCallback(e => {
-    if (e.code === 'Enter') {
-      cell.ref.current.focus(); // will exec on blur callback from input and save new value
-    }
-
-    if (e.code === 'Escape') {
-      setValue(cell.value);
-      const auxRef = cell.ref.current; // this prevent the on blur
-
-      setTimeout(() => {
-        auxRef.focus();
-      });
-    }
-  }, [cell]);
-  return /*#__PURE__*/_jsx(EditableCell, {
-    StandardRender: DefaultCellRender,
-    EditableRenderer: /*#__PURE__*/_jsx(StyledInput, {
-      value: value,
-      onKeyDown: handleOnKeyDown,
-      onChange: handleOnChange,
-      onBlur: handleOnBlur,
-      autoFocus: true
-    }),
-    cell: cell,
-    setValue: setValue,
-    isRowSelected: isRowSelected
-  });
-};
-
-export { TextEditableCell };

package/esm/addons/Editables/index.js

@@ -1,13 +0,0 @@
-import { TextEditableCell } from './TextEditableCell/TextEditableCell.js';
-import { ComboboxEditableCell } from './ComboboxEditableCell/ComboboxEditableCell.js';
-
-const outOfTheBoxEditables = {
-  'ds-edit-text': {
-    EditableComponent: TextEditableCell
-  },
-  'ds-edit-combobox': {
-    EditableComponent: ComboboxEditableCell
-  }
-};
-
-export { outOfTheBoxEditables };

package/esm/addons/Filters/Components/CurrencyRangeFilter/index.js

@@ -1,159 +0,0 @@
-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 'react';
-import Grid from '@elliemae/ds-grid';
-import { DSInputMask, MASK_TYPES } from '@elliemae/ds-form';
-import { DSFormLayoutBlockItem } from '@elliemae/ds-form-layout-blocks';
-import { SearchXsmall } from '@elliemae/ds-icons';
-import { FilterPopover } from '../../../../exported-related/FilterPopover.js';
-import 'core-js/modules/web.dom-collections.iterator.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 '../../../../configs/useRowFlattenization.js';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-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 { 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 '../../../../redux/reducers/headersReducers/headersReducers.js';
-import { useDispatchHeadersActions } from '../../../../redux/reducers/headersReducers/useDispatchHeadersActions.js';
-
-var _SearchXsmall;
-
-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 opts = {
-  prefix: '',
-  suffix: '',
-  allowDecimal: true,
-  decimalLimit: 2,
-  includeThousandsSeparator: false,
-  requireDecimal: true,
-  allowNegative: true
-};
-const CurrencyRangeFilter = props => {
-  var _filterValue$from, _filterValue$to, _column$ref$current$o, _column$ref, _column$ref$current;
-
-  const {
-    column,
-    filterValue = {
-      from: null,
-      to: null
-    },
-    reduxHeader,
-    onValueChange,
-    innerRef
-  } = props;
-
-  const handleFromChange = e => {
-    const nextValue = _objectSpread(_objectSpread({}, filterValue), {}, {
-      from: e.target.value
-    });
-
-    onValueChange(FILTER_TYPES.CURRENCY_RANGE, nextValue);
-  };
-
-  const handleToChange = e => {
-    const nextValue = _objectSpread(_objectSpread({}, filterValue), {}, {
-      to: e.target.value
-    });
-
-    onValueChange(FILTER_TYPES.CURRENCY_RANGE, nextValue);
-  };
-
-  const {
-    patchHeader
-  } = useDispatchHeadersActions(); // workaround to close menu with esc key since DSInputMask has stoppropagation on key down
-
-  const closePopover = e => {
-    if (e.code === 'Escape') {
-      patchHeader(column.id, {
-        hideFilterMenu: true,
-        hideFilterButton: false
-      });
-      innerRef.current.focus();
-    }
-  };
-
-  const idPreffix = 'datatable-currency-range';
-  return /*#__PURE__*/_jsx(FilterPopover, {
-    reduxHeader: reduxHeader,
-    column: column,
-    columnId: column.id,
-    menuContent: /*#__PURE__*/_jsx(Grid, {
-      "data-testid": DATA_TESTID.DATA_TABLE_CURRENCY_RANGE_CONTROLLER,
-      gutter: "xxxs",
-      padding: "xxs",
-      cols: ['auto', 'auto'],
-      style: {
-        background: 'white'
-      }
-    }, void 0, /*#__PURE__*/_jsx(DSFormLayoutBlockItem, {
-      label: "Min",
-      inputID: "".concat(idPreffix, "-min-").concat(column.id)
-    }, void 0, /*#__PURE__*/_jsx(DSInputMask, {
-      containerProps: {
-        style: {
-          textAlign: 'right'
-        }
-      },
-      id: "".concat(idPreffix, "-min-").concat(column.id),
-      value: "".concat((_filterValue$from = filterValue === null || filterValue === void 0 ? void 0 : filterValue.from) !== null && _filterValue$from !== void 0 ? _filterValue$from : ''),
-      onChange: handleFromChange,
-      placeholder: "0.00",
-      mask: number => MASK_TYPES.NUMBER(opts)(number),
-      autoFocus: true,
-      onKeyDown: e => {
-        closePopover(e);
-      }
-    })), /*#__PURE__*/_jsx(DSFormLayoutBlockItem, {
-      label: "Max",
-      inputID: "".concat(idPreffix, "-max-").concat(column.id)
-    }, void 0, /*#__PURE__*/_jsx(DSInputMask, {
-      containerProps: {
-        style: {
-          textAlign: 'right'
-        }
-      },
-      id: "".concat(idPreffix, "-max-").concat(column.id),
-      value: "".concat((_filterValue$to = filterValue === null || filterValue === void 0 ? void 0 : filterValue.to) !== null && _filterValue$to !== void 0 ? _filterValue$to : ''),
-      onChange: handleToChange,
-      placeholder: "0.00",
-      mask: number => MASK_TYPES.NUMBER(opts)(number),
-      onKeyDown: e => {
-        closePopover(e);
-      }
-    }))),
-    triggerIcon: _SearchXsmall || (_SearchXsmall = /*#__PURE__*/_jsx(SearchXsmall, {})),
-    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'
-    },
-    innerRef: innerRef,
-    ariaLabel: "Open Currency Range Filter"
-  });
-};
-
-export { CurrencyRangeFilter };

package/esm/addons/Filters/Components/DateRangeFilter/index.js

@@ -1,109 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { useState, useEffect } from 'react';
-import { DatePicker2 } from '@elliemae/ds-icons';
-import Grid from '@elliemae/ds-grid';
-import { DSControlledDateRangePicker } from '@elliemae/ds-controlled-form';
-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.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.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 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-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 { 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';
-
-var _DatePicker;
-const emptyFilterValue = {
-  startDate: null,
-  endDate: null
-};
-const DateRangeFilter = props => {
-  const {
-    column,
-    column: {
-      id
-    },
-    filterValue = emptyFilterValue,
-    onValueChange,
-    patchHeaderFilterButtonAndMenu,
-    reduxHeader,
-    innerRef
-  } = props;
-  const dateRange = filterValue;
-  const [startDate, setStartDate] = useState(dateRange.startDate || '');
-  const [endDate, setEndDate] = useState(dateRange.endDate || '');
-  useEffect(() => {
-    setStartDate(dateRange.startDate || '');
-    setEndDate(dateRange.endDate || '');
-  }, [dateRange]);
-  useEffect(() => {
-    if (startDate && endDate && !startDate.includes('_') && !endDate.includes('_')) {
-      onValueChange(FILTER_TYPES.DATE_RANGE, {
-        startDate,
-        endDate
-      });
-    } // We are missing onValueChange on purpose, this is an internal function and won't cause any problems
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-
-  }, [startDate, endDate]);
-  return /*#__PURE__*/_jsx(FilterPopover, {
-    reduxHeader: reduxHeader,
-    column: column,
-    columnId: id,
-    menuContent: /*#__PURE__*/_jsx(Grid, {
-      width: "260px",
-      "data-testid": DATA_TESTID.DATA_TABLE_DATE_RANGE_CONTROLLER
-    }, void 0, /*#__PURE__*/_jsx(Grid, {
-      p: "xxs",
-      style: {
-        background: 'white'
-      }
-    }, void 0, /*#__PURE__*/_jsx(DSControlledDateRangePicker, {
-      fromDate: startDate,
-      onFromDateChange: setStartDate,
-      toDate: endDate,
-      onToDateChange: setEndDate,
-      type: "date-range-inputs",
-      autoFocus: true
-    })), /*#__PURE__*/_jsx(Grid, {
-      onKeyDown: e => e.code === 'Enter' && setTimeout(() => patchHeaderFilterButtonAndMenu(id, !!(dateRange.startDate || dateRange.endDate)), 0)
-    }, void 0, /*#__PURE__*/_jsx(DSControlledDateRangePicker, {
-      fromDate: startDate,
-      onFromDateChange: setStartDate,
-      toDate: endDate,
-      onToDateChange: setEndDate,
-      type: "date-range-picker-controller-only"
-    }))),
-    triggerIcon: _DatePicker || (_DatePicker = /*#__PURE__*/_jsx(DatePicker2, {})),
-    innerRef: innerRef,
-    ariaLabel: "Open Date Range Filter"
-  });
-};
-
-export { DateRangeFilter };

package/esm/addons/Filters/Components/DateSwitcherFilter/index.js

@@ -1,136 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { useState, useEffect } from 'react';
-import { DatePicker2 } from '@elliemae/ds-icons';
-import Grid from '@elliemae/ds-grid';
-import { DSControlledCheckbox, DSControlledDateRangePicker, DSControlledDateTimePicker } from '@elliemae/ds-controlled-form';
-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.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.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 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-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 { 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';
-
-var _DatePicker;
-const emptyFilterValue = {
-  startDate: null,
-  endDate: null
-};
-const DateSwitcherFilter = props => {
-  const {
-    column,
-    column: {
-      id
-    },
-    filterValue = emptyFilterValue,
-    onValueChange,
-    patchHeaderFilterButtonAndMenu,
-    reduxHeader,
-    innerRef
-  } = props;
-  const dateRange = filterValue;
-  const [startDate, setStartDate] = useState(dateRange.startDate || '');
-  const [endDate, setEndDate] = useState(dateRange.endDate || '');
-  const [isDateRange, setIsDateRange] = useState(false);
-  useEffect(() => {
-    setStartDate(dateRange.startDate || '');
-    setEndDate(dateRange.endDate || '');
-  }, [dateRange]);
-  useEffect(() => {
-    if (startDate && endDate && !startDate.includes('_') && !endDate.includes('_')) {
-      onValueChange(FILTER_TYPES.DATE_SWITCHER, {
-        startDate,
-        endDate,
-        isDateRange
-      });
-    } // We are missing onValueChange on purpose, this is an internal function and won't cause any problems
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-
-  }, [startDate, endDate, isDateRange]);
-  return /*#__PURE__*/_jsx(FilterPopover, {
-    reduxHeader: reduxHeader,
-    column: column,
-    columnId: id,
-    menuContent: /*#__PURE__*/_jsx(Grid, {
-      width: "260px",
-      "data-testid": DATA_TESTID.DATA_TABLE_DATE_RANGE_CONTROLLER
-    }, void 0, /*#__PURE__*/_jsx(Grid, {
-      p: "xxs",
-      gutter: "xxs",
-      style: {
-        background: 'white'
-      }
-    }, void 0, /*#__PURE__*/_jsx(DSControlledCheckbox, {
-      checked: isDateRange,
-      name: "Date range",
-      label: "Date Range",
-      id: "date-range-switcher-id-internal",
-      onChange: () => {
-        setIsDateRange(!isDateRange);
-        setStartDate('');
-        setEndDate('');
-      },
-      autoFocus: true
-    }), isDateRange ? /*#__PURE__*/_jsx(DSControlledDateRangePicker, {
-      fromDate: startDate,
-      onFromDateChange: setStartDate,
-      toDate: endDate,
-      onToDateChange: setEndDate,
-      type: "date-range-inputs"
-    }) : /*#__PURE__*/_jsx(DSControlledDateTimePicker, {
-      date: startDate,
-      onDateChange: _date => {
-        setStartDate(_date);
-        setEndDate(_date);
-      },
-      type: "date-inputs"
-    })), /*#__PURE__*/_jsx(Grid, {
-      onKeyDown: e => e.code === 'Enter' && setTimeout(() => patchHeaderFilterButtonAndMenu(id, !!(dateRange.startDate || dateRange.endDate)), 0)
-    }, void 0, isDateRange ? /*#__PURE__*/_jsx(DSControlledDateRangePicker, {
-      fromDate: startDate,
-      onFromDateChange: setStartDate,
-      toDate: endDate,
-      onToDateChange: setEndDate,
-      type: "date-range-picker-controller-only"
-    }) : /*#__PURE__*/_jsx(DSControlledDateTimePicker, {
-      date: startDate,
-      onDateChange: _date => {
-        setStartDate(_date);
-        setEndDate(_date);
-      },
-      type: "date-picker-controller-only"
-    }))),
-    triggerIcon: _DatePicker || (_DatePicker = /*#__PURE__*/_jsx(DatePicker2, {})),
-    innerRef: innerRef,
-    ariaLabel: "Open Date Range Filter"
-  });
-};
-
-export { DateSwitcherFilter };