@elliemae/ds-datagrids 3.0.0-next.2 → 3.0.0-next.3

package/dist/esm/plugins/export-data/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/export-data/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { ExportDataPlugin } from './ExportDataPlugin';\n"],
+  "mappings": "AAAA;ACAA;",
+  "names": []
+}

package/dist/esm/plugins/filterable/FilterablePlugin.js

@@ -0,0 +1,51 @@
+import * as React from "react";
+import { get, isFunction } from "@elliemae/ds-utilities";
+import { createInstancePlugin } from "@elliemae/ds-shared/createDataInstance/createInstancePlugin";
+import { addFilterToColumn } from "./addFilterToColumn";
+import filterRowsByQuery, { filterRowsByQueryGroup } from "./filtering-helper/filterRowsByQuery";
+import { useFilterableState } from "./useFilterableState";
+const decorateColumn = (column, grid) => {
+  const {
+    props: { isFilterableColumnActive = (col) => col.searchable, onRemoveAllFilters },
+    actions: { addFilter, removeFilter },
+    state: { query, filters }
+  } = grid;
+  return isFilterableColumnActive(column) ? addFilterToColumn({
+    grid,
+    onAddFilter: addFilter,
+    onRemoveFilter: removeFilter,
+    onRemoveAllFilters,
+    query,
+    filters
+  }, column) : column;
+};
+const composeRows = (rows, grid) => {
+  const {
+    props: { isDataFiltered, groupedRows },
+    state: { query },
+    composedRows
+  } = grid.getInstance();
+  const nextRows = !groupedRows ? filterRowsByQuery(rows, query) : filterRowsByQueryGroup(rows, query, composedRows);
+  return !isDataFiltered ? nextRows : rows;
+};
+const FilterablePlugin = createInstancePlugin("filterable", {
+  registerStateHook: useFilterableState,
+  decorateColumn,
+  composeRows,
+  registerHotKeys(grid) {
+    return {
+      key: "ctrl+f",
+      handler: ({ cellIndex }) => {
+        const { decoratedColumns } = grid.getInstance();
+        const column = decoratedColumns[cellIndex];
+        const toggleMenuMethod = get(column, ["filterMenu", "current", "toggleMenu"]);
+        if (isFunction(toggleMenuMethod))
+          toggleMenuMethod();
+      }
+    };
+  }
+});
+export {
+  FilterablePlugin
+};
+//# sourceMappingURL=FilterablePlugin.js.map

package/dist/esm/plugins/filterable/FilterablePlugin.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/filterable/FilterablePlugin.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable indent */\nimport { get, isFunction } from '@elliemae/ds-utilities';\nimport { createInstancePlugin } from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';\nimport { addFilterToColumn } from './addFilterToColumn';\n\nimport filterRowsByQuery, { filterRowsByQueryGroup } from './filtering-helper/filterRowsByQuery';\nimport { useFilterableState } from './useFilterableState';\n\nconst decorateColumn = (column, grid) => {\n  const {\n    props: { isFilterableColumnActive = (col) => col.searchable, onRemoveAllFilters },\n    actions: { addFilter, removeFilter },\n    state: { query, filters },\n  } = grid;\n\n  return isFilterableColumnActive(column)\n    ? addFilterToColumn(\n        {\n          grid,\n          onAddFilter: addFilter,\n          onRemoveFilter: removeFilter,\n          onRemoveAllFilters,\n          query,\n          filters,\n        },\n        column,\n      )\n    : column;\n};\n\nconst composeRows = (rows, grid) => {\n  const {\n    props: { isDataFiltered, groupedRows },\n    state: { query },\n    composedRows,\n  } = grid.getInstance();\n  const nextRows = !groupedRows ? filterRowsByQuery(rows, query) : filterRowsByQueryGroup(rows, query, composedRows);\n\n  return !isDataFiltered ? nextRows : rows;\n};\n\nexport const FilterablePlugin = createInstancePlugin('filterable', {\n  registerStateHook: useFilterableState,\n  decorateColumn,\n  composeRows,\n  registerHotKeys(grid) {\n    return {\n      key: 'ctrl+f',\n      handler: ({ cellIndex }) => {\n        const { decoratedColumns } = grid.getInstance();\n\n        const column = decoratedColumns[cellIndex];\n        const toggleMenuMethod = get(column, ['filterMenu', 'current', 'toggleMenu']);\n        if (isFunction(toggleMenuMethod)) toggleMenuMethod();\n      },\n    };\n  },\n});\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AAEA;AACA;AAEA,MAAM,iBAAiB,CAAC,QAAQ,SAAS;AACvC,QAAM;AAAA,IACJ,OAAO,EAAE,2BAA2B,CAAC,QAAQ,IAAI,YAAY;AAAA,IAC7D,SAAS,EAAE,WAAW;AAAA,IACtB,OAAO,EAAE,OAAO;AAAA,MACd;AAEJ,SAAO,yBAAyB,UAC5B,kBACE;AAAA,IACE;AAAA,IACA,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,KAEF,UAEF;AAAA;AAGN,MAAM,cAAc,CAAC,MAAM,SAAS;AAClC,QAAM;AAAA,IACJ,OAAO,EAAE,gBAAgB;AAAA,IACzB,OAAO,EAAE;AAAA,IACT;AAAA,MACE,KAAK;AACT,QAAM,WAAW,CAAC,cAAc,kBAAkB,MAAM,SAAS,uBAAuB,MAAM,OAAO;AAErG,SAAO,CAAC,iBAAiB,WAAW;AAAA;AAG/B,MAAM,mBAAmB,qBAAqB,cAAc;AAAA,EACjE,mBAAmB;AAAA,EACnB;AAAA,EACA;AAAA,EACA,gBAAgB,MAAM;AACpB,WAAO;AAAA,MACL,KAAK;AAAA,MACL,SAAS,CAAC,EAAE,gBAAgB;AAC1B,cAAM,EAAE,qBAAqB,KAAK;AAElC,cAAM,SAAS,iBAAiB;AAChC,cAAM,mBAAmB,IAAI,QAAQ,CAAC,cAAc,WAAW;AAC/D,YAAI,WAAW;AAAmB;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/plugins/filterable/addFilterToColumn.js

@@ -0,0 +1,33 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import * as React from "react";
+import { createRef } from "react";
+import { mergeClassNameToColumnHeader } from "@elliemae/ds-shared/useDataGrid/initColumnDefinition";
+import { FilterableFormatter } from "./filterableFormatter";
+const addFilterToColumn = (props, column) => {
+  const filterMenuRef = createRef();
+  column.header.formatters.push(FilterableFormatter(__spreadProps(__spreadValues({}, props), { filterMenuRef })));
+  column.filterMenu = filterMenuRef;
+  return mergeClassNameToColumnHeader("with-filtering", column);
+};
+export {
+  addFilterToColumn
+};
+//# sourceMappingURL=addFilterToColumn.js.map

package/dist/esm/plugins/filterable/addFilterToColumn.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/filterable/addFilterToColumn.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { createRef } from 'react';\nimport { mergeClassNameToColumnHeader } from '@elliemae/ds-shared/useDataGrid/initColumnDefinition';\nimport { FilterableFormatter } from './filterableFormatter';\n\nexport const addFilterToColumn = (props, column) => {\n  const filterMenuRef = createRef();\n  column.header.formatters.push(\n    FilterableFormatter({ ...props, filterMenuRef }),\n  );\n  column.filterMenu = filterMenuRef;\n  return mergeClassNameToColumnHeader('with-filtering', column);\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AAEO,MAAM,oBAAoB,CAAC,OAAO,WAAW;AAClD,QAAM,gBAAgB;AACtB,SAAO,OAAO,WAAW,KACvB,oBAAoB,iCAAK,QAAL,EAAY;AAElC,SAAO,aAAa;AACpB,SAAO,6BAA6B,kBAAkB;AAAA;",
+  "names": []
+}

package/dist/esm/plugins/filterable/components/FilterableHeader.js

@@ -0,0 +1,118 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import * as React from "react";
+import React2, { useCallback, useEffect, useState } from "react";
+import PropTypes from "prop-types";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+import { get, debounce, useResizeObserver } from "@elliemae/ds-utilities";
+import { useTheme } from "@elliemae/ds-system";
+import { getFilterMenuByType } from "./filterable-menus/getFilterMenuByType";
+const blockName = "data-grid-filter-header";
+const Container = aggregatedClasses("div")(blockName, null, ({ showFilter }) => ({
+  "show-filter": showFilter
+}));
+const FilterHeaderValue = aggregatedClasses("div")(blockName, "value");
+const FilterHeaderButton = aggregatedClasses("div")(blockName, "button");
+const FilterableHeader = ({
+  column,
+  value,
+  columnData,
+  onAddFilter,
+  onRemoveFilter,
+  filterMenuRef,
+  onFilterMenuClose,
+  onFilterMenuOpen,
+  filters,
+  isMulti
+}) => {
+  const [isMenuOpened, setMenuOpened] = useState(false);
+  const [headerWidth, setHeaderWidth] = useState();
+  const debouncedWidthSetter = debounce(setHeaderWidth, 200);
+  const { filterMenuMinWidth, filterMenuMaxWidth } = column;
+  const theme = useTheme();
+  const dropdownMinWidth = filterMenuMinWidth || Number(theme.space.xl.replace("px", "")) * 2;
+  const defineHeaderWidth = ({ width }) => {
+    let nextWidth = width + 16;
+    if (nextWidth < dropdownMinWidth)
+      nextWidth = dropdownMinWidth;
+    if (filterMenuMaxWidth && nextWidth > filterMenuMaxWidth)
+      nextWidth = filterMenuMaxWidth;
+    return !isMenuOpened ? debouncedWidthSetter(nextWidth) : setHeaderWidth(nextWidth);
+  };
+  useEffect(() => {
+    if (filterMenuRef) {
+      filterMenuRef.current = {
+        toggleMenu: () => setMenuOpened((prevState) => !prevState)
+      };
+    }
+  }, [filterMenuRef]);
+  useEffect(() => {
+    if (!isMenuOpened)
+      onFilterMenuClose(column);
+    else
+      onFilterMenuOpen(column);
+  });
+  const [ref] = useResizeObserver(defineHeaderWidth);
+  const handleOpenMenu = useCallback((open) => {
+    setMenuOpened(open);
+    if (open)
+      onFilterMenuOpen();
+  }, []);
+  const FilterMenuComponent = getFilterMenuByType(get(column, ["filter", "type"]));
+  return /* @__PURE__ */ React2.createElement(Container, {
+    ref,
+    classProps: { showFilter: isMenuOpened }
+  }, /* @__PURE__ */ React2.createElement(FilterHeaderValue, {
+    className: "header-value"
+  }, value), /* @__PURE__ */ React2.createElement(FilterHeaderButton, {
+    "data-testid": "data-grid-filter-header__button"
+  }, /* @__PURE__ */ React2.createElement(FilterMenuComponent, __spreadValues({
+    className: "filter-header-menu",
+    column,
+    filters,
+    isMenuOpened,
+    isMulti,
+    menuProps: {
+      options: columnData || [],
+      style: { minWidth: headerWidth, maxWidth: filterMenuMaxWidth },
+      zIndex: 100
+    },
+    onAddFilter,
+    onRemoveFilter,
+    onOpenMenu: handleOpenMenu,
+    onClose: onFilterMenuClose,
+    width: headerWidth
+  }, get(column, ["filter"], {})))));
+};
+FilterableHeader.propTypes = {
+  column: PropTypes.any,
+  value: PropTypes.any,
+  columnData: PropTypes.any,
+  onAddFilter: PropTypes.func,
+  onRemoveFilter: PropTypes.func,
+  filterMenuRef: PropTypes.any,
+  onFilterMenuClose: PropTypes.func,
+  onFilterMenuOpen: PropTypes.func,
+  filters: PropTypes.arrayOf(PropTypes.shape({})),
+  isMulti: PropTypes.bool
+};
+var FilterableHeader_default = FilterableHeader;
+export {
+  FilterableHeader,
+  FilterableHeader_default as default
+};
+//# sourceMappingURL=FilterableHeader.js.map

package/dist/esm/plugins/filterable/components/FilterableHeader.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/plugins/filterable/components/FilterableHeader.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-param-reassign */\nimport React, { useCallback, useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { get, debounce, useResizeObserver} from '@elliemae/ds-utilities';\nimport { useTheme } from '@elliemae/ds-system';\nimport { getFilterMenuByType } from './filterable-menus/getFilterMenuByType';\n\nconst blockName = 'data-grid-filter-header';\n\nconst Container = aggregatedClasses('div')(blockName, null, ({ showFilter }) => ({\n  'show-filter': showFilter,\n}));\nconst FilterHeaderValue = aggregatedClasses('div')(blockName, 'value');\nconst FilterHeaderButton = aggregatedClasses('div')(blockName, 'button');\n\nexport const FilterableHeader = ({\n  column,\n  value,\n  columnData,\n  onAddFilter,\n  onRemoveFilter,\n  filterMenuRef,\n  onFilterMenuClose,\n  onFilterMenuOpen,\n  filters,\n  isMulti,\n}) => {\n  const [isMenuOpened, setMenuOpened] = useState(false);\n  const [headerWidth, setHeaderWidth] = useState();\n  const debouncedWidthSetter = debounce(setHeaderWidth, 200);\n  const { filterMenuMinWidth, filterMenuMaxWidth } = column;\n  const theme = useTheme();\n  const dropdownMinWidth = filterMenuMinWidth || Number(theme.space.xl.replace('px', '')) * 2;\n\n  const defineHeaderWidth = ({ width }) => {\n    let nextWidth = width + 16; // todo: use dimsum space once we convert it to JS\n    if (nextWidth < dropdownMinWidth) nextWidth = dropdownMinWidth;\n    if (filterMenuMaxWidth && nextWidth > filterMenuMaxWidth) nextWidth = filterMenuMaxWidth;\n    return !isMenuOpened ? debouncedWidthSetter(nextWidth) : setHeaderWidth(nextWidth);\n  };\n\n  useEffect(() => {\n    if (filterMenuRef) {\n      filterMenuRef.current = {\n        toggleMenu: () => setMenuOpened((prevState) => !prevState),\n      };\n    }\n  }, [filterMenuRef]);\n\n  useEffect(() => {\n    if (!isMenuOpened) onFilterMenuClose(column);\n    else onFilterMenuOpen(column);\n  });\n\n  const [ref] = useResizeObserver(defineHeaderWidth);\n  const handleOpenMenu = useCallback((open) => {\n    setMenuOpened(open);\n    if (open) onFilterMenuOpen();\n  }, []);\n  const FilterMenuComponent = getFilterMenuByType(get(column, ['filter', 'type']));\n  return (\n    <Container ref={ref} classProps={{ showFilter: isMenuOpened }}>\n      <FilterHeaderValue className=\"header-value\">{value}</FilterHeaderValue>\n      <FilterHeaderButton data-testid=\"data-grid-filter-header__button\">\n        <FilterMenuComponent\n          className=\"filter-header-menu\"\n          column={column}\n          filters={filters}\n          isMenuOpened={isMenuOpened}\n          isMulti={isMulti}\n          menuProps={{\n            options: columnData || [],\n            style: { minWidth: headerWidth, maxWidth: filterMenuMaxWidth },\n            zIndex: 100,\n          }}\n          onAddFilter={onAddFilter}\n          onRemoveFilter={onRemoveFilter}\n          onOpenMenu={handleOpenMenu}\n          onClose={onFilterMenuClose}\n          width={headerWidth}\n          {...get(column, ['filter'], {})}\n        />\n      </FilterHeaderButton>\n    </Container>\n  );\n}\n\nFilterableHeader.propTypes = {\n  column: PropTypes.any,\n  value: PropTypes.any,\n  columnData: PropTypes.any,\n  onAddFilter: PropTypes.func,\n  onRemoveFilter: PropTypes.func,\n  filterMenuRef: PropTypes.any,\n  onFilterMenuClose: PropTypes.func,\n  onFilterMenuOpen: PropTypes.func,\n  filters: PropTypes.arrayOf(PropTypes.shape({})),\n  isMulti: PropTypes.bool,\n};\n\nexport default FilterableHeader;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,YAAY,kBAAkB,OAAO,WAAW,MAAM,CAAC,EAAE,iBAAkB;AAAA,EAC/E,eAAe;AAAA;AAEjB,MAAM,oBAAoB,kBAAkB,OAAO,WAAW;AAC9D,MAAM,qBAAqB,kBAAkB,OAAO,WAAW;AAExD,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,CAAC,cAAc,iBAAiB,SAAS;AAC/C,QAAM,CAAC,aAAa,kBAAkB;AACtC,QAAM,uBAAuB,SAAS,gBAAgB;AACtD,QAAM,EAAE,oBAAoB,uBAAuB;AACnD,QAAM,QAAQ;AACd,QAAM,mBAAmB,sBAAsB,OAAO,MAAM,MAAM,GAAG,QAAQ,MAAM,OAAO;AAE1F,QAAM,oBAAoB,CAAC,EAAE,YAAY;AACvC,QAAI,YAAY,QAAQ;AACxB,QAAI,YAAY;AAAkB,kBAAY;AAC9C,QAAI,sBAAsB,YAAY;AAAoB,kBAAY;AACtE,WAAO,CAAC,eAAe,qBAAqB,aAAa,eAAe;AAAA;AAG1E,YAAU,MAAM;AACd,QAAI,eAAe;AACjB,oBAAc,UAAU;AAAA,QACtB,YAAY,MAAM,cAAc,CAAC,cAAc,CAAC;AAAA;AAAA;AAAA,KAGnD,CAAC;AAEJ,YAAU,MAAM;AACd,QAAI,CAAC;AAAc,wBAAkB;AAAA;AAChC,uBAAiB;AAAA;AAGxB,QAAM,CAAC,OAAO,kBAAkB;AAChC,QAAM,iBAAiB,YAAY,CAAC,SAAS;AAC3C,kBAAc;AACd,QAAI;AAAM;AAAA,KACT;AACH,QAAM,sBAAsB,oBAAoB,IAAI,QAAQ,CAAC,UAAU;AACvE,SACE,qCAAC,WAAD;AAAA,IAAW;AAAA,IAAU,YAAY,EAAE,YAAY;AAAA,KAC7C,qCAAC,mBAAD;AAAA,IAAmB,WAAU;AAAA,KAAgB,QAC7C,qCAAC,oBAAD;AAAA,IAAoB,eAAY;AAAA,KAC9B,qCAAC,qBAAD;AAAA,IACE,WAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACT,SAAS,cAAc;AAAA,MACvB,OAAO,EAAE,UAAU,aAAa,UAAU;AAAA,MAC1C,QAAQ;AAAA;AAAA,IAEV;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,OAAO;AAAA,KACH,IAAI,QAAQ,CAAC,WAAW;AAAA;AAOtC,iBAAiB,YAAY;AAAA,EAC3B,QAAQ,UAAU;AAAA,EAClB,OAAO,UAAU;AAAA,EACjB,YAAY,UAAU;AAAA,EACtB,aAAa,UAAU;AAAA,EACvB,gBAAgB,UAAU;AAAA,EAC1B,eAAe,UAAU;AAAA,EACzB,mBAAmB,UAAU;AAAA,EAC7B,kBAAkB,UAAU;AAAA,EAC5B,SAAS,UAAU,QAAQ,UAAU,MAAM;AAAA,EAC3C,SAAS,UAAU;AAAA;AAGrB,IAAO,2BAAQ;",
+  "names": []
+}

package/dist/esm/plugins/filterable/components/filterable-menus/DateRangeFilterMenu.js

@@ -0,0 +1,128 @@
+import * as React from "react";
+import React2, { useEffect, useState } from "react";
+import PropTypes from "prop-types";
+import { DSControlledDateRangePicker } from "@elliemae/ds-controlled-form";
+import { DSPopper, PopperPositions as Position } from "@elliemae/ds-popper";
+import { DatePicker2 } from "@elliemae/ds-icons";
+import { DSButton } from "@elliemae/ds-button";
+import moment from "moment";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+import { DEFAULT_DATE_FORMAT } from "./defaultDateFormat";
+const blockname = "date-range";
+const Wrapper = aggregatedClasses("div")(blockname, "wrapper");
+const Header = aggregatedClasses("div")(blockname, "header");
+const DateRangePickerContainer = ({ onChange = () => null, showHeader }) => {
+  const [startDate, setStartDate] = useState("");
+  const [endDate, setEndDate] = useState("");
+  const [lastChangeWasPicker, setLastChangeWasPicker] = useState(false);
+  useEffect(() => {
+    const startMoment = moment(startDate);
+    const endMoment = moment(endDate);
+    if (lastChangeWasPicker && startDate && !startDate.includes("_") && endDate && !endDate.includes("_") && endMoment.diff(startMoment) >= 0) {
+      onChange({ startDate: startMoment, endDate: endMoment });
+    }
+  }, [startDate, endDate, lastChangeWasPicker]);
+  return /* @__PURE__ */ React2.createElement(Wrapper, {
+    "data-testid": "date-range__wrapper",
+    onKeyDown: (e) => e.code === "Enter" && setLastChangeWasPicker(true),
+    style: { backgroundColor: "white", boxShadow: "0 6px 20px 0 rgb(0 0 0 / 24%)", width: "261px" }
+  }, showHeader && /* @__PURE__ */ React2.createElement(Header, {
+    style: { padding: "8px", display: "flex", justifyContent: "center" }
+  }, /* @__PURE__ */ React2.createElement(DSControlledDateRangePicker, {
+    fromDate: startDate,
+    onFromDateChange: (_start) => {
+      setStartDate(_start);
+      setLastChangeWasPicker(false);
+    },
+    toDate: endDate,
+    onToDateChange: (_end) => {
+      setEndDate(_end);
+      setLastChangeWasPicker(false);
+    },
+    type: "date-range-inputs"
+  })), /* @__PURE__ */ React2.createElement(DSControlledDateRangePicker, {
+    fromDate: startDate,
+    onFromDateChange: (_start) => {
+      setStartDate(_start);
+      setLastChangeWasPicker(true);
+    },
+    toDate: endDate,
+    onToDateChange: (_end) => {
+      setEndDate(_end);
+      setLastChangeWasPicker(true);
+    },
+    type: "date-range-picker-controller-only"
+  }));
+};
+DateRangePickerContainer.propTypes = {
+  onChange: PropTypes.func,
+  showHeader: PropTypes.bool
+};
+const formatRangeDate = ({ startDate, endDate }, format = DEFAULT_DATE_FORMAT) => {
+  const sameDay = startDate.isSame(endDate, "day");
+  if (sameDay)
+    return `${endDate.format(format)}`;
+  return `${startDate.format(format)} - ${endDate.format(format)}`;
+};
+function DateRangeFilterMenu({
+  column,
+  className,
+  isMenuOpened = false,
+  onOpenMenu = () => null,
+  placement = Position.BOTTOM_END,
+  onAddFilter = () => null,
+  dateFormatter = formatRangeDate,
+  showHeader = true,
+  menuProps
+}) {
+  return /* @__PURE__ */ React2.createElement(DSPopper, {
+    contentComponent: /* @__PURE__ */ React2.createElement("div", {
+      className
+    }, /* @__PURE__ */ React2.createElement(DateRangePickerContainer, {
+      minimumNights: 0,
+      onChange: ({ startDate, endDate }) => {
+        startDate.startOf("day");
+        endDate.endOf("day");
+        onAddFilter({
+          group: column.property,
+          label: column.label,
+          value: dateFormatter({ startDate, endDate }),
+          type: "date",
+          filterParams: { start: startDate, end: endDate },
+          transformRowValue: (value) => moment(value, column.dateFormat || DEFAULT_DATE_FORMAT),
+          operator: "range"
+        }, column);
+        onOpenMenu(false);
+      },
+      showHeader
+    })),
+    isOpen: isMenuOpened,
+    onOpen: onOpenMenu,
+    placement,
+    showArrow: false,
+    triggerComponent: /* @__PURE__ */ React2.createElement(DSButton, {
+      buttonType: "text",
+      icon: /* @__PURE__ */ React2.createElement(DatePicker2, null),
+      onClick: () => !isMenuOpened ? onOpenMenu(true) : onOpenMenu(false),
+      size: "s"
+    }),
+    zIndex: menuProps.zIndex
+  });
+}
+DateRangeFilterMenu.propTypes = {
+  column: PropTypes.any,
+  className: PropTypes.string,
+  isMenuOpened: PropTypes.bool,
+  onOpenMenu: PropTypes.func,
+  placement: PropTypes.string,
+  onAddFilter: PropTypes.func,
+  dateFormatter: PropTypes.any,
+  showHeader: PropTypes.bool,
+  menuProps: PropTypes.any
+};
+var DateRangeFilterMenu_default = DateRangeFilterMenu;
+export {
+  DateRangeFilterMenu,
+  DateRangeFilterMenu_default as default
+};
+//# sourceMappingURL=DateRangeFilterMenu.js.map

package/dist/esm/plugins/filterable/components/filterable-menus/DateRangeFilterMenu.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/plugins/filterable/components/filterable-menus/DateRangeFilterMenu.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { DSControlledDateRangePicker } from '@elliemae/ds-controlled-form';\nimport { DSPopper, PopperPositions as Position } from '@elliemae/ds-popper';\nimport { DatePicker2 } from '@elliemae/ds-icons';\nimport { DSButton } from '@elliemae/ds-button';\nimport moment from 'moment';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { DEFAULT_DATE_FORMAT } from './defaultDateFormat';\n\nconst blockname = 'date-range';\nconst Wrapper = aggregatedClasses('div')(blockname, 'wrapper');\nconst Header = aggregatedClasses('div')(blockname, 'header');\n\n// const randomString = (maxLength = 5) => Math.random().toString(36).slice(-maxLength);\n\nconst DateRangePickerContainer = ({ onChange = () => null, showHeader }) => {\n  const [startDate, setStartDate] = useState('');\n  const [endDate, setEndDate] = useState('');\n\n  // For some reason it worked like this\n  const [lastChangeWasPicker, setLastChangeWasPicker] = useState(false);\n\n  useEffect(() => {\n    const startMoment = moment(startDate);\n    const endMoment = moment(endDate);\n    if (\n      lastChangeWasPicker &&\n      startDate &&\n      !startDate.includes('_') &&\n      endDate &&\n      !endDate.includes('_') &&\n      endMoment.diff(startMoment) >= 0\n    ) {\n      onChange({ startDate: startMoment, endDate: endMoment });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [startDate, endDate, lastChangeWasPicker]);\n\n  return (\n    <Wrapper\n      data-testid=\"date-range__wrapper\"\n      onKeyDown={(e) => e.code === 'Enter' && setLastChangeWasPicker(true)}\n      style={{ backgroundColor: 'white', boxShadow: '0 6px 20px 0 rgb(0 0 0 / 24%)', width: '261px' }}\n    >\n      {showHeader && (\n        <Header style={{ padding: '8px', display: 'flex', justifyContent: 'center' }}>\n          <DSControlledDateRangePicker\n            fromDate={startDate}\n            onFromDateChange={(_start) => {\n              setStartDate(_start);\n              setLastChangeWasPicker(false);\n            }}\n            toDate={endDate}\n            onToDateChange={(_end) => {\n              setEndDate(_end);\n              setLastChangeWasPicker(false);\n            }}\n            type=\"date-range-inputs\"\n          />\n        </Header>\n      )}\n      <DSControlledDateRangePicker\n        fromDate={startDate}\n        onFromDateChange={(_start) => {\n          setStartDate(_start);\n          setLastChangeWasPicker(true);\n        }}\n        toDate={endDate}\n        onToDateChange={(_end) => {\n          setEndDate(_end);\n          setLastChangeWasPicker(true);\n        }}\n        type=\"date-range-picker-controller-only\"\n      />\n    </Wrapper>\n  );\n};\n\nDateRangePickerContainer.propTypes = {\n  onChange: PropTypes.func,\n  showHeader: PropTypes.bool,\n};\n\nconst formatRangeDate = ({ startDate, endDate }, format = DEFAULT_DATE_FORMAT) => {\n  const sameDay = startDate.isSame(endDate, 'day');\n  if (sameDay) return `${endDate.format(format)}`;\n  return `${startDate.format(format)} - ${endDate.format(format)}`;\n};\n\nfunction DateRangeFilterMenu({\n  column,\n  className,\n  isMenuOpened = false,\n  onOpenMenu = () => null,\n  placement = Position.BOTTOM_END,\n  onAddFilter = () => null,\n  dateFormatter = formatRangeDate,\n  showHeader = true,\n  menuProps,\n}) {\n  return (\n    <DSPopper\n      contentComponent={\n        <div className={className}>\n          <DateRangePickerContainer\n            minimumNights={0}\n            onChange={({ startDate, endDate }) => {\n              startDate.startOf('day');\n              endDate.endOf('day');\n              onAddFilter(\n                {\n                  group: column.property,\n                  label: column.label,\n                  value: dateFormatter({ startDate, endDate }),\n                  type: 'date', // todo: create constants for filter types\n                  filterParams: { start: startDate, end: endDate },\n                  transformRowValue: (value) => moment(value, column.dateFormat || DEFAULT_DATE_FORMAT),\n                  operator: 'range',\n                },\n                column,\n              );\n              onOpenMenu(false);\n            }}\n            showHeader={showHeader}\n          />\n        </div>\n      }\n      isOpen={isMenuOpened}\n      onOpen={onOpenMenu}\n      placement={placement}\n      showArrow={false}\n      triggerComponent={\n        <DSButton\n          buttonType=\"text\"\n          icon={<DatePicker2 />}\n          onClick={() => (!isMenuOpened ? onOpenMenu(true) : onOpenMenu(false))}\n          size=\"s\"\n        />\n      }\n      zIndex={menuProps.zIndex}\n    />\n  );\n}\n\nDateRangeFilterMenu.propTypes = {\n  column: PropTypes.any,\n  className: PropTypes.string,\n  isMenuOpened: PropTypes.bool,\n  onOpenMenu: PropTypes.func,\n  placement: PropTypes.string,\n  onAddFilter: PropTypes.func,\n  dateFormatter: PropTypes.any,\n  showHeader: PropTypes.bool,\n  menuProps: PropTypes.any,\n};\n\nexport { DateRangeFilterMenu };\nexport default DateRangeFilterMenu;\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/plugins/filterable/components/filterable-menus/SingleDateFilterMenu.js

@@ -0,0 +1,102 @@
+import * as React from "react";
+import React2, { useCallback, useState } from "react";
+import PropTypes from "prop-types";
+import { Grid } from "@elliemae/ds-grid";
+import { DSControlledDateTimePicker } from "@elliemae/ds-controlled-form";
+import { DSPopper, PopperPositions as Position } from "@elliemae/ds-popper";
+import { DatePicker2 } from "@elliemae/ds-icons";
+import { DSButton } from "@elliemae/ds-button";
+import moment from "moment";
+import { DEFAULT_DATE_FORMAT } from "./defaultDateFormat";
+const SingleDatePickerContainer = ({ onChange = () => null, showHeader }) => {
+  const [date, setDate] = useState("");
+  const handleDateChange = useCallback((data) => {
+    if (!data.includes("_"))
+      onChange(moment(data));
+    setDate(data);
+  }, [onChange]);
+  return /* @__PURE__ */ React2.createElement("div", {
+    style: { boxShadow: "0 6px 20px 0 rgb(0 0 0 / 24%)" }
+  }, showHeader && /* @__PURE__ */ React2.createElement(Grid, {
+    p: "xxs"
+  }, /* @__PURE__ */ React2.createElement(DSControlledDateTimePicker, {
+    date,
+    onDateChange: handleDateChange,
+    type: "date-inputs",
+    isClearable: true
+  })), /* @__PURE__ */ React2.createElement(DSControlledDateTimePicker, {
+    date,
+    onDateChange: handleDateChange,
+    type: "date-picker-controller-only"
+  }));
+};
+SingleDatePickerContainer.propTypes = {
+  onChange: PropTypes.func,
+  showHeader: PropTypes.bool
+};
+const formatDate = (date, format = DEFAULT_DATE_FORMAT) => date.format(format);
+function SingleDateFilterMenu({
+  column,
+  className,
+  isMenuOpened = false,
+  onOpenMenu = () => null,
+  placement = Position.BOTTOM_END,
+  onAddFilter = () => null,
+  dateFormatter = formatDate,
+  showHeader = false,
+  menuProps
+}) {
+  return /* @__PURE__ */ React2.createElement(DSPopper, {
+    contentComponent: /* @__PURE__ */ React2.createElement("div", {
+      className,
+      "data-testid": "date-single__wrapper"
+    }, /* @__PURE__ */ React2.createElement(SingleDatePickerContainer, {
+      minimumNights: 0,
+      onChange: (date) => {
+        const t = date.clone();
+        onAddFilter({
+          group: column.property,
+          label: column.label,
+          value: dateFormatter(date, column.dateFormat),
+          type: "date",
+          operator: "range",
+          filterParams: {
+            start: date.startOf("day"),
+            end: t.endOf("day")
+          },
+          transformRowValue: (value) => moment(value, column.dateFormat || DEFAULT_DATE_FORMAT)
+        }, column);
+        onOpenMenu(false);
+      },
+      showHeader
+    })),
+    isOpen: isMenuOpened,
+    onOpen: onOpenMenu,
+    placement,
+    showArrow: false,
+    triggerComponent: /* @__PURE__ */ React2.createElement(DSButton, {
+      buttonType: "text",
+      icon: /* @__PURE__ */ React2.createElement(DatePicker2, null),
+      onClick: () => !isMenuOpened ? onOpenMenu(true) : onOpenMenu(false),
+      size: "s"
+    }),
+    zIndex: menuProps.zIndex
+  });
+}
+SingleDateFilterMenu.propTypes = {
+  column: PropTypes.any,
+  className: PropTypes.string,
+  isMenuOpened: PropTypes.bool,
+  onOpenMenu: PropTypes.func,
+  placement: PropTypes.string,
+  onAddFilter: PropTypes.func,
+  dateFormatter: PropTypes.any,
+  showHeader: PropTypes.bool,
+  menuProps: PropTypes.any
+};
+var SingleDateFilterMenu_default = SingleDateFilterMenu;
+export {
+  SingleDateFilterMenu,
+  SingleDateFilterMenu_default as default
+};
+//# sourceMappingURL=SingleDateFilterMenu.js.map

package/dist/esm/plugins/filterable/components/filterable-menus/SingleDateFilterMenu.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/plugins/filterable/components/filterable-menus/SingleDateFilterMenu.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSControlledDateTimePicker } from '@elliemae/ds-controlled-form';\nimport { DSPopper, PopperPositions as Position } from '@elliemae/ds-popper';\nimport { DatePicker2 } from '@elliemae/ds-icons';\nimport { DSButton } from '@elliemae/ds-button';\nimport moment from 'moment';\nimport { DEFAULT_DATE_FORMAT } from './defaultDateFormat';\n\nconst SingleDatePickerContainer = ({ onChange = () => null, showHeader }) => {\n  const [date, setDate] = useState('');\n\n  const handleDateChange = useCallback(\n    (data) => {\n      if (!data.includes('_')) onChange(moment(data));\n      setDate(data);\n    },\n    [onChange],\n  );\n\n  return (\n    <div style={{ boxShadow: '0 6px 20px 0 rgb(0 0 0 / 24%)' }}>\n      {showHeader && (\n        <Grid p=\"xxs\">\n          <DSControlledDateTimePicker date={date} onDateChange={handleDateChange} type=\"date-inputs\" isClearable />\n        </Grid>\n      )}\n      <DSControlledDateTimePicker date={date} onDateChange={handleDateChange} type=\"date-picker-controller-only\" />\n    </div>\n  );\n};\n\nSingleDatePickerContainer.propTypes = {\n  onChange: PropTypes.func,\n  showHeader: PropTypes.bool,\n};\n\nconst formatDate = (date, format = DEFAULT_DATE_FORMAT) => date.format(format);\n\nfunction SingleDateFilterMenu({\n  column,\n  className,\n  isMenuOpened = false,\n  onOpenMenu = () => null,\n  placement = Position.BOTTOM_END,\n  onAddFilter = () => null,\n  dateFormatter = formatDate,\n  showHeader = false,\n  menuProps,\n}) {\n  return (\n    <DSPopper\n      contentComponent={\n        <div className={className} data-testid=\"date-single__wrapper\">\n          <SingleDatePickerContainer\n            minimumNights={0}\n            onChange={(date) => {\n              const t = date.clone();\n              onAddFilter(\n                {\n                  group: column.property,\n                  label: column.label,\n                  value: dateFormatter(date, column.dateFormat),\n                  type: 'date',\n                  operator: 'range',\n                  filterParams: {\n                    start: date.startOf('day'),\n                    end: t.endOf('day'),\n                  },\n                  transformRowValue: (value) => moment(value, column.dateFormat || DEFAULT_DATE_FORMAT),\n                },\n                column,\n              );\n              onOpenMenu(false);\n            }}\n            showHeader={showHeader}\n          />\n        </div>\n      }\n      isOpen={isMenuOpened}\n      onOpen={onOpenMenu}\n      placement={placement}\n      showArrow={false}\n      triggerComponent={\n        <DSButton\n          buttonType=\"text\"\n          icon={<DatePicker2 />}\n          onClick={() => (!isMenuOpened ? onOpenMenu(true) : onOpenMenu(false))}\n          size=\"s\"\n        />\n      }\n      zIndex={menuProps.zIndex}\n    />\n  );\n}\n\nSingleDateFilterMenu.propTypes = {\n  column: PropTypes.any,\n  className: PropTypes.string,\n  isMenuOpened: PropTypes.bool,\n  onOpenMenu: PropTypes.func,\n  placement: PropTypes.string,\n  onAddFilter: PropTypes.func,\n  dateFormatter: PropTypes.any,\n  showHeader: PropTypes.bool,\n  menuProps: PropTypes.any,\n};\n\nexport { SingleDateFilterMenu };\nexport default SingleDateFilterMenu;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,4BAA4B,CAAC,EAAE,WAAW,MAAM,MAAM,iBAAiB;AAC3E,QAAM,CAAC,MAAM,WAAW,SAAS;AAEjC,QAAM,mBAAmB,YACvB,CAAC,SAAS;AACR,QAAI,CAAC,KAAK,SAAS;AAAM,eAAS,OAAO;AACzC,YAAQ;AAAA,KAEV,CAAC;AAGH,SACE,qCAAC,OAAD;AAAA,IAAK,OAAO,EAAE,WAAW;AAAA,KACtB,cACC,qCAAC,MAAD;AAAA,IAAM,GAAE;AAAA,KACN,qCAAC,4BAAD;AAAA,IAA4B;AAAA,IAAY,cAAc;AAAA,IAAkB,MAAK;AAAA,IAAc,aAAW;AAAA,OAG1G,qCAAC,4BAAD;AAAA,IAA4B;AAAA,IAAY,cAAc;AAAA,IAAkB,MAAK;AAAA;AAAA;AAKnF,0BAA0B,YAAY;AAAA,EACpC,UAAU,UAAU;AAAA,EACpB,YAAY,UAAU;AAAA;AAGxB,MAAM,aAAa,CAAC,MAAM,SAAS,wBAAwB,KAAK,OAAO;AAEvE,8BAA8B;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,aAAa,MAAM;AAAA,EACnB,YAAY,SAAS;AAAA,EACrB,cAAc,MAAM;AAAA,EACpB,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb;AAAA,GACC;AACD,SACE,qCAAC,UAAD;AAAA,IACE,kBACE,qCAAC,OAAD;AAAA,MAAK;AAAA,MAAsB,eAAY;AAAA,OACrC,qCAAC,2BAAD;AAAA,MACE,eAAe;AAAA,MACf,UAAU,CAAC,SAAS;AAClB,cAAM,IAAI,KAAK;AACf,oBACE;AAAA,UACE,OAAO,OAAO;AAAA,UACd,OAAO,OAAO;AAAA,UACd,OAAO,cAAc,MAAM,OAAO;AAAA,UAClC,MAAM;AAAA,UACN,UAAU;AAAA,UACV,cAAc;AAAA,YACZ,OAAO,KAAK,QAAQ;AAAA,YACpB,KAAK,EAAE,MAAM;AAAA;AAAA,UAEf,mBAAmB,CAAC,UAAU,OAAO,OAAO,OAAO,cAAc;AAAA,WAEnE;AAEF,mBAAW;AAAA;AAAA,MAEb;AAAA;AAAA,IAIN,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR;AAAA,IACA,WAAW;AAAA,IACX,kBACE,qCAAC,UAAD;AAAA,MACE,YAAW;AAAA,MACX,MAAM,qCAAC,aAAD;AAAA,MACN,SAAS,MAAO,CAAC,eAAe,WAAW,QAAQ,WAAW;AAAA,MAC9D,MAAK;AAAA;AAAA,IAGT,QAAQ,UAAU;AAAA;AAAA;AAKxB,qBAAqB,YAAY;AAAA,EAC/B,QAAQ,UAAU;AAAA,EAClB,WAAW,UAAU;AAAA,EACrB,cAAc,UAAU;AAAA,EACxB,YAAY,UAAU;AAAA,EACtB,WAAW,UAAU;AAAA,EACrB,aAAa,UAAU;AAAA,EACvB,eAAe,UAAU;AAAA,EACzB,YAAY,UAAU;AAAA,EACtB,WAAW,UAAU;AAAA;AAIvB,IAAO,+BAAQ;",
+  "names": []
+}