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

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

@@ -1,159 +1,90 @@
-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; }
+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";
 const opts = {
-  prefix: '',
-  suffix: '',
+  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), {}, {
+const CurrencyRangeFilter = (props) => {
+  const { column, filterValue = { from: null, to: null }, reduxHeader, onValueChange, innerRef } = props;
+  const handleFromChange = (e) => {
+    const nextValue = {
+      ...filterValue,
       from: e.target.value
-    });
-
+    };
     onValueChange(FILTER_TYPES.CURRENCY_RANGE, nextValue);
   };
-
-  const handleToChange = e => {
-    const nextValue = _objectSpread(_objectSpread({}, filterValue), {}, {
+  const handleToChange = (e) => {
+    const nextValue = {
+      ...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
-      });
+  const { patchHeader } = useDispatchHeadersActions();
+  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,
+  const idPreffix = "datatable-currency-range";
+  return /* @__PURE__ */ React2.createElement(FilterPopover, {
+    reduxHeader,
+    column,
     columnId: column.id,
-    menuContent: /*#__PURE__*/_jsx(Grid, {
+    menuContent: /* @__PURE__ */ React2.createElement(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, {
+      cols: ["auto", "auto"],
+      style: { background: "white" }
+    }, /* @__PURE__ */ React2.createElement(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 : ''),
+      inputID: `${idPreffix}-min-${column.id}`
+    }, /* @__PURE__ */ React2.createElement(DSInputMask, {
+      containerProps: { style: { textAlign: "right" } },
+      id: `${idPreffix}-min-${column.id}`,
+      value: `${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__*/_jsx(DSFormLayoutBlockItem, {
+    })), /* @__PURE__ */ React2.createElement(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 : ''),
+      inputID: `${idPreffix}-max-${column.id}`
+    }, /* @__PURE__ */ React2.createElement(DSInputMask, {
+      containerProps: { style: { textAlign: "right" } },
+      id: `${idPreffix}-max-${column.id}`,
+      value: `${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: _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,
+    triggerIcon: /* @__PURE__ */ React2.createElement(SearchXsmall, null),
+    customStyles: { width: column.ref?.current?.offsetWidth ?? "0px" },
+    innerRef,
     ariaLabel: "Open Currency Range Filter"
   });
 };
-
-export { CurrencyRangeFilter };
+export {
+  CurrencyRangeFilter
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/addons/Filters/Components/CurrencyRangeFilter/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSInputMask, MASK_TYPES } from '@elliemae/ds-form';\nimport { DSFormLayoutBlockItem } from '@elliemae/ds-form-layout-blocks';\nimport { SearchXsmall } from '@elliemae/ds-icons';\nimport { FilterPopover, FILTER_TYPES } from '../../../../exported-related';\nimport { FilterProps } from '../../../../types/props';\nimport { DATA_TESTID } from '../../../../configs/constants';\nimport { useDispatchHeadersActions } from '../../../../redux/reducers/headersReducers';\n\nconst opts = {\n  prefix: '',\n  suffix: '',\n  allowDecimal: true,\n  decimalLimit: 2,\n  includeThousandsSeparator: false,\n  requireDecimal: true,\n  allowNegative: true,\n};\n\nexport const CurrencyRangeFilter: React.ComponentType<FilterProps> = (props) => {\n  const { column, filterValue = { from: null, to: null }, reduxHeader, onValueChange, innerRef } = props;\n  const handleFromChange = (e) => {\n    const nextValue = {\n      ...filterValue,\n      from: e.target.value,\n    };\n    onValueChange(FILTER_TYPES.CURRENCY_RANGE, nextValue);\n  };\n  const handleToChange = (e) => {\n    const nextValue = {\n      ...filterValue,\n      to: e.target.value,\n    };\n    onValueChange(FILTER_TYPES.CURRENCY_RANGE, nextValue);\n  };\n  const { patchHeader } = useDispatchHeadersActions();\n\n  // workaround to close menu with esc key since DSInputMask has stoppropagation on key down\n  const closePopover = (e) => {\n    if (e.code === 'Escape') {\n      patchHeader(column.id, { hideFilterMenu: true, hideFilterButton: false });\n      innerRef.current.focus();\n    }\n  };\n\n  const idPreffix = 'datatable-currency-range';\n  return (\n    <FilterPopover\n      reduxHeader={reduxHeader}\n      column={column}\n      columnId={column.id}\n      menuContent={\n        <Grid\n          data-testid={DATA_TESTID.DATA_TABLE_CURRENCY_RANGE_CONTROLLER}\n          gutter=\"xxxs\"\n          padding=\"xxs\"\n          cols={['auto', 'auto']}\n          style={{ background: 'white' }}\n        >\n          <DSFormLayoutBlockItem label=\"Min\" inputID={`${idPreffix}-min-${column.id}`}>\n            <DSInputMask\n              containerProps={{ style: { textAlign: 'right' } }}\n              id={`${idPreffix}-min-${column.id}`}\n              value={`${filterValue?.from ?? ''}`}\n              onChange={handleFromChange}\n              placeholder=\"0.00\"\n              mask={(number) => MASK_TYPES.NUMBER(opts)(number)}\n              autoFocus\n              onKeyDown={(e) => {\n                closePopover(e);\n              }}\n            />\n          </DSFormLayoutBlockItem>\n          <DSFormLayoutBlockItem label=\"Max\" inputID={`${idPreffix}-max-${column.id}`}>\n            <DSInputMask\n              containerProps={{ style: { textAlign: 'right' } }}\n              id={`${idPreffix}-max-${column.id}`}\n              value={`${filterValue?.to ?? ''}`}\n              onChange={handleToChange}\n              placeholder=\"0.00\"\n              mask={(number) => MASK_TYPES.NUMBER(opts)(number)}\n              onKeyDown={(e) => {\n                closePopover(e);\n              }}\n            />\n          </DSFormLayoutBlockItem>\n        </Grid>\n      }\n      triggerIcon={<SearchXsmall />}\n      customStyles={{ width: column.ref?.current?.offsetWidth ?? '0px' }}\n      innerRef={innerRef}\n      ariaLabel=\"Open Currency Range Filter\"\n    />\n  );\n};\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA,MAAM,OAAO;AAAA,EACX,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,cAAc;AAAA,EACd,2BAA2B;AAAA,EAC3B,gBAAgB;AAAA,EAChB,eAAe;AAAA;AAGV,MAAM,sBAAwD,CAAC,UAAU;AAC9E,QAAM,EAAE,QAAQ,cAAc,EAAE,MAAM,MAAM,IAAI,QAAQ,aAAa,eAAe,aAAa;AACjG,QAAM,mBAAmB,CAAC,MAAM;AAC9B,UAAM,YAAY;AAAA,SACb;AAAA,MACH,MAAM,EAAE,OAAO;AAAA;AAEjB,kBAAc,aAAa,gBAAgB;AAAA;AAE7C,QAAM,iBAAiB,CAAC,MAAM;AAC5B,UAAM,YAAY;AAAA,SACb;AAAA,MACH,IAAI,EAAE,OAAO;AAAA;AAEf,kBAAc,aAAa,gBAAgB;AAAA;AAE7C,QAAM,EAAE,gBAAgB;AAGxB,QAAM,eAAe,CAAC,MAAM;AAC1B,QAAI,EAAE,SAAS,UAAU;AACvB,kBAAY,OAAO,IAAI,EAAE,gBAAgB,MAAM,kBAAkB;AACjE,eAAS,QAAQ;AAAA;AAAA;AAIrB,QAAM,YAAY;AAClB,SACE,qCAAC,eAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,UAAU,OAAO;AAAA,IACjB,aACE,qCAAC,MAAD;AAAA,MACE,eAAa,YAAY;AAAA,MACzB,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAM,CAAC,QAAQ;AAAA,MACf,OAAO,EAAE,YAAY;AAAA,OAErB,qCAAC,uBAAD;AAAA,MAAuB,OAAM;AAAA,MAAM,SAAS,GAAG,iBAAiB,OAAO;AAAA,OACrE,qCAAC,aAAD;AAAA,MACE,gBAAgB,EAAE,OAAO,EAAE,WAAW;AAAA,MACtC,IAAI,GAAG,iBAAiB,OAAO;AAAA,MAC/B,OAAO,GAAG,aAAa,QAAQ;AAAA,MAC/B,UAAU;AAAA,MACV,aAAY;AAAA,MACZ,MAAM,CAAC,WAAW,WAAW,OAAO,MAAM;AAAA,MAC1C,WAAS;AAAA,MACT,WAAW,CAAC,MAAM;AAChB,qBAAa;AAAA;AAAA,SAInB,qCAAC,uBAAD;AAAA,MAAuB,OAAM;AAAA,MAAM,SAAS,GAAG,iBAAiB,OAAO;AAAA,OACrE,qCAAC,aAAD;AAAA,MACE,gBAAgB,EAAE,OAAO,EAAE,WAAW;AAAA,MACtC,IAAI,GAAG,iBAAiB,OAAO;AAAA,MAC/B,OAAO,GAAG,aAAa,MAAM;AAAA,MAC7B,UAAU;AAAA,MACV,aAAY;AAAA,MACZ,MAAM,CAAC,WAAW,WAAW,OAAO,MAAM;AAAA,MAC1C,WAAW,CAAC,MAAM;AAChB,qBAAa;AAAA;AAAA;AAAA,IAMvB,aAAa,qCAAC,cAAD;AAAA,IACb,cAAc,EAAE,OAAO,OAAO,KAAK,SAAS,eAAe;AAAA,IAC3D;AAAA,IACA,WAAU;AAAA;AAAA;",
+  "names": []
+}

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

@@ -1,54 +1,15 @@
-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 => {
+import * as React from "react";
+import React2, { useEffect, useState } from "react";
+import { DatePicker2 } from "@elliemae/ds-icons";
+import { Grid } from "@elliemae/ds-grid";
+import { DSControlledDateRangePicker } from "@elliemae/ds-controlled-form";
+import { FilterPopover, FILTER_TYPES } from "../../../../exported-related";
+import { DATA_TESTID } from "../../../../configs/constants";
+const emptyFilterValue = { startDate: null, endDate: null };
+const DateRangeFilter = (props) => {
   const {
     column,
-    column: {
-      id
-    },
+    column: { id },
     filterValue = emptyFilterValue,
     onValueChange,
     patchHeaderFilterButtonAndMenu,
@@ -56,54 +17,49 @@ const DateRangeFilter = props => {
     innerRef
   } = props;
   const dateRange = filterValue;
-  const [startDate, setStartDate] = useState(dateRange.startDate || '');
-  const [endDate, setEndDate] = useState(dateRange.endDate || '');
+  const [startDate, setStartDate] = useState(dateRange.startDate || "");
+  const [endDate, setEndDate] = useState(dateRange.endDate || "");
   useEffect(() => {
-    setStartDate(dateRange.startDate || '');
-    setEndDate(dateRange.endDate || '');
+    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
-
+    if (startDate && endDate && !startDate.includes("_") && !endDate.includes("_")) {
+      onValueChange(FILTER_TYPES.DATE_RANGE, { startDate, endDate });
+    }
   }, [startDate, endDate]);
-  return /*#__PURE__*/_jsx(FilterPopover, {
-    reduxHeader: reduxHeader,
-    column: column,
+  return /* @__PURE__ */ React2.createElement(FilterPopover, {
+    reduxHeader,
+    column,
     columnId: id,
-    menuContent: /*#__PURE__*/_jsx(Grid, {
+    menuContent: /* @__PURE__ */ React2.createElement(Grid, {
       width: "260px",
       "data-testid": DATA_TESTID.DATA_TABLE_DATE_RANGE_CONTROLLER
-    }, void 0, /*#__PURE__*/_jsx(Grid, {
+    }, /* @__PURE__ */ React2.createElement(Grid, {
       p: "xxs",
-      style: {
-        background: 'white'
-      }
-    }, void 0, /*#__PURE__*/_jsx(DSControlledDateRangePicker, {
+      style: { background: "white" }
+    }, /* @__PURE__ */ React2.createElement(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, {
+    })), /* @__PURE__ */ React2.createElement(Grid, {
+      onKeyDown: (e) => e.code === "Enter" && setTimeout(() => patchHeaderFilterButtonAndMenu(id, !!(dateRange.startDate || dateRange.endDate)), 0)
+    }, /* @__PURE__ */ React2.createElement(DSControlledDateRangePicker, {
       fromDate: startDate,
       onFromDateChange: setStartDate,
       toDate: endDate,
       onToDateChange: setEndDate,
       type: "date-range-picker-controller-only"
     }))),
-    triggerIcon: _DatePicker || (_DatePicker = /*#__PURE__*/_jsx(DatePicker2, {})),
-    innerRef: innerRef,
+    triggerIcon: /* @__PURE__ */ React2.createElement(DatePicker2, null),
+    innerRef,
     ariaLabel: "Open Date Range Filter"
   });
 };
-
-export { DateRangeFilter };
+export {
+  DateRangeFilter
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/addons/Filters/Components/DateRangeFilter/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React, { useEffect, useState } from 'react';\nimport { DatePicker2 } from '@elliemae/ds-icons';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSControlledDateRangePicker } from '@elliemae/ds-controlled-form';\nimport { FilterPopover, FILTER_TYPES } from '../../../../exported-related';\nimport { FilterProps } from '../../../../types/props';\nimport { DATA_TESTID } from '../../../../configs/constants';\n\nconst emptyFilterValue = { startDate: null, endDate: null };\n\nexport const DateRangeFilter: React.ComponentType<FilterProps> = (props) => {\n  const {\n    column,\n    column: { id },\n    filterValue = emptyFilterValue,\n    onValueChange,\n    patchHeaderFilterButtonAndMenu,\n    reduxHeader,\n    innerRef,\n  } = props;\n\n  const dateRange = filterValue;\n\n  const [startDate, setStartDate] = useState(dateRange.startDate || '');\n  const [endDate, setEndDate] = useState(dateRange.endDate || '');\n\n  useEffect(() => {\n    setStartDate(dateRange.startDate || '');\n    setEndDate(dateRange.endDate || '');\n  }, [dateRange]);\n\n  useEffect(() => {\n    if (startDate && endDate && !startDate.includes('_') && !endDate.includes('_')) {\n      onValueChange(FILTER_TYPES.DATE_RANGE, { startDate, endDate });\n    }\n    // We are missing onValueChange on purpose, this is an internal function and won't cause any problems\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [startDate, endDate]);\n\n  return (\n    <FilterPopover\n      reduxHeader={reduxHeader}\n      column={column}\n      columnId={id}\n      menuContent={\n        <Grid width=\"260px\" data-testid={DATA_TESTID.DATA_TABLE_DATE_RANGE_CONTROLLER}>\n          <Grid p=\"xxs\" style={{ background: 'white' }}>\n            <DSControlledDateRangePicker\n              fromDate={startDate}\n              onFromDateChange={setStartDate}\n              toDate={endDate}\n              onToDateChange={setEndDate}\n              type=\"date-range-inputs\"\n              autoFocus\n            />\n          </Grid>\n          <Grid\n            onKeyDown={(e) =>\n              e.code === 'Enter' &&\n              setTimeout(() => patchHeaderFilterButtonAndMenu(id, !!(dateRange.startDate || dateRange.endDate)), 0)\n            }\n          >\n            <DSControlledDateRangePicker\n              fromDate={startDate}\n              onFromDateChange={setStartDate}\n              toDate={endDate}\n              onToDateChange={setEndDate}\n              type=\"date-range-picker-controller-only\"\n            />\n          </Grid>\n        </Grid>\n      }\n      triggerIcon={<DatePicker2 />}\n      innerRef={innerRef}\n      ariaLabel=\"Open Date Range Filter\"\n    />\n  );\n};\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AAEA;AAEA,MAAM,mBAAmB,EAAE,WAAW,MAAM,SAAS;AAE9C,MAAM,kBAAoD,CAAC,UAAU;AAC1E,QAAM;AAAA,IACJ;AAAA,IACA,QAAQ,EAAE;AAAA,IACV,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE;AAEJ,QAAM,YAAY;AAElB,QAAM,CAAC,WAAW,gBAAgB,SAAS,UAAU,aAAa;AAClE,QAAM,CAAC,SAAS,cAAc,SAAS,UAAU,WAAW;AAE5D,YAAU,MAAM;AACd,iBAAa,UAAU,aAAa;AACpC,eAAW,UAAU,WAAW;AAAA,KAC/B,CAAC;AAEJ,YAAU,MAAM;AACd,QAAI,aAAa,WAAW,CAAC,UAAU,SAAS,QAAQ,CAAC,QAAQ,SAAS,MAAM;AAC9E,oBAAc,aAAa,YAAY,EAAE,WAAW;AAAA;AAAA,KAIrD,CAAC,WAAW;AAEf,SACE,qCAAC,eAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,aACE,qCAAC,MAAD;AAAA,MAAM,OAAM;AAAA,MAAQ,eAAa,YAAY;AAAA,OAC3C,qCAAC,MAAD;AAAA,MAAM,GAAE;AAAA,MAAM,OAAO,EAAE,YAAY;AAAA,OACjC,qCAAC,6BAAD;AAAA,MACE,UAAU;AAAA,MACV,kBAAkB;AAAA,MAClB,QAAQ;AAAA,MACR,gBAAgB;AAAA,MAChB,MAAK;AAAA,MACL,WAAS;AAAA,SAGb,qCAAC,MAAD;AAAA,MACE,WAAW,CAAC,MACV,EAAE,SAAS,WACX,WAAW,MAAM,+BAA+B,IAAI,CAAC,CAAE,WAAU,aAAa,UAAU,WAAW;AAAA,OAGrG,qCAAC,6BAAD;AAAA,MACE,UAAU;AAAA,MACV,kBAAkB;AAAA,MAClB,QAAQ;AAAA,MACR,gBAAgB;AAAA,MAChB,MAAK;AAAA;AAAA,IAKb,aAAa,qCAAC,aAAD;AAAA,IACb;AAAA,IACA,WAAU;AAAA;AAAA;",
+  "names": []
+}

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

@@ -1,54 +1,19 @@
-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 => {
+import * as React from "react";
+import React2, { useEffect, useState } from "react";
+import { DatePicker2 } from "@elliemae/ds-icons";
+import { Grid } from "@elliemae/ds-grid";
+import {
+  DSControlledDateRangePicker,
+  DSControlledDateTimePicker,
+  DSControlledCheckbox
+} from "@elliemae/ds-controlled-form";
+import { FilterPopover, FILTER_TYPES } from "../../../../exported-related";
+import { DATA_TESTID } from "../../../../configs/constants";
+const emptyFilterValue = { startDate: null, endDate: null };
+const DateSwitcherFilter = (props) => {
   const {
     column,
-    column: {
-      id
-    },
+    column: { id },
     filterValue = emptyFilterValue,
     onValueChange,
     patchHeaderFilterButtonAndMenu,
@@ -56,81 +21,75 @@ const DateSwitcherFilter = props => {
     innerRef
   } = props;
   const dateRange = filterValue;
-  const [startDate, setStartDate] = useState(dateRange.startDate || '');
-  const [endDate, setEndDate] = useState(dateRange.endDate || '');
+  const [startDate, setStartDate] = useState(dateRange.startDate || "");
+  const [endDate, setEndDate] = useState(dateRange.endDate || "");
   const [isDateRange, setIsDateRange] = useState(false);
   useEffect(() => {
-    setStartDate(dateRange.startDate || '');
-    setEndDate(dateRange.endDate || '');
+    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
-
+    if (startDate && endDate && !startDate.includes("_") && !endDate.includes("_")) {
+      onValueChange(FILTER_TYPES.DATE_SWITCHER, { startDate, endDate, isDateRange });
+    }
   }, [startDate, endDate, isDateRange]);
-  return /*#__PURE__*/_jsx(FilterPopover, {
-    reduxHeader: reduxHeader,
-    column: column,
+  return /* @__PURE__ */ React2.createElement(FilterPopover, {
+    reduxHeader,
+    column,
     columnId: id,
-    menuContent: /*#__PURE__*/_jsx(Grid, {
+    menuContent: /* @__PURE__ */ React2.createElement(Grid, {
       width: "260px",
       "data-testid": DATA_TESTID.DATA_TABLE_DATE_RANGE_CONTROLLER
-    }, void 0, /*#__PURE__*/_jsx(Grid, {
+    }, /* @__PURE__ */ React2.createElement(Grid, {
       p: "xxs",
       gutter: "xxs",
-      style: {
-        background: 'white'
-      }
-    }, void 0, /*#__PURE__*/_jsx(DSControlledCheckbox, {
+      style: { background: "white" }
+    }, /* @__PURE__ */ React2.createElement(DSControlledCheckbox, {
       checked: isDateRange,
       name: "Date range",
       label: "Date Range",
       id: "date-range-switcher-id-internal",
       onChange: () => {
         setIsDateRange(!isDateRange);
-        setStartDate('');
-        setEndDate('');
+        setStartDate("");
+        setEndDate("");
       },
       autoFocus: true
-    }), isDateRange ? /*#__PURE__*/_jsx(DSControlledDateRangePicker, {
+    }), isDateRange ? /* @__PURE__ */ React2.createElement(DSControlledDateRangePicker, {
       fromDate: startDate,
       onFromDateChange: setStartDate,
       toDate: endDate,
       onToDateChange: setEndDate,
       type: "date-range-inputs"
-    }) : /*#__PURE__*/_jsx(DSControlledDateTimePicker, {
+    }) : /* @__PURE__ */ React2.createElement(DSControlledDateTimePicker, {
       date: startDate,
-      onDateChange: _date => {
+      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, {
+    })), /* @__PURE__ */ React2.createElement(Grid, {
+      onKeyDown: (e) => e.code === "Enter" && setTimeout(() => patchHeaderFilterButtonAndMenu(id, !!(dateRange.startDate || dateRange.endDate)), 0)
+    }, isDateRange ? /* @__PURE__ */ React2.createElement(DSControlledDateRangePicker, {
       fromDate: startDate,
       onFromDateChange: setStartDate,
       toDate: endDate,
       onToDateChange: setEndDate,
       type: "date-range-picker-controller-only"
-    }) : /*#__PURE__*/_jsx(DSControlledDateTimePicker, {
+    }) : /* @__PURE__ */ React2.createElement(DSControlledDateTimePicker, {
       date: startDate,
-      onDateChange: _date => {
+      onDateChange: (_date) => {
         setStartDate(_date);
         setEndDate(_date);
       },
       type: "date-picker-controller-only"
     }))),
-    triggerIcon: _DatePicker || (_DatePicker = /*#__PURE__*/_jsx(DatePicker2, {})),
-    innerRef: innerRef,
+    triggerIcon: /* @__PURE__ */ React2.createElement(DatePicker2, null),
+    innerRef,
     ariaLabel: "Open Date Range Filter"
   });
 };
-
-export { DateSwitcherFilter };
+export {
+  DateSwitcherFilter
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/addons/Filters/Components/DateSwitcherFilter/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable react/prop-types */\nimport React, { useEffect, useState } from 'react';\nimport { DatePicker2 } from '@elliemae/ds-icons';\nimport { Grid } from '@elliemae/ds-grid';\nimport {\n  DSControlledDateRangePicker,\n  DSControlledDateTimePicker,\n  DSControlledCheckbox,\n} from '@elliemae/ds-controlled-form';\nimport { FilterPopover, FILTER_TYPES } from '../../../../exported-related';\nimport { FilterProps } from '../../../../types/props';\nimport { DATA_TESTID } from '../../../../configs/constants';\n\nconst emptyFilterValue = { startDate: null, endDate: null };\n\nexport const DateSwitcherFilter: React.ComponentType<FilterProps> = (props) => {\n  const {\n    column,\n    column: { id },\n    filterValue = emptyFilterValue,\n    onValueChange,\n    patchHeaderFilterButtonAndMenu,\n    reduxHeader,\n    innerRef,\n  } = props;\n\n  const dateRange = filterValue;\n\n  const [startDate, setStartDate] = useState(dateRange.startDate || '');\n  const [endDate, setEndDate] = useState(dateRange.endDate || '');\n  const [isDateRange, setIsDateRange] = useState(false);\n\n  useEffect(() => {\n    setStartDate(dateRange.startDate || '');\n    setEndDate(dateRange.endDate || '');\n  }, [dateRange]);\n\n  useEffect(() => {\n    if (startDate && endDate && !startDate.includes('_') && !endDate.includes('_')) {\n      onValueChange(FILTER_TYPES.DATE_SWITCHER, { startDate, endDate, isDateRange });\n    }\n    // We are missing onValueChange on purpose, this is an internal function and won't cause any problems\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [startDate, endDate, isDateRange]);\n\n  return (\n    <FilterPopover\n      reduxHeader={reduxHeader}\n      column={column}\n      columnId={id}\n      menuContent={\n        <Grid width=\"260px\" data-testid={DATA_TESTID.DATA_TABLE_DATE_RANGE_CONTROLLER}>\n          <Grid p=\"xxs\" gutter=\"xxs\" style={{ background: 'white' }}>\n            <DSControlledCheckbox\n              checked={isDateRange}\n              name=\"Date range\"\n              label=\"Date Range\"\n              id=\"date-range-switcher-id-internal\"\n              onChange={() => {\n                setIsDateRange(!isDateRange);\n                setStartDate('');\n                setEndDate('');\n              }}\n              autoFocus\n            />\n            {isDateRange ? (\n              <DSControlledDateRangePicker\n                fromDate={startDate}\n                onFromDateChange={setStartDate}\n                toDate={endDate}\n                onToDateChange={setEndDate}\n                type=\"date-range-inputs\"\n              />\n            ) : (\n              <DSControlledDateTimePicker\n                date={startDate}\n                onDateChange={(_date) => {\n                  setStartDate(_date);\n                  setEndDate(_date);\n                }}\n                type=\"date-inputs\"\n              />\n            )}\n          </Grid>\n          <Grid\n            onKeyDown={(e) =>\n              e.code === 'Enter' &&\n              setTimeout(() => patchHeaderFilterButtonAndMenu(id, !!(dateRange.startDate || dateRange.endDate)), 0)\n            }\n          >\n            {isDateRange ? (\n              <DSControlledDateRangePicker\n                fromDate={startDate}\n                onFromDateChange={setStartDate}\n                toDate={endDate}\n                onToDateChange={setEndDate}\n                type=\"date-range-picker-controller-only\"\n              />\n            ) : (\n              <DSControlledDateTimePicker\n                date={startDate}\n                onDateChange={(_date) => {\n                  setStartDate(_date);\n                  setEndDate(_date);\n                }}\n                type=\"date-picker-controller-only\"\n              />\n            )}\n          </Grid>\n        </Grid>\n      }\n      triggerIcon={<DatePicker2 />}\n      innerRef={innerRef}\n      ariaLabel=\"Open Date Range Filter\"\n    />\n  );\n};\n"],
+  "mappings": "AAAA;ACEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAKA;AAEA;AAEA,MAAM,mBAAmB,EAAE,WAAW,MAAM,SAAS;AAE9C,MAAM,qBAAuD,CAAC,UAAU;AAC7E,QAAM;AAAA,IACJ;AAAA,IACA,QAAQ,EAAE;AAAA,IACV,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE;AAEJ,QAAM,YAAY;AAElB,QAAM,CAAC,WAAW,gBAAgB,SAAS,UAAU,aAAa;AAClE,QAAM,CAAC,SAAS,cAAc,SAAS,UAAU,WAAW;AAC5D,QAAM,CAAC,aAAa,kBAAkB,SAAS;AAE/C,YAAU,MAAM;AACd,iBAAa,UAAU,aAAa;AACpC,eAAW,UAAU,WAAW;AAAA,KAC/B,CAAC;AAEJ,YAAU,MAAM;AACd,QAAI,aAAa,WAAW,CAAC,UAAU,SAAS,QAAQ,CAAC,QAAQ,SAAS,MAAM;AAC9E,oBAAc,aAAa,eAAe,EAAE,WAAW,SAAS;AAAA;AAAA,KAIjE,CAAC,WAAW,SAAS;AAExB,SACE,qCAAC,eAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,aACE,qCAAC,MAAD;AAAA,MAAM,OAAM;AAAA,MAAQ,eAAa,YAAY;AAAA,OAC3C,qCAAC,MAAD;AAAA,MAAM,GAAE;AAAA,MAAM,QAAO;AAAA,MAAM,OAAO,EAAE,YAAY;AAAA,OAC9C,qCAAC,sBAAD;AAAA,MACE,SAAS;AAAA,MACT,MAAK;AAAA,MACL,OAAM;AAAA,MACN,IAAG;AAAA,MACH,UAAU,MAAM;AACd,uBAAe,CAAC;AAChB,qBAAa;AACb,mBAAW;AAAA;AAAA,MAEb,WAAS;AAAA,QAEV,cACC,qCAAC,6BAAD;AAAA,MACE,UAAU;AAAA,MACV,kBAAkB;AAAA,MAClB,QAAQ;AAAA,MACR,gBAAgB;AAAA,MAChB,MAAK;AAAA,SAGP,qCAAC,4BAAD;AAAA,MACE,MAAM;AAAA,MACN,cAAc,CAAC,UAAU;AACvB,qBAAa;AACb,mBAAW;AAAA;AAAA,MAEb,MAAK;AAAA,SAIX,qCAAC,MAAD;AAAA,MACE,WAAW,CAAC,MACV,EAAE,SAAS,WACX,WAAW,MAAM,+BAA+B,IAAI,CAAC,CAAE,WAAU,aAAa,UAAU,WAAW;AAAA,OAGpG,cACC,qCAAC,6BAAD;AAAA,MACE,UAAU;AAAA,MACV,kBAAkB;AAAA,MAClB,QAAQ;AAAA,MACR,gBAAgB;AAAA,MAChB,MAAK;AAAA,SAGP,qCAAC,4BAAD;AAAA,MACE,MAAM;AAAA,MACN,cAAc,CAAC,UAAU;AACvB,qBAAa;AACb,mBAAW;AAAA;AAAA,MAEb,MAAK;AAAA;AAAA,IAMf,aAAa,qCAAC,aAAD;AAAA,IACb;AAAA,IACA,WAAU;AAAA;AAAA;",
+  "names": []
+}