@elliemae/ds-datagrids 3.26.1-rc.1 → 3.27.0-next.11

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

@@ -1,84 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var FilterablePlugin_exports = {};
-__export(FilterablePlugin_exports, {
-  FilterablePlugin: () => FilterablePlugin
-});
-module.exports = __toCommonJS(FilterablePlugin_exports);
-var React = __toESM(require("react"));
-var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_ds_shared = require("@elliemae/ds-shared");
-var import_addFilterToColumn = require("./addFilterToColumn.js");
-var import_filterRowsByQuery = __toESM(require("./filtering-helper/filterRowsByQuery.js"));
-var import_useFilterableState = require("./useFilterableState.js");
-const decorateColumn = (column, grid) => {
-  const {
-    props: { isFilterableColumnActive = (col) => col.searchable, onRemoveAllFilters },
-    actions: { addFilter, removeFilter },
-    state: { query, filters }
-  } = grid;
-  return isFilterableColumnActive(column) ? (0, import_addFilterToColumn.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 ? (0, import_filterRowsByQuery.default)(rows, query) : (0, import_filterRowsByQuery.filterRowsByQueryGroup)(rows, query, composedRows);
-  return !isDataFiltered ? nextRows : rows;
-};
-const FilterablePlugin = (0, import_ds_shared.createInstancePlugin)("filterable", {
-  registerStateHook: import_useFilterableState.useFilterableState,
-  decorateColumn,
-  composeRows,
-  registerHotKeys(grid) {
-    return {
-      key: "ctrl+f",
-      handler: ({ cellIndex }) => {
-        const { decoratedColumns } = grid.getInstance();
-        const column = decoratedColumns[cellIndex];
-        const toggleMenuMethod = (0, import_ds_utilities.get)(column, ["filterMenu", "current", "toggleMenu"]);
-        if ((0, import_ds_utilities.isFunction)(toggleMenuMethod))
-          toggleMenuMethod();
-      }
-    };
-  }
-});
-//# sourceMappingURL=FilterablePlugin.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/plugins/filterable/FilterablePlugin.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable indent */\nimport { get, isFunction } from '@elliemae/ds-utilities';\nimport { createInstancePlugin } from '@elliemae/ds-shared';\nimport { addFilterToColumn } from './addFilterToColumn.js';\nimport filterRowsByQuery, { filterRowsByQueryGroup } from './filtering-helper/filterRowsByQuery.js';\nimport { useFilterableState } from './useFilterableState.js';\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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,0BAAgC;AAChC,uBAAqC;AACrC,+BAAkC;AAClC,+BAA0D;AAC1D,gCAAmC;AAEnC,MAAM,iBAAiB,CAAC,QAAQ,SAAS;AACvC,QAAM;AAAA,IACJ,OAAO,EAAE,2BAA2B,CAAC,QAAQ,IAAI,YAAY,mBAAmB;AAAA,IAChF,SAAS,EAAE,WAAW,aAAa;AAAA,IACnC,OAAO,EAAE,OAAO,QAAQ;AAAA,EAC1B,IAAI;AAEJ,SAAO,yBAAyB,MAAM,QAClC;AAAA,IACE;AAAA,MACE;AAAA,MACA,aAAa;AAAA,MACb,gBAAgB;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,EACF,IACA;AACN;AAEA,MAAM,cAAc,CAAC,MAAM,SAAS;AAClC,QAAM;AAAA,IACJ,OAAO,EAAE,gBAAgB,YAAY;AAAA,IACrC,OAAO,EAAE,MAAM;AAAA,IACf;AAAA,EACF,IAAI,KAAK,YAAY;AACrB,QAAM,WAAW,CAAC,kBAAc,yBAAAA,SAAkB,MAAM,KAAK,QAAI,iDAAuB,MAAM,OAAO,YAAY;AAEjH,SAAO,CAAC,iBAAiB,WAAW;AACtC;AAEO,MAAM,uBAAmB,uCAAqB,cAAc;AAAA,EACjE,mBAAmB;AAAA,EACnB;AAAA,EACA;AAAA,EACA,gBAAgB,MAAM;AACpB,WAAO;AAAA,MACL,KAAK;AAAA,MACL,SAAS,CAAC,EAAE,UAAU,MAAM;AAC1B,cAAM,EAAE,iBAAiB,IAAI,KAAK,YAAY;AAE9C,cAAM,SAAS,iBAAiB,SAAS;AACzC,cAAM,uBAAmB,yBAAI,QAAQ,CAAC,cAAc,WAAW,YAAY,CAAC;AAC5E,gBAAI,gCAAW,gBAAgB;AAAG,2BAAiB;AAAA,MACrD;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
-  "names": ["filterRowsByQuery"]
-}

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

@@ -1,44 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var addFilterToColumn_exports = {};
-__export(addFilterToColumn_exports, {
-  addFilterToColumn: () => addFilterToColumn
-});
-module.exports = __toCommonJS(addFilterToColumn_exports);
-var React = __toESM(require("react"));
-var import_react = require("react");
-var import_ds_shared = require("@elliemae/ds-shared");
-var import_filterableFormatter = require("./filterableFormatter.js");
-const addFilterToColumn = (props, column) => {
-  const filterMenuRef = (0, import_react.createRef)();
-  column.header.formatters.push((0, import_filterableFormatter.FilterableFormatter)({ ...props, filterMenuRef }));
-  column.filterMenu = filterMenuRef;
-  return (0, import_ds_shared.mergeClassNameToColumnHeader)("with-filtering", column);
-};
-//# sourceMappingURL=addFilterToColumn.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/plugins/filterable/addFilterToColumn.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { createRef } from 'react';\nimport { mergeClassNameToColumnHeader } from '@elliemae/ds-shared';\nimport { FilterableFormatter } from './filterableFormatter.js';\n\nexport const addFilterToColumn = (props, column) => {\n  const filterMenuRef = createRef();\n  column.header.formatters.push(FilterableFormatter({ ...props, filterMenuRef }));\n  column.filterMenu = filterMenuRef;\n  return mergeClassNameToColumnHeader('with-filtering', column);\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA0B;AAC1B,uBAA6C;AAC7C,iCAAoC;AAE7B,MAAM,oBAAoB,CAAC,OAAO,WAAW;AAClD,QAAM,oBAAgB,wBAAU;AAChC,SAAO,OAAO,WAAW,SAAK,gDAAoB,EAAE,GAAG,OAAO,cAAc,CAAC,CAAC;AAC9E,SAAO,aAAa;AACpB,aAAO,+CAA6B,kBAAkB,MAAM;AAC9D;",
-  "names": []
-}

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

@@ -1,133 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var FilterableHeader_exports = {};
-__export(FilterableHeader_exports, {
-  FilterableHeader: () => FilterableHeader,
-  default: () => FilterableHeader_default
-});
-module.exports = __toCommonJS(FilterableHeader_exports);
-var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var import_prop_types = __toESM(require("prop-types"));
-var import_ds_classnames = require("@elliemae/ds-classnames");
-var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_ds_system = require("@elliemae/ds-system");
-var import_getFilterMenuByType = require("./filterable-menus/getFilterMenuByType.js");
-const blockName = "data-grid-filter-header";
-const Container = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, null, ({ showFilter }) => ({
-  "show-filter": showFilter
-}));
-const FilterHeaderValue = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "value");
-const FilterHeaderButton = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "button");
-const FilterableHeader = ({
-  column,
-  value,
-  columnData,
-  onAddFilter,
-  onRemoveFilter,
-  filterMenuRef,
-  onFilterMenuClose,
-  onFilterMenuOpen,
-  filters,
-  isMulti
-}) => {
-  const [isMenuOpened, setMenuOpened] = (0, import_react.useState)(false);
-  const [headerWidth, setHeaderWidth] = (0, import_react.useState)();
-  const debouncedWidthSetter = (0, import_ds_utilities.debounce)(setHeaderWidth, 200);
-  const { filterMenuMinWidth, filterMenuMaxWidth } = column;
-  const theme = (0, import_ds_system.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);
-  };
-  (0, import_react.useEffect)(() => {
-    if (filterMenuRef) {
-      filterMenuRef.current = {
-        toggleMenu: () => setMenuOpened((prevState) => !prevState)
-      };
-    }
-  }, [filterMenuRef]);
-  (0, import_react.useEffect)(() => {
-    if (!isMenuOpened)
-      onFilterMenuClose(column);
-    else
-      onFilterMenuOpen(column);
-  });
-  const [ref] = (0, import_ds_utilities.useResizeObserver)(defineHeaderWidth);
-  const handleOpenMenu = (0, import_react.useCallback)((open) => {
-    setMenuOpened(open);
-    if (open)
-      onFilterMenuOpen();
-  }, []);
-  const FilterMenuComponent = (0, import_getFilterMenuByType.getFilterMenuByType)((0, import_ds_utilities.get)(column, ["filter", "type"]));
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Container, { ref, classProps: { showFilter: isMenuOpened }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FilterHeaderValue, { className: "header-value", children: value }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FilterHeaderButton, { "data-testid": "data-grid-filter-header__button", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      FilterMenuComponent,
-      {
-        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,
-        ...(0, import_ds_utilities.get)(column, ["filter"], {})
-      }
-    ) })
-  ] });
-};
-FilterableHeader.propTypes = {
-  column: import_prop_types.default.any,
-  value: import_prop_types.default.any,
-  columnData: import_prop_types.default.any,
-  onAddFilter: import_prop_types.default.func,
-  onRemoveFilter: import_prop_types.default.func,
-  filterMenuRef: import_prop_types.default.any,
-  onFilterMenuClose: import_prop_types.default.func,
-  onFilterMenuOpen: import_prop_types.default.func,
-  filters: import_prop_types.default.arrayOf(import_prop_types.default.shape({})),
-  isMulti: import_prop_types.default.bool
-};
-var FilterableHeader_default = FilterableHeader;
-//# sourceMappingURL=FilterableHeader.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/plugins/filterable/components/FilterableHeader.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* 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.js';\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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": ["PropTypes"]
-}

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

@@ -1,179 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var DateRangeFilterMenu_exports = {};
-__export(DateRangeFilterMenu_exports, {
-  DateRangeFilterMenu: () => DateRangeFilterMenu,
-  default: () => DateRangeFilterMenu_default
-});
-module.exports = __toCommonJS(DateRangeFilterMenu_exports);
-var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var import_prop_types = __toESM(require("prop-types"));
-var import_ds_controlled_form = require("@elliemae/ds-controlled-form");
-var import_ds_popper = require("@elliemae/ds-popper");
-var import_ds_icons = require("@elliemae/ds-icons");
-var import_ds_button = require("@elliemae/ds-button");
-var import_moment = __toESM(require("moment"));
-var import_ds_classnames = require("@elliemae/ds-classnames");
-var import_defaultDateFormat = require("./defaultDateFormat.js");
-const blockname = "date-range";
-const Wrapper = (0, import_ds_classnames.aggregatedClasses)("div")(blockname, "wrapper");
-const Header = (0, import_ds_classnames.aggregatedClasses)("div")(blockname, "header");
-const DateRangePickerContainer = ({ onChange = () => null, showHeader }) => {
-  const [startDate, setStartDate] = (0, import_react.useState)("");
-  const [endDate, setEndDate] = (0, import_react.useState)("");
-  const [lastChangeWasPicker, setLastChangeWasPicker] = (0, import_react.useState)(false);
-  (0, import_react.useEffect)(() => {
-    const startMoment = (0, import_moment.default)(startDate);
-    const endMoment = (0, import_moment.default)(endDate);
-    if (lastChangeWasPicker && startDate && !startDate.includes("_") && endDate && !endDate.includes("_") && endMoment.diff(startMoment) >= 0) {
-      onChange({ startDate: startMoment, endDate: endMoment });
-    }
-  }, [startDate, endDate, lastChangeWasPicker]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    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" },
-      children: [
-        showHeader && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Header, { style: { padding: "8px", display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_ds_controlled_form.DSControlledDateRangePicker,
-          {
-            fromDate: startDate,
-            onFromDateChange: (_start) => {
-              setStartDate(_start);
-              setLastChangeWasPicker(false);
-            },
-            toDate: endDate,
-            onToDateChange: (_end) => {
-              setEndDate(_end);
-              setLastChangeWasPicker(false);
-            },
-            type: "date-range-inputs"
-          }
-        ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_ds_controlled_form.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: import_prop_types.default.func,
-  showHeader: import_prop_types.default.bool
-};
-const formatRangeDate = ({ startDate, endDate }, format = import_defaultDateFormat.DEFAULT_DATE_FORMAT) => {
-  const sameDay = startDate.isSame(endDate, "day");
-  if (sameDay)
-    return `${endDate.format(format)}`;
-  return `${startDate.format(format)} - ${endDate.format(format)}`;
-};
-const DateRangeFilterMenu = ({
-  column,
-  className,
-  isMenuOpened = false,
-  onOpenMenu = () => null,
-  placement = import_ds_popper.PopperPositions.BOTTOM_END,
-  onAddFilter = () => null,
-  dateFormatter = formatRangeDate,
-  showHeader = true,
-  menuProps
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-  import_ds_popper.DSPopper,
-  {
-    contentComponent: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      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",
-              // todo: create constants for filter types
-              filterParams: { start: startDate, end: endDate },
-              transformRowValue: (value) => (0, import_moment.default)(value, column.dateFormat || import_defaultDateFormat.DEFAULT_DATE_FORMAT),
-              operator: "range"
-            },
-            column
-          );
-          onOpenMenu(false);
-        },
-        showHeader
-      }
-    ) }),
-    isOpen: isMenuOpened,
-    onOpen: onOpenMenu,
-    placement,
-    showArrow: false,
-    triggerComponent: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_ds_button.DSButton,
-      {
-        buttonType: "text",
-        icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.DatePicker2, {}),
-        onClick: () => !isMenuOpened ? onOpenMenu(true) : onOpenMenu(false),
-        size: "s"
-      }
-    ),
-    zIndex: menuProps.zIndex
-  }
-);
-DateRangeFilterMenu.propTypes = {
-  column: import_prop_types.default.any,
-  className: import_prop_types.default.string,
-  isMenuOpened: import_prop_types.default.bool,
-  onOpenMenu: import_prop_types.default.func,
-  placement: import_prop_types.default.string,
-  onAddFilter: import_prop_types.default.func,
-  dateFormatter: import_prop_types.default.any,
-  showHeader: import_prop_types.default.bool,
-  menuProps: import_prop_types.default.any
-};
-var DateRangeFilterMenu_default = DateRangeFilterMenu;
-//# sourceMappingURL=DateRangeFilterMenu.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../src/plugins/filterable/components/filterable-menus/DateRangeFilterMenu.tsx", "../../../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* 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.js';\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\nconst 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  <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\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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADyCnB;AAxCJ,mBAA2C;AAC3C,wBAAsB;AACtB,gCAA4C;AAC5C,uBAAsD;AACtD,sBAA4B;AAC5B,uBAAyB;AACzB,oBAAmB;AACnB,2BAAkC;AAClC,+BAAoC;AAEpC,MAAM,YAAY;AAClB,MAAM,cAAU,wCAAkB,KAAK,EAAE,WAAW,SAAS;AAC7D,MAAM,aAAS,wCAAkB,KAAK,EAAE,WAAW,QAAQ;AAI3D,MAAM,2BAA2B,CAAC,EAAE,WAAW,MAAM,MAAM,WAAW,MAAM;AAC1E,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,EAAE;AAC7C,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,EAAE;AAGzC,QAAM,CAAC,qBAAqB,sBAAsB,QAAI,uBAAS,KAAK;AAEpE,8BAAU,MAAM;AACd,UAAM,kBAAc,cAAAA,SAAO,SAAS;AACpC,UAAM,gBAAY,cAAAA,SAAO,OAAO;AAChC,QACE,uBACA,aACA,CAAC,UAAU,SAAS,GAAG,KACvB,WACA,CAAC,QAAQ,SAAS,GAAG,KACrB,UAAU,KAAK,WAAW,KAAK,GAC/B;AACA,eAAS,EAAE,WAAW,aAAa,SAAS,UAAU,CAAC;AAAA,IACzD;AAAA,EAEF,GAAG,CAAC,WAAW,SAAS,mBAAmB,CAAC;AAE5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,WAAW,CAAC,MAAM,EAAE,SAAS,WAAW,uBAAuB,IAAI;AAAA,MACnE,OAAO,EAAE,iBAAiB,SAAS,WAAW,iCAAiC,OAAO,QAAQ;AAAA,MAE7F;AAAA,sBACC,4CAAC,UAAO,OAAO,EAAE,SAAS,OAAO,SAAS,QAAQ,gBAAgB,SAAS,GACzE;AAAA,UAAC;AAAA;AAAA,YACC,UAAU;AAAA,YACV,kBAAkB,CAAC,WAAW;AAC5B,2BAAa,MAAM;AACnB,qCAAuB,KAAK;AAAA,YAC9B;AAAA,YACA,QAAQ;AAAA,YACR,gBAAgB,CAAC,SAAS;AACxB,yBAAW,IAAI;AACf,qCAAuB,KAAK;AAAA,YAC9B;AAAA,YACA,MAAK;AAAA;AAAA,QACP,GACF;AAAA,QAEF;AAAA,UAAC;AAAA;AAAA,YACC,UAAU;AAAA,YACV,kBAAkB,CAAC,WAAW;AAC5B,2BAAa,MAAM;AACnB,qCAAuB,IAAI;AAAA,YAC7B;AAAA,YACA,QAAQ;AAAA,YACR,gBAAgB,CAAC,SAAS;AACxB,yBAAW,IAAI;AACf,qCAAuB,IAAI;AAAA,YAC7B;AAAA,YACA,MAAK;AAAA;AAAA,QACP;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,yBAAyB,YAAY;AAAA,EACnC,UAAU,kBAAAC,QAAU;AAAA,EACpB,YAAY,kBAAAA,QAAU;AACxB;AAEA,MAAM,kBAAkB,CAAC,EAAE,WAAW,QAAQ,GAAG,SAAS,iDAAwB;AAChF,QAAM,UAAU,UAAU,OAAO,SAAS,KAAK;AAC/C,MAAI;AAAS,WAAO,GAAG,QAAQ,OAAO,MAAM;AAC5C,SAAO,GAAG,UAAU,OAAO,MAAM,OAAO,QAAQ,OAAO,MAAM;AAC/D;AAEA,MAAM,sBAAsB,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,aAAa,MAAM;AAAA,EACnB,YAAY,iBAAAC,gBAAS;AAAA,EACrB,cAAc,MAAM;AAAA,EACpB,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb;AACF,MACE;AAAA,EAAC;AAAA;AAAA,IACC,kBACE,4CAAC,SAAI,WACH;AAAA,MAAC;AAAA;AAAA,QACC,eAAe;AAAA,QACf,UAAU,CAAC,EAAE,WAAW,QAAQ,MAAM;AACpC,oBAAU,QAAQ,KAAK;AACvB,kBAAQ,MAAM,KAAK;AACnB;AAAA,YACE;AAAA,cACE,OAAO,OAAO;AAAA,cACd,OAAO,OAAO;AAAA,cACd,OAAO,cAAc,EAAE,WAAW,QAAQ,CAAC;AAAA,cAC3C,MAAM;AAAA;AAAA,cACN,cAAc,EAAE,OAAO,WAAW,KAAK,QAAQ;AAAA,cAC/C,mBAAmB,CAAC,cAAU,cAAAF,SAAO,OAAO,OAAO,cAAc,4CAAmB;AAAA,cACpF,UAAU;AAAA,YACZ;AAAA,YACA;AAAA,UACF;AACA,qBAAW,KAAK;AAAA,QAClB;AAAA,QACA;AAAA;AAAA,IACF,GACF;AAAA,IAEF,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR;AAAA,IACA,WAAW;AAAA,IACX,kBACE;AAAA,MAAC;AAAA;AAAA,QACC,YAAW;AAAA,QACX,MAAM,4CAAC,+BAAY;AAAA,QACnB,SAAS,MAAO,CAAC,eAAe,WAAW,IAAI,IAAI,WAAW,KAAK;AAAA,QACnE,MAAK;AAAA;AAAA,IACP;AAAA,IAEF,QAAQ,UAAU;AAAA;AACpB;AAGF,oBAAoB,YAAY;AAAA,EAC9B,QAAQ,kBAAAC,QAAU;AAAA,EAClB,WAAW,kBAAAA,QAAU;AAAA,EACrB,cAAc,kBAAAA,QAAU;AAAA,EACxB,YAAY,kBAAAA,QAAU;AAAA,EACtB,WAAW,kBAAAA,QAAU;AAAA,EACrB,aAAa,kBAAAA,QAAU;AAAA,EACvB,eAAe,kBAAAA,QAAU;AAAA,EACzB,YAAY,kBAAAA,QAAU;AAAA,EACtB,WAAW,kBAAAA,QAAU;AACvB;AAGA,IAAO,8BAAQ;",
-  "names": ["moment", "PropTypes", "Position"]
-}

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

@@ -1,133 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var SingleDateFilterMenu_exports = {};
-__export(SingleDateFilterMenu_exports, {
-  SingleDateFilterMenu: () => SingleDateFilterMenu,
-  default: () => SingleDateFilterMenu_default
-});
-module.exports = __toCommonJS(SingleDateFilterMenu_exports);
-var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var import_prop_types = __toESM(require("prop-types"));
-var import_ds_grid = require("@elliemae/ds-grid");
-var import_ds_controlled_form = require("@elliemae/ds-controlled-form");
-var import_ds_popper = require("@elliemae/ds-popper");
-var import_ds_icons = require("@elliemae/ds-icons");
-var import_ds_button = require("@elliemae/ds-button");
-var import_moment = __toESM(require("moment"));
-var import_defaultDateFormat = require("./defaultDateFormat.js");
-const SingleDatePickerContainer = ({ onChange = () => null, showHeader }) => {
-  const [date, setDate] = (0, import_react.useState)("");
-  const handleDateChange = (0, import_react.useCallback)(
-    (data) => {
-      if (!data.includes("_"))
-        onChange((0, import_moment.default)(data));
-      setDate(data);
-    },
-    [onChange]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { boxShadow: "0 6px 20px 0 rgb(0 0 0 / 24%)" }, children: [
-    showHeader && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { p: "xxs", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_controlled_form.DSControlledDateTimePicker, { date, onDateChange: handleDateChange, type: "date-inputs", isClearable: true }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_controlled_form.DSControlledDateTimePicker, { date, onDateChange: handleDateChange, type: "date-picker-controller-only" })
-  ] });
-};
-SingleDatePickerContainer.propTypes = {
-  onChange: import_prop_types.default.func,
-  showHeader: import_prop_types.default.bool
-};
-const formatDate = (date, format = import_defaultDateFormat.DEFAULT_DATE_FORMAT) => date.format(format);
-const SingleDateFilterMenu = ({
-  column,
-  className,
-  isMenuOpened = false,
-  onOpenMenu = () => null,
-  placement = import_ds_popper.PopperPositions.BOTTOM_END,
-  onAddFilter = () => null,
-  dateFormatter = formatDate,
-  showHeader = false,
-  menuProps
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-  import_ds_popper.DSPopper,
-  {
-    contentComponent: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className, "data-testid": "date-single__wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      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) => (0, import_moment.default)(value, column.dateFormat || import_defaultDateFormat.DEFAULT_DATE_FORMAT)
-            },
-            column
-          );
-          onOpenMenu(false);
-        },
-        showHeader
-      }
-    ) }),
-    isOpen: isMenuOpened,
-    onOpen: onOpenMenu,
-    placement,
-    showArrow: false,
-    triggerComponent: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_ds_button.DSButton,
-      {
-        buttonType: "text",
-        icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.DatePicker2, {}),
-        onClick: () => !isMenuOpened ? onOpenMenu(true) : onOpenMenu(false),
-        size: "s"
-      }
-    ),
-    zIndex: menuProps.zIndex
-  }
-);
-SingleDateFilterMenu.propTypes = {
-  column: import_prop_types.default.any,
-  className: import_prop_types.default.string,
-  isMenuOpened: import_prop_types.default.bool,
-  onOpenMenu: import_prop_types.default.func,
-  placement: import_prop_types.default.string,
-  onAddFilter: import_prop_types.default.func,
-  dateFormatter: import_prop_types.default.any,
-  showHeader: import_prop_types.default.bool,
-  menuProps: import_prop_types.default.any
-};
-var SingleDateFilterMenu_default = SingleDateFilterMenu;
-//# sourceMappingURL=SingleDateFilterMenu.js.map