@elliemae/ds-data-table 2.2.0-alpha.3 → 2.2.0-next.2

package/esm/addons/Editables/ComboboxEditableCell/ComboboxEditableCell.js

@@ -1,48 +1,97 @@
-import * as React from "react";
-import React2, { useContext, useState, useCallback, useMemo } from "react";
-import { ComboBoxFreeSolo } from "@elliemae/ds-form";
-import { EditableCell } from "../../../exported-related";
-import { DataTableContext } from "../../../DataTableContext";
-import { editableCellPropType } from "../../../prop-types";
-const ComboboxEditableCell = (props) => {
-  const { cell, DefaultCellRender, isRowSelected } = props;
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
+import { useContext, useMemo, useState, useCallback } from 'react';
+import { ComboBoxFreeSolo } from '@elliemae/ds-form';
+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-button';
+import '@elliemae/ds-popperjs';
+import 'styled-components';
+import '../../../redux/reducers/index.js';
+import '../../../configs/constants.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 '../../../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 ComboboxEditableCell = props => {
   const {
-    tableProps: { onCellValueChange },
+    cell,
+    DefaultCellRender,
+    isRowSelected
+  } = props;
+  const {
+    tableProps: {
+      onCellValueChange
+    },
     flattenedData
   } = useContext(DataTableContext);
   const cellValue = useMemo(() => cell.value, [cell.value]);
   const columnId = useMemo(() => cell.column.id, [cell.column.id]);
-  const [value, setValue] = useState({ value: cellValue, label: cellValue });
+  const [value, setValue] = useState({
+    value: cellValue,
+    label: cellValue
+  });
   const uniqueOptions = useMemo(() => {
     const uniqueValuesMap = {};
     return flattenedData.reduce((optionsSoFar, currRow) => {
       const currValue = currRow.original[columnId];
+
       if (!uniqueValuesMap[currValue]) {
-        optionsSoFar.push({ value: currValue, label: currValue });
+        optionsSoFar.push({
+          value: currValue,
+          label: currValue
+        });
         uniqueValuesMap[currValue] = true;
       }
+
       return optionsSoFar;
     }, []);
   }, [flattenedData, columnId]);
   const handleOnBlur = useCallback(() => {
     const property = columnId;
-    onCellValueChange({ value: value?.value, property, rowIndex: cell.row.index });
-  }, [columnId, onCellValueChange, value?.value, cell.row.index]);
-  return /* @__PURE__ */ React2.createElement(EditableCell, {
+    onCellValueChange({
+      value: value === null || value === void 0 ? void 0 : value.value,
+      property,
+      rowIndex: cell.row.index
+    });
+  }, [columnId, onCellValueChange, value === null || value === void 0 ? void 0 : value.value, cell.row.index]);
+  return /*#__PURE__*/_jsx(EditableCell, {
     StandardRender: DefaultCellRender,
-    EditableRenderer: /* @__PURE__ */ React2.createElement(ComboBoxFreeSolo, {
-      value,
+    EditableRenderer: /*#__PURE__*/_jsx(ComboBoxFreeSolo, {
+      value: value,
       autoFocus: true,
       onBlur: handleOnBlur,
       onChange: setValue,
       options: uniqueOptions
     }),
-    cell,
-    isRowSelected
+    cell: cell,
+    isRowSelected: isRowSelected
   });
 };
-ComboboxEditableCell.propTypes = editableCellPropType;
-export {
-  ComboboxEditableCell
-};
-//# sourceMappingURL=ComboboxEditableCell.js.map
+
+export { ComboboxEditableCell };

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

@@ -1,38 +1,81 @@
-import * as React from "react";
-import React2, { useContext, useState, useCallback } from "react";
-import { EditableCell } from "../../../exported-related";
-import { DataTableContext } from "../../../DataTableContext";
-import { editableCellPropType } from "../../../prop-types";
+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 }
+    cell,
+    DefaultCellRender
+  } = props;
+  const {
+    tableProps: {
+      onCellValueChange
+    }
   } = useContext(DataTableContext);
   const [value, setValue] = useState(cell.value);
-  const handleOnChange = useCallback((e) => {
+  const handleOnChange = useCallback(e => {
     const {
-      target: { value: tValue }
+      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 });
+    onCellValueChange({
+      value,
+      property,
+      rowIndex
+    });
   }, [value, onCellValueChange, cell.column.id, cell.row.index]);
-  return /* @__PURE__ */ React2.createElement(EditableCell, {
+  return /*#__PURE__*/_jsx(EditableCell, {
     StandardRender: DefaultCellRender,
-    EditableRenderer: /* @__PURE__ */ React2.createElement("input", {
-      value,
+    EditableRenderer: /*#__PURE__*/_jsx("input", {
+      value: value,
       onChange: handleOnChange,
       onBlur: handleOnBlur,
       autoFocus: true
     }),
-    cell
+    cell: cell
   });
 }
-DateEditableCell.propTypes = editableCellPropType;
-export {
-  DateEditableCell
-};
-//# sourceMappingURL=DateEditableCell.js.map
+
+export { DateEditableCell };

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

@@ -1,61 +1,102 @@
-import * as React from "react";
-import React2, { useContext, useState, useCallback } from "react";
-import styled from "styled-components";
-import { EditableCell } from "../../../exported-related";
-import { DataTableContext } from "../../../DataTableContext";
-import { editableCellPropType } from "../../../prop-types";
-const StyledInput = styled.input`
-  outline: none;
-  :focus {
-    border: 2px solid ${(props) => props.theme.colors.brand[700]};
-  }
-  max-width: 100%;
-`;
-const TextEditableCell = (props) => {
-  const { cell, DefaultCellRender, isRowSelected } = props;
+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 {
-    tableProps: { onCellValueChange }
+    cell,
+    DefaultCellRender,
+    isRowSelected
+  } = props;
+  const {
+    tableProps: {
+      onCellValueChange
+    }
   } = useContext(DataTableContext);
   const [value, setValue] = useState(cell.value);
-  const handleOnChange = useCallback((e) => {
+  const handleOnChange = useCallback(e => {
     const {
-      target: { value: tValue }
+      target: {
+        value: tValue
+      }
     } = e;
     setValue(tValue);
   }, []);
   const handleOnBlur = useCallback(() => {
     const property = cell.column.id;
     const rowIndex = cell.row.index;
-    onCellValueChange({ value, property, rowIndex });
+    onCellValueChange({
+      value,
+      property,
+      rowIndex
+    });
   }, [value, onCellValueChange, cell.column.id, cell.row.index]);
-  const handleOnKeyDown = useCallback((e) => {
-    if (e.code === "Enter") {
-      cell.ref.current.focus();
+  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") {
+
+    if (e.code === 'Escape') {
       setValue(cell.value);
-      const auxRef = cell.ref.current;
+      const auxRef = cell.ref.current; // this prevent the on blur
+
       setTimeout(() => {
         auxRef.focus();
       });
     }
   }, [cell]);
-  return /* @__PURE__ */ React2.createElement(EditableCell, {
+  return /*#__PURE__*/_jsx(EditableCell, {
     StandardRender: DefaultCellRender,
-    EditableRenderer: /* @__PURE__ */ React2.createElement(StyledInput, {
-      value,
+    EditableRenderer: /*#__PURE__*/_jsx(StyledInput, {
+      value: value,
       onKeyDown: handleOnKeyDown,
       onChange: handleOnChange,
       onBlur: handleOnBlur,
       autoFocus: true
     }),
-    cell,
-    setValue,
-    isRowSelected
+    cell: cell,
+    setValue: setValue,
+    isRowSelected: isRowSelected
   });
 };
-TextEditableCell.propTypes = editableCellPropType;
-export {
-  TextEditableCell
-};
-//# sourceMappingURL=TextEditableCell.js.map
+
+export { TextEditableCell };

package/esm/addons/Editables/index.js

@@ -1,13 +1,13 @@
-import * as React from "react";
-import { TextEditableCell } from "./TextEditableCell/TextEditableCell";
-import { ComboboxEditableCell } from "./ComboboxEditableCell/ComboboxEditableCell";
+import { TextEditableCell } from './TextEditableCell/TextEditableCell.js';
+import { ComboboxEditableCell } from './ComboboxEditableCell/ComboboxEditableCell.js';
+
 const outOfTheBoxEditables = {
-  "ds-edit-text": { EditableComponent: TextEditableCell },
-  "ds-edit-combobox": {
+  'ds-edit-text': {
+    EditableComponent: TextEditableCell
+  },
+  'ds-edit-combobox': {
     EditableComponent: ComboboxEditableCell
   }
 };
-export {
-  outOfTheBoxEditables
-};
-//# sourceMappingURL=index.js.map
+
+export { outOfTheBoxEditables };

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

@@ -1,90 +1,159 @@
-import * as React from "react";
-import React2 from "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, FILTER_TYPES } from "../../../../exported-related";
-import { DATA_TESTID } from "../../../../configs/constants";
-import { useDispatchHeadersActions } from "../../../../redux/reducers/headersReducers";
+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: "",
+  prefix: '',
+  suffix: '',
   allowDecimal: true,
   decimalLimit: 2,
   includeThousandsSeparator: false,
   requireDecimal: true,
   allowNegative: true
 };
-const CurrencyRangeFilter = (props) => {
-  const { column, filterValue = { from: null, to: null }, reduxHeader, onValueChange, innerRef } = props;
-  const handleFromChange = (e) => {
-    const nextValue = {
-      ...filterValue,
+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 = {
-      ...filterValue,
+
+  const handleToChange = e => {
+    const nextValue = _objectSpread(_objectSpread({}, filterValue), {}, {
       to: e.target.value
-    };
+    });
+
     onValueChange(FILTER_TYPES.CURRENCY_RANGE, nextValue);
   };
-  const { patchHeader } = useDispatchHeadersActions();
-  const closePopover = (e) => {
-    if (e.code === "Escape") {
-      patchHeader(column.id, { hideFilterMenu: true, hideFilterButton: false });
+
+  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__ */ React2.createElement(FilterPopover, {
-    reduxHeader,
-    column,
+
+  const idPreffix = 'datatable-currency-range';
+  return /*#__PURE__*/_jsx(FilterPopover, {
+    reduxHeader: reduxHeader,
+    column: column,
     columnId: column.id,
-    menuContent: /* @__PURE__ */ React2.createElement(Grid, {
+    menuContent: /*#__PURE__*/_jsx(Grid, {
       "data-testid": DATA_TESTID.DATA_TABLE_CURRENCY_RANGE_CONTROLLER,
       gutter: "xxxs",
       padding: "xxs",
-      cols: ["auto", "auto"],
-      style: { background: "white" }
-    }, /* @__PURE__ */ React2.createElement(DSFormLayoutBlockItem, {
+      cols: ['auto', 'auto'],
+      style: {
+        background: 'white'
+      }
+    }, void 0, /*#__PURE__*/_jsx(DSFormLayoutBlockItem, {
       label: "Min",
-      inputID: `${idPreffix}-min-${column.id}`
-    }, /* @__PURE__ */ React2.createElement(DSInputMask, {
-      containerProps: { style: { textAlign: "right" } },
-      id: `${idPreffix}-min-${column.id}`,
-      value: `${filterValue?.from ?? ""}`,
+      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),
+      mask: number => MASK_TYPES.NUMBER(opts)(number),
       autoFocus: true,
-      onKeyDown: (e) => {
+      onKeyDown: e => {
         closePopover(e);
       }
-    })), /* @__PURE__ */ React2.createElement(DSFormLayoutBlockItem, {
+    })), /*#__PURE__*/_jsx(DSFormLayoutBlockItem, {
       label: "Max",
-      inputID: `${idPreffix}-max-${column.id}`
-    }, /* @__PURE__ */ React2.createElement(DSInputMask, {
-      containerProps: { style: { textAlign: "right" } },
-      id: `${idPreffix}-max-${column.id}`,
-      value: `${filterValue?.to ?? ""}`,
+      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) => {
+      mask: number => MASK_TYPES.NUMBER(opts)(number),
+      onKeyDown: e => {
         closePopover(e);
       }
     }))),
-    triggerIcon: /* @__PURE__ */ React2.createElement(SearchXsmall, null),
-    customStyles: { width: column.ref?.current?.offsetWidth ?? "0px" },
-    innerRef,
+    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
-};
-//# sourceMappingURL=index.js.map
+
+export { CurrencyRangeFilter };