@elliemae/ds-data-table-filters 3.33.0-next.10

package/dist/cjs/index.js

@@ -0,0 +1,62 @@
+"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 src_exports = {};
+__export(src_exports, {
+  DateRangeFilter: () => import_DateRangeFilter.DateRangeFilter,
+  DateRangeFilterWithSchema: () => import_DateRangeFilter.DateRangeFilterWithSchema,
+  DateRangePill: () => import_DateRangeFilter.DateRangePill,
+  FilterPopover: () => import_FilterPopover.FilterPopover,
+  FilterPopoverWithSchema: () => import_FilterPopover.FilterPopoverWithSchema,
+  MultiSelectFilter: () => import_MultiSelectFilter.MultiSelectFilter,
+  MultiSelectFilterWithSchema: () => import_MultiSelectFilter.MultiSelectFilterWithSchema,
+  MultiSelectPill: () => import_MultiSelectFilter.MultiSelectPill,
+  NumberRangeFilter: () => import_NumberRangeFilter.NumberRangeFilter,
+  NumberRangeFilterWithSchema: () => import_NumberRangeFilter.NumberRangeFilterWithSchema,
+  NumberRangePill: () => import_NumberRangeFilter.NumberRangePill,
+  SingleDateFilter: () => import_SingleDateFilter.SingleDateFilter,
+  SingleDateFilterWithSchema: () => import_SingleDateFilter.SingleDateFilterWithSchema,
+  SingleDatePill: () => import_SingleDateFilter.SingleDatePill,
+  SingleSelectFilter: () => import_SingleSelectFilter.SingleSelectFilter,
+  SingleSelectFilterWithSchema: () => import_SingleSelectFilter.SingleSelectFilterWithSchema,
+  SingleSelectPill: () => import_SingleSelectFilter.SingleSelectPill,
+  dateRangeFilterFn: () => import_DateRangeFilter.dateRangeFilterFn,
+  multiSelectFilterFn: () => import_MultiSelectFilter.multiSelectFilterFn,
+  numberRangeFilterFn: () => import_NumberRangeFilter.numberRangeFilterFn,
+  singleDateFilterFn: () => import_SingleDateFilter.singleDateFilterFn,
+  singleSelectFilterFn: () => import_SingleSelectFilter.singleSelectFilterFn
+});
+module.exports = __toCommonJS(src_exports);
+var React = __toESM(require("react"));
+var import_FilterPopover = require("./parts/FilterPopover/index.js");
+var import_SingleSelectFilter = require("./parts/SingleSelectFilter/index.js");
+var import_MultiSelectFilter = require("./parts/MultiSelectFilter/index.js");
+var import_NumberRangeFilter = require("./parts/NumberRangeFilter/index.js");
+var import_SingleDateFilter = require("./parts/SingleDateFilter/index.js");
+var import_DateRangeFilter = require("./parts/DateRangeFilter/index.js");
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["// this is a workaround to typescript error TS2742\n// https://github.com/microsoft/TypeScript/issues/47663\nimport type {} from '@xstyled/system';\n\nexport { FilterPopover, type FilterPopoverT, FilterPopoverWithSchema } from './parts/FilterPopover/index.js';\n\nexport {\n  SingleSelectFilter,\n  SingleSelectFilterWithSchema,\n  SingleSelectPill,\n  type SingleSelectFilterT,\n  singleSelectFilterFn,\n} from './parts/SingleSelectFilter/index.js';\n\nexport {\n  MultiSelectFilter,\n  MultiSelectFilterWithSchema,\n  MultiSelectPill,\n  type MultiSelectFilterT,\n  multiSelectFilterFn,\n} from './parts/MultiSelectFilter/index.js';\n\nexport {\n  NumberRangeFilter,\n  NumberRangePill,\n  NumberRangeFilterWithSchema,\n  type NumberRangeFilterT,\n  numberRangeFilterFn,\n} from './parts/NumberRangeFilter/index.js';\n\nexport {\n  SingleDateFilter,\n  SingleDatePill,\n  SingleDateFilterWithSchema,\n  type SingleDateFilterT,\n  singleDateFilterFn,\n} from './parts/SingleDateFilter/index.js';\n\nexport {\n  DateRangeFilter,\n  DateRangePill,\n  DateRangeFilterWithSchema,\n  type DateRangeFilterT,\n  dateRangeFilterFn,\n} from './parts/DateRangeFilter/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIvB,2BAA4E;AAE5E,gCAMO;AAEP,+BAMO;AAEP,+BAMO;AAEP,8BAMO;AAEP,6BAMO;",
+  "names": []
+}

package/dist/cjs/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "commonjs",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/cjs/parts/DateRangeFilter/DateRangeFilter.js

@@ -0,0 +1,109 @@
+"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 DateRangeFilter_exports = {};
+__export(DateRangeFilter_exports, {
+  DateRangeFilter: () => DateRangeFilter,
+  DateRangeFilterWithSchema: () => DateRangeFilterWithSchema
+});
+module.exports = __toCommonJS(DateRangeFilter_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_ds_system = require("@elliemae/ds-system");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_ds_form_date_range_picker = require("@elliemae/ds-form-date-range-picker");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_constants = require("./constants/index.js");
+const StyledFilterWrapper = (0, import_ds_system.styled)(import_ds_grid.Grid, {
+  name: import_constants.DateRangeFilterName,
+  slot: import_constants.DATE_RANGE_FILTER_SLOTS.ROOT
+})`
+  width: 260px;
+`;
+const StyledDateRangeFrom = (0, import_ds_system.styled)(import_ds_grid.Grid, {
+  name: import_constants.DateRangeFilterName,
+  slot: import_constants.DATE_RANGE_FILTER_SLOTS.DATE_RANGE_FROM_DATE
+})`
+  width: 100%;
+`;
+const StyledDateRangeTo = (0, import_ds_system.styled)(import_ds_grid.Grid, {
+  name: import_constants.DateRangeFilterName,
+  slot: import_constants.DATE_RANGE_FILTER_SLOTS.DATE_RANGE_TO_DATE
+})`
+  width: 100%;
+`;
+const DateRangeFilter = (props) => {
+  const { filterValue, onValueChange } = props;
+  const [startDate, setStartDate] = (0, import_react.useState)(filterValue?.startDate || "");
+  const [endDate, setEndDate] = (0, import_react.useState)(filterValue?.endDate || "");
+  const handleOnStartDateChange = (0, import_react.useCallback)(
+    (date) => {
+      if (!date.includes("_") && !endDate.includes("_"))
+        onValueChange({ startDate: date, endDate });
+      setStartDate(date);
+    },
+    [endDate, onValueChange]
+  );
+  const handleOnEndDateChange = (0, import_react.useCallback)(
+    (date) => {
+      if (!startDate.includes("_") && !date.includes("_"))
+        onValueChange({ startDate, endDate: date });
+      setEndDate(date);
+    },
+    [onValueChange, startDate]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StyledFilterWrapper, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledDateRangeFrom, { p: "xxs", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_ds_form_date_range_picker.DSControlledDateRangePicker,
+      {
+        autoFocus: true,
+        fromDate: startDate,
+        onFromDateChange: handleOnStartDateChange,
+        toDate: endDate,
+        onToDateChange: handleOnEndDateChange,
+        type: "date-range-inputs"
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledDateRangeTo, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_ds_form_date_range_picker.DSControlledDateRangePicker,
+      {
+        fromDate: startDate,
+        onFromDateChange: handleOnStartDateChange,
+        toDate: endDate,
+        onToDateChange: handleOnEndDateChange,
+        type: "date-range-picker-controller-only"
+      }
+    ) })
+  ] });
+};
+DateRangeFilter.displayName = "DateRangeFilter";
+const DateRangeFilterWithSchema = (0, import_ds_props_helpers.describe)(DateRangeFilter);
+DateRangeFilterWithSchema.propTypes = import_react_desc_prop_types.DateRangeFilterPropTypesSchema;
+//# sourceMappingURL=DateRangeFilter.js.map

package/dist/cjs/parts/DateRangeFilter/DateRangeFilter.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/DateRangeFilter/DateRangeFilter.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useState, useCallback } from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSControlledDateRangePicker } from '@elliemae/ds-form-date-range-picker';\nimport { type DateRangeFilterT, DateRangeFilterPropTypesSchema } from './react-desc-prop-types.js';\nimport { DATE_RANGE_FILTER_SLOTS, DateRangeFilterName } from './constants/index.js';\n\nconst StyledFilterWrapper = styled(Grid, {\n  name: DateRangeFilterName,\n  slot: DATE_RANGE_FILTER_SLOTS.ROOT,\n})`\n  width: 260px;\n`;\n\nconst StyledDateRangeFrom = styled(Grid, {\n  name: DateRangeFilterName,\n  slot: DATE_RANGE_FILTER_SLOTS.DATE_RANGE_FROM_DATE,\n})`\n  width: 100%;\n`;\n\nconst StyledDateRangeTo = styled(Grid, {\n  name: DateRangeFilterName,\n  slot: DATE_RANGE_FILTER_SLOTS.DATE_RANGE_TO_DATE,\n})`\n  width: 100%;\n`;\nconst DateRangeFilter: React.ComponentType<DateRangeFilterT.Props> = (props) => {\n  const { filterValue, onValueChange } = props;\n\n  const [startDate, setStartDate] = useState(filterValue?.startDate || '');\n  const [endDate, setEndDate] = useState(filterValue?.endDate || '');\n\n  const handleOnStartDateChange = useCallback(\n    (date: string) => {\n      if (!date.includes('_') && !endDate.includes('_')) onValueChange({ startDate: date, endDate });\n      setStartDate(date);\n    },\n    [endDate, onValueChange],\n  );\n\n  const handleOnEndDateChange = useCallback(\n    (date: string) => {\n      if (!startDate.includes('_') && !date.includes('_')) onValueChange({ startDate, endDate: date });\n      setEndDate(date);\n    },\n    [onValueChange, startDate],\n  );\n  return (\n    <StyledFilterWrapper>\n      <StyledDateRangeFrom p=\"xxs\">\n        <DSControlledDateRangePicker\n          autoFocus\n          fromDate={startDate}\n          onFromDateChange={handleOnStartDateChange}\n          toDate={endDate}\n          onToDateChange={handleOnEndDateChange}\n          type=\"date-range-inputs\"\n        />\n      </StyledDateRangeFrom>\n      <StyledDateRangeTo>\n        <DSControlledDateRangePicker\n          fromDate={startDate}\n          onFromDateChange={handleOnStartDateChange}\n          toDate={endDate}\n          onToDateChange={handleOnEndDateChange}\n          type=\"date-range-picker-controller-only\"\n        />\n      </StyledDateRangeTo>\n    </StyledFilterWrapper>\n  );\n};\n\nDateRangeFilter.displayName = 'DateRangeFilter';\nconst DateRangeFilterWithSchema = describe(DateRangeFilter);\nDateRangeFilterWithSchema.propTypes = DateRangeFilterPropTypesSchema;\n\nexport { DateRangeFilter, DateRangeFilterWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkDnB;AAlDJ,mBAA6C;AAC7C,uBAAuB;AACvB,8BAAyB;AACzB,qBAAqB;AACrB,uCAA4C;AAC5C,mCAAsE;AACtE,uBAA6D;AAE7D,MAAM,0BAAsB,yBAAO,qBAAM;AAAA,EACvC,MAAM;AAAA,EACN,MAAM,yCAAwB;AAChC,CAAC;AAAA;AAAA;AAID,MAAM,0BAAsB,yBAAO,qBAAM;AAAA,EACvC,MAAM;AAAA,EACN,MAAM,yCAAwB;AAChC,CAAC;AAAA;AAAA;AAID,MAAM,wBAAoB,yBAAO,qBAAM;AAAA,EACrC,MAAM;AAAA,EACN,MAAM,yCAAwB;AAChC,CAAC;AAAA;AAAA;AAGD,MAAM,kBAA+D,CAAC,UAAU;AAC9E,QAAM,EAAE,aAAa,cAAc,IAAI;AAEvC,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,aAAa,aAAa,EAAE;AACvE,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,aAAa,WAAW,EAAE;AAEjE,QAAM,8BAA0B;AAAA,IAC9B,CAAC,SAAiB;AAChB,UAAI,CAAC,KAAK,SAAS,GAAG,KAAK,CAAC,QAAQ,SAAS,GAAG;AAAG,sBAAc,EAAE,WAAW,MAAM,QAAQ,CAAC;AAC7F,mBAAa,IAAI;AAAA,IACnB;AAAA,IACA,CAAC,SAAS,aAAa;AAAA,EACzB;AAEA,QAAM,4BAAwB;AAAA,IAC5B,CAAC,SAAiB;AAChB,UAAI,CAAC,UAAU,SAAS,GAAG,KAAK,CAAC,KAAK,SAAS,GAAG;AAAG,sBAAc,EAAE,WAAW,SAAS,KAAK,CAAC;AAC/F,iBAAW,IAAI;AAAA,IACjB;AAAA,IACA,CAAC,eAAe,SAAS;AAAA,EAC3B;AACA,SACE,6CAAC,uBACC;AAAA,gDAAC,uBAAoB,GAAE,OACrB;AAAA,MAAC;AAAA;AAAA,QACC,WAAS;AAAA,QACT,UAAU;AAAA,QACV,kBAAkB;AAAA,QAClB,QAAQ;AAAA,QACR,gBAAgB;AAAA,QAChB,MAAK;AAAA;AAAA,IACP,GACF;AAAA,IACA,4CAAC,qBACC;AAAA,MAAC;AAAA;AAAA,QACC,UAAU;AAAA,QACV,kBAAkB;AAAA,QAClB,QAAQ;AAAA,QACR,gBAAgB;AAAA,QAChB,MAAK;AAAA;AAAA,IACP,GACF;AAAA,KACF;AAEJ;AAEA,gBAAgB,cAAc;AAC9B,MAAM,gCAA4B,kCAAS,eAAe;AAC1D,0BAA0B,YAAY;",
+  "names": []
+}

package/dist/cjs/parts/DateRangeFilter/DateRangePill.js

@@ -0,0 +1,67 @@
+"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 DateRangePill_exports = {};
+__export(DateRangePill_exports, {
+  DateRangePill: () => DateRangePill
+});
+module.exports = __toCommonJS(DateRangePill_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_ds_pills_v2 = require("@elliemae/ds-pills-v2");
+const format = (date) => date.replace(/-/g, "/");
+const DateRangePill = ({
+  columnHeader,
+  value,
+  onRemove,
+  innerRef
+}) => {
+  const handleOnRemove = (0, import_react.useCallback)(
+    (e) => {
+      onRemove(e, {
+        columnHeader,
+        value
+      });
+    },
+    [onRemove, value, columnHeader]
+  );
+  return value?.startDate && value?.endDate ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_pills_v2.DSPillGroupV2, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_pills_v2.DSPillV2, { type: "label", label: columnHeader }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_ds_pills_v2.DSPillV2,
+      {
+        type: "removable",
+        label: `${format(value.startDate)} - ${format(value.endDate)}`,
+        onRemove: handleOnRemove,
+        innerRef
+      }
+    )
+  ] }) : null;
+};
+//# sourceMappingURL=DateRangePill.js.map

package/dist/cjs/parts/DateRangeFilter/DateRangePill.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/DateRangeFilter/DateRangePill.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useCallback } from 'react';\nimport { DSPillGroupV2, DSPillV2 } from '@elliemae/ds-pills-v2';\nimport { type DateRangeFilterT } from './react-desc-prop-types.js';\n\nconst format = (date: string) => date.replace(/-/g, '/');\n\nexport const DateRangePill: React.ComponentType<DateRangeFilterT.DateRangePillProps> = ({\n  columnHeader,\n  value,\n  onRemove,\n  innerRef,\n}) => {\n  const handleOnRemove = useCallback(\n    (e: React.KeyboardEvent<Element> | React.MouseEvent<Element, MouseEvent>) => {\n      onRemove(e, {\n        columnHeader,\n        value,\n      });\n    },\n    [onRemove, value, columnHeader],\n  );\n  return value?.startDate && value?.endDate ? (\n    <DSPillGroupV2>\n      <DSPillV2 type=\"label\" label={columnHeader} />\n      <DSPillV2\n        type=\"removable\"\n        label={`${format(value.startDate)} - ${format(value.endDate)}`}\n        onRemove={handleOnRemove}\n        innerRef={innerRef}\n      />\n    </DSPillGroupV2>\n  ) : null;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADsBnB;AAtBJ,mBAAmC;AACnC,yBAAwC;AAGxC,MAAM,SAAS,CAAC,SAAiB,KAAK,QAAQ,MAAM,GAAG;AAEhD,MAAM,gBAA0E,CAAC;AAAA,EACtF;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,qBAAiB;AAAA,IACrB,CAAC,MAA4E;AAC3E,eAAS,GAAG;AAAA,QACV;AAAA,QACA;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,CAAC,UAAU,OAAO,YAAY;AAAA,EAChC;AACA,SAAO,OAAO,aAAa,OAAO,UAChC,6CAAC,oCACC;AAAA,gDAAC,+BAAS,MAAK,SAAQ,OAAO,cAAc;AAAA,IAC5C;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAO,GAAG,OAAO,MAAM,SAAS,OAAO,OAAO,MAAM,OAAO;AAAA,QAC3D,UAAU;AAAA,QACV;AAAA;AAAA,IACF;AAAA,KACF,IACE;AACN;",
+  "names": []
+}

package/dist/cjs/parts/DateRangeFilter/constants/index.js

@@ -0,0 +1,45 @@
+"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 constants_exports = {};
+__export(constants_exports, {
+  DATE_RANGE_FILTER_DATA_TESTID: () => DATE_RANGE_FILTER_DATA_TESTID,
+  DATE_RANGE_FILTER_SLOTS: () => DATE_RANGE_FILTER_SLOTS,
+  DateRangeFilterName: () => DateRangeFilterName
+});
+module.exports = __toCommonJS(constants_exports);
+var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
+const DateRangeFilterName = "DataRangeFilter";
+const DATE_RANGE_FILTER_SLOTS = {
+  ROOT: "root",
+  DATE_RANGE_FROM_DATE: "date-range-from-date",
+  DATE_RANGE_TO_DATE: "date-range-to-date"
+};
+const DATE_RANGE_FILTER_DATA_TESTID = (0, import_ds_system.slotObjectToDataTestIds)(DateRangeFilterName, DATE_RANGE_FILTER_SLOTS);
+//# sourceMappingURL=index.js.map

package/dist/cjs/parts/DateRangeFilter/constants/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/parts/DateRangeFilter/constants/index.ts", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DateRangeFilterName = 'DataRangeFilter';\n\n// we are giving \"component_name_slots\" to avoid errors on duplicate exports variables in aggregators\nexport const DATE_RANGE_FILTER_SLOTS = {\n  ROOT: 'root',\n  DATE_RANGE_FROM_DATE: 'date-range-from-date',\n  DATE_RANGE_TO_DATE: 'date-range-to-date',\n} as const;\n\n// we are giving \"component_name_data_testid\" to avoid errors on duplicate exports variables in aggregators\nexport const DATE_RANGE_FILTER_DATA_TESTID = slotObjectToDataTestIds(DateRangeFilterName, DATE_RANGE_FILTER_SLOTS);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AAEjC,MAAM,sBAAsB;AAG5B,MAAM,0BAA0B;AAAA,EACrC,MAAM;AAAA,EACN,sBAAsB;AAAA,EACtB,oBAAoB;AACtB;AAGO,MAAM,oCAAgC,0CAAwB,qBAAqB,uBAAuB;",
+  "names": []
+}

package/dist/cjs/parts/DateRangeFilter/dateRangeFilterFn.js

@@ -0,0 +1,56 @@
+"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 dateRangeFilterFn_exports = {};
+__export(dateRangeFilterFn_exports, {
+  dateRangeFilterFn: () => dateRangeFilterFn
+});
+module.exports = __toCommonJS(dateRangeFilterFn_exports);
+var React = __toESM(require("react"));
+const isSameOrBefore = (date1, date2) => {
+  if (!date1)
+    return true;
+  const d1 = new Date(date1);
+  const d2 = new Date(date2);
+  return d1.getTime() <= d2.getTime();
+};
+const isSameOrAfter = (date1, date2) => {
+  if (!date1)
+    return true;
+  const d1 = new Date(date1);
+  const d2 = new Date(date2);
+  return d1.getTime() >= d2.getTime();
+};
+const dateRangeFilterFn = (datum, filterValue, filterKey) => {
+  if (filterValue === null)
+    return true;
+  if (filterValue.startDate === "" || filterValue.endDate === "")
+    return true;
+  return isSameOrBefore(filterValue.startDate, datum[filterKey]) && isSameOrAfter(filterValue.endDate, datum[filterKey]);
+};
+//# sourceMappingURL=dateRangeFilterFn.js.map

package/dist/cjs/parts/DateRangeFilter/dateRangeFilterFn.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/DateRangeFilter/dateRangeFilterFn.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["const isSameOrBefore = (date1: string, date2: string) => {\n  if (!date1) return true;\n  const d1 = new Date(date1);\n  const d2 = new Date(date2);\n  return d1.getTime() <= d2.getTime();\n};\n\nconst isSameOrAfter = (date1: string, date2: string) => {\n  if (!date1) return true;\n  const d1 = new Date(date1);\n  const d2 = new Date(date2);\n  return d1.getTime() >= d2.getTime();\n};\n\nexport const dateRangeFilterFn = (\n  datum: Record<string, unknown>,\n  filterValue: { startDate: string; endDate: string } | null,\n  filterKey: string,\n) => {\n  if (filterValue === null) return true;\n  if (filterValue.startDate === '' || filterValue.endDate === '') return true;\n  return (\n    isSameOrBefore(filterValue.startDate, datum[filterKey] as string) &&\n    isSameOrAfter(filterValue.endDate, datum[filterKey] as string)\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,MAAM,iBAAiB,CAAC,OAAe,UAAkB;AACvD,MAAI,CAAC;AAAO,WAAO;AACnB,QAAM,KAAK,IAAI,KAAK,KAAK;AACzB,QAAM,KAAK,IAAI,KAAK,KAAK;AACzB,SAAO,GAAG,QAAQ,KAAK,GAAG,QAAQ;AACpC;AAEA,MAAM,gBAAgB,CAAC,OAAe,UAAkB;AACtD,MAAI,CAAC;AAAO,WAAO;AACnB,QAAM,KAAK,IAAI,KAAK,KAAK;AACzB,QAAM,KAAK,IAAI,KAAK,KAAK;AACzB,SAAO,GAAG,QAAQ,KAAK,GAAG,QAAQ;AACpC;AAEO,MAAM,oBAAoB,CAC/B,OACA,aACA,cACG;AACH,MAAI,gBAAgB;AAAM,WAAO;AACjC,MAAI,YAAY,cAAc,MAAM,YAAY,YAAY;AAAI,WAAO;AACvE,SACE,eAAe,YAAY,WAAW,MAAM,SAAS,CAAW,KAChE,cAAc,YAAY,SAAS,MAAM,SAAS,CAAW;AAEjE;",
+  "names": []
+}

package/dist/cjs/parts/DateRangeFilter/index.js

@@ -0,0 +1,45 @@
+"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 DateRangeFilter_exports = {};
+__export(DateRangeFilter_exports, {
+  DATE_RANGE_FILTER_DATA_TESTID: () => import_constants.DATE_RANGE_FILTER_DATA_TESTID,
+  DATE_RANGE_FILTER_SLOTS: () => import_constants.DATE_RANGE_FILTER_SLOTS,
+  DateRangeFilter: () => import_DateRangeFilter.DateRangeFilter,
+  DateRangeFilterWithSchema: () => import_DateRangeFilter.DateRangeFilterWithSchema,
+  DateRangePill: () => import_DateRangePill.DateRangePill,
+  dateRangeFilterFn: () => import_dateRangeFilterFn.dateRangeFilterFn
+});
+module.exports = __toCommonJS(DateRangeFilter_exports);
+var React = __toESM(require("react"));
+var import_DateRangeFilter = require("./DateRangeFilter.js");
+var import_DateRangePill = require("./DateRangePill.js");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_dateRangeFilterFn = require("./dateRangeFilterFn.js");
+var import_constants = require("./constants/index.js");
+//# sourceMappingURL=index.js.map

package/dist/cjs/parts/DateRangeFilter/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/DateRangeFilter/index.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export { DateRangeFilter, DateRangeFilterWithSchema } from './DateRangeFilter.js';\nexport { DateRangePill } from './DateRangePill.js';\nexport { type DateRangeFilterT } from './react-desc-prop-types.js';\nexport { dateRangeFilterFn } from './dateRangeFilterFn.js';\nexport { DATE_RANGE_FILTER_SLOTS, DATE_RANGE_FILTER_DATA_TESTID } from './constants/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,6BAA2D;AAC3D,2BAA8B;AAC9B,mCAAsC;AACtC,+BAAkC;AAClC,uBAAuE;",
+  "names": []
+}

package/dist/cjs/parts/DateRangeFilter/react-desc-prop-types.js

@@ -0,0 +1,44 @@
+"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 react_desc_prop_types_exports = {};
+__export(react_desc_prop_types_exports, {
+  DateRangeFilterPropTypes: () => DateRangeFilterPropTypes,
+  DateRangeFilterPropTypesSchema: () => DateRangeFilterPropTypesSchema
+});
+module.exports = __toCommonJS(react_desc_prop_types_exports);
+var React = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+const DateRangeFilterPropTypes = {
+  ...import_ds_props_helpers.globalAttributesPropTypes,
+  ...import_ds_props_helpers.xstyledPropTypes,
+  filterValue: import_ds_props_helpers.PropTypes.object.description("Date range selected value").isRequired,
+  onValueChange: import_ds_props_helpers.PropTypes.func.description("Date range on change event").isRequired
+};
+const DateRangeFilterPropTypesSchema = DateRangeFilterPropTypes;
+//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/cjs/parts/DateRangeFilter/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/DateRangeFilter/react-desc-prop-types.ts", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-empty-interface */\n/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { WeakValidationMap } from 'react';\n\nexport declare namespace DateRangeFilterT {\n  export interface RequiredProps {\n    filterValue: { startDate: string; endDate: string } | null;\n    onValueChange: (value: { startDate: string; endDate: string }) => void;\n  }\n\n  export interface DefaultProps {}\n\n  export interface OptionalProps {}\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  interface DateRangePillProps {\n    columnHeader: string;\n    innerRef?: TypescriptHelpersT.AnyRef<HTMLElement>;\n    value: { startDate: string; endDate: string };\n    onRemove: (\n      e: React.KeyboardEvent<Element> | React.MouseEvent<Element, MouseEvent>,\n      { columnHeader, value }: { columnHeader: string; value: { startDate: string; endDate: string } },\n    ) => void;\n  }\n}\n\nexport const DateRangeFilterPropTypes: DSPropTypesSchema<DateRangeFilterT.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  filterValue: PropTypes.object.description('Date range selected value').isRequired,\n  onValueChange: PropTypes.func.description('Date range on change event').isRequired,\n};\n\nexport const DateRangeFilterPropTypesSchema =\n  DateRangeFilterPropTypes as unknown as WeakValidationMap<DateRangeFilterT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,8BAAuE;AAuChE,MAAM,2BAAsE;AAAA,EACjF,GAAG;AAAA,EACH,GAAG;AAAA,EACH,aAAa,kCAAU,OAAO,YAAY,2BAA2B,EAAE;AAAA,EACvE,eAAe,kCAAU,KAAK,YAAY,4BAA4B,EAAE;AAC1E;AAEO,MAAM,iCACX;",
+  "names": []
+}

package/dist/cjs/parts/FilterPopover/FilterPopover.js

@@ -0,0 +1,114 @@
+"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 FilterPopover_exports = {};
+__export(FilterPopover_exports, {
+  FilterPopover: () => FilterPopover,
+  FilterPopoverWithSchema: () => FilterPopoverWithSchema
+});
+module.exports = __toCommonJS(FilterPopover_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_popperjs = require("@elliemae/ds-popperjs");
+var import_ds_button_v2 = require("@elliemae/ds-button-v2");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_ds_system = require("@elliemae/ds-system");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_constants = require("./constants/index.js");
+const StyledWrapper = (0, import_ds_system.styled)(import_ds_grid.Grid, { name: import_constants.FilterPopoverName, slot: import_constants.FILTER_POPOVER_SLOTS.ROOT })`
+  cursor: initial;
+`;
+const StyledButton = (0, import_ds_system.styled)(import_ds_button_v2.DSButtonV2, { name: import_constants.FilterPopoverName, slot: import_constants.FILTER_POPOVER_SLOTS.FILTER_ICON_BUTTON })``;
+const FilterPopover = (props) => {
+  const { referenceElement, filterMinWidth, shouldShowFilter, children, FilterIcon } = props;
+  const ref = import_react.default.useRef(null);
+  const [showPopover, setShowPopover] = import_react.default.useState(false);
+  const closeContextMenu = (0, import_react.useCallback)(() => {
+    setShowPopover(false);
+  }, []);
+  const handleOnKeyDown = (0, import_react.useCallback)(
+    (e) => {
+      if (e.key === "Escape") {
+        setShowPopover(false);
+        ref.current?.focus();
+      }
+    },
+    [ref]
+  );
+  const config = (0, import_react.useMemo)(
+    () => ({
+      onBlur: () => {
+        setShowPopover(false);
+      }
+    }),
+    []
+  );
+  const handleParentOnBlur = (0, import_ds_utilities.useOnBlurOut)(config);
+  if (!shouldShowFilter && !showPopover)
+    return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StyledWrapper, { onBlur: handleParentOnBlur, tabIndex: -1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      StyledButton,
+      {
+        buttonType: "icon",
+        innerRef: ref,
+        "aria-label": "filter",
+        size: "s",
+        onClick: () => setShowPopover(!showPopover),
+        children: FilterIcon ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FilterIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.SearchXsmall, { size: "s" })
+      }
+    ),
+    referenceElement && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_ds_popperjs.DSPopperJS,
+      {
+        referenceElement,
+        showPopover,
+        withoutAnimation: true,
+        withoutArrow: true,
+        withoutPortal: true,
+        closeContextMenu,
+        backgroundColor: "#FFF",
+        onKeyDown: handleOnKeyDown,
+        startPlacementPreference: "bottom-end",
+        extraPopperStyles: {
+          minWidth: filterMinWidth ?? referenceElement.offsetWidth ?? "0px"
+        },
+        placementOrderPreference: ["bottom-end", "top-end"],
+        children
+      }
+    )
+  ] });
+};
+FilterPopover.displayName = "FilterPopover";
+const FilterPopoverWithSchema = (0, import_ds_props_helpers.describe)(FilterPopover);
+FilterPopoverWithSchema.propTypes = import_react_desc_prop_types.FilterPopoverPropTypesSchema;
+//# sourceMappingURL=FilterPopover.js.map