@elliemae/ds-data-table 3.60.0-next.5 → 3.60.0-next.50

package/dist/cjs/addons/Filters/Components/SelectFilter/MultiCreatableFilterV2.js

@@ -0,0 +1,68 @@
+"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 MultiCreatableFilterV2_exports = {};
+__export(MultiCreatableFilterV2_exports, {
+  MultiCreatableFilterV2: () => MultiCreatableFilterV2
+});
+module.exports = __toCommonJS(MultiCreatableFilterV2_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_uid = require("uid");
+var import_exported_related = require("../../../../exported-related/index.js");
+var import_constants = require("../../../../configs/constants.js");
+var import_BaseSelectFilterV2 = require("./BaseSelectFilterV2.js");
+const MultiCreatableFilterV2 = ({
+  column,
+  referenceColumn,
+  onValueChange,
+  patchHeaderFilterButtonAndMenu,
+  patchHeader,
+  reduxHeader,
+  filterValue,
+  innerRef,
+  domIdAffix = (0, import_uid.uid)(4)
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_BaseSelectFilterV2.BaseSelectFilterV2,
+  {
+    creatable: true,
+    reduxHeader,
+    "data-testid": import_constants.DATA_TESTID.DATA_TABLE_MULTISELECT_CONTROLLER,
+    isMulti: true,
+    column,
+    filterValue: filterValue ?? [],
+    type: import_exported_related.FILTER_TYPES.MULTI_SELECT_V2,
+    onValueChange,
+    patchHeaderFilterButtonAndMenu,
+    patchHeader,
+    innerRef,
+    domIdAffix,
+    referenceColumn
+  }
+);
+//# sourceMappingURL=MultiCreatableFilterV2.js.map

package/dist/cjs/addons/Filters/Components/SelectFilter/MultiCreatableFilterV2.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/addons/Filters/Components/SelectFilter/MultiCreatableFilterV2.tsx", "../../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport type { DSComboboxT } from '@elliemae/ds-form-combobox';\nimport { uid } from 'uid';\nimport type { DSDataTableT } from '../../../../react-desc-prop-types.js';\nimport { FILTER_TYPES } from '../../../../exported-related/index.js';\nimport { DATA_TESTID } from '../../../../configs/constants.js';\nimport { BaseSelectFilterV2 } from './BaseSelectFilterV2.js';\n\ntype MultiCreatableFilterValue = DSComboboxT.SelectedOptionsT;\n\nexport const MultiCreatableFilterV2: React.ComponentType<DSDataTableT.FilterProps<MultiCreatableFilterValue>> = ({\n  column,\n  referenceColumn,\n  onValueChange,\n  patchHeaderFilterButtonAndMenu,\n  patchHeader,\n  reduxHeader,\n  filterValue,\n  innerRef,\n  domIdAffix = uid(4),\n}) => (\n  <BaseSelectFilterV2\n    creatable\n    reduxHeader={reduxHeader}\n    data-testid={DATA_TESTID.DATA_TABLE_MULTISELECT_CONTROLLER}\n    isMulti\n    column={column}\n    filterValue={filterValue ?? []}\n    type={FILTER_TYPES.MULTI_SELECT_V2}\n    onValueChange={onValueChange}\n    patchHeaderFilterButtonAndMenu={patchHeaderFilterButtonAndMenu}\n    patchHeader={patchHeader}\n    innerRef={innerRef}\n    domIdAffix={domIdAffix}\n    referenceColumn={referenceColumn}\n  />\n);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqBrB;AAnBF,iBAAoB;AAEpB,8BAA6B;AAC7B,uBAA4B;AAC5B,gCAAmC;AAI5B,MAAM,yBAAmG,CAAC;AAAA,EAC/G;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAa,gBAAI,CAAC;AACpB,MACE;AAAA,EAAC;AAAA;AAAA,IACC,WAAS;AAAA,IACT;AAAA,IACA,eAAa,6BAAY;AAAA,IACzB,SAAO;AAAA,IACP;AAAA,IACA,aAAa,eAAe,CAAC;AAAA,IAC7B,MAAM,qCAAa;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AACF;",
+  "names": []
+}

package/dist/cjs/addons/Filters/Components/SelectFilter/MultiSelectFilterV2.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 MultiSelectFilterV2_exports = {};
+__export(MultiSelectFilterV2_exports, {
+  MultiSelectFilterV2: () => MultiSelectFilterV2
+});
+module.exports = __toCommonJS(MultiSelectFilterV2_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_uid = require("uid");
+var import_exported_related = require("../../../../exported-related/index.js");
+var import_constants = require("../../../../configs/constants.js");
+var import_BaseSelectFilterV2 = require("./BaseSelectFilterV2.js");
+const MultiSelectFilterV2 = ({
+  column,
+  referenceColumn,
+  onValueChange,
+  patchHeaderFilterButtonAndMenu,
+  patchHeader,
+  reduxHeader,
+  filterValue,
+  innerRef,
+  domIdAffix = (0, import_uid.uid)(4)
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_BaseSelectFilterV2.BaseSelectFilterV2,
+  {
+    reduxHeader,
+    "data-testid": import_constants.DATA_TESTID.DATA_TABLE_MULTISELECT_CONTROLLER,
+    isMulti: true,
+    column,
+    filterValue: filterValue ?? [],
+    type: import_exported_related.FILTER_TYPES.MULTI_SELECT_V2,
+    onValueChange,
+    patchHeaderFilterButtonAndMenu,
+    patchHeader,
+    innerRef,
+    domIdAffix,
+    referenceColumn
+  }
+);
+//# sourceMappingURL=MultiSelectFilterV2.js.map

package/dist/cjs/addons/Filters/Components/SelectFilter/MultiSelectFilterV2.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/addons/Filters/Components/SelectFilter/MultiSelectFilterV2.tsx", "../../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport type { DSComboboxT } from '@elliemae/ds-form-combobox';\nimport { uid } from 'uid';\nimport type { DSDataTableT } from '../../../../react-desc-prop-types.js';\nimport { FILTER_TYPES } from '../../../../exported-related/index.js';\nimport { DATA_TESTID } from '../../../../configs/constants.js';\nimport { BaseSelectFilterV2 } from './BaseSelectFilterV2.js';\n\ntype MultiSelectFilterValue = DSComboboxT.SelectedOptionsT;\n\nexport const MultiSelectFilterV2: React.ComponentType<DSDataTableT.FilterProps<MultiSelectFilterValue>> = ({\n  column,\n  referenceColumn,\n  onValueChange,\n  patchHeaderFilterButtonAndMenu,\n  patchHeader,\n  reduxHeader,\n  filterValue,\n  innerRef,\n  domIdAffix = uid(4),\n}) => (\n  <BaseSelectFilterV2\n    reduxHeader={reduxHeader}\n    data-testid={DATA_TESTID.DATA_TABLE_MULTISELECT_CONTROLLER}\n    isMulti\n    column={column}\n    filterValue={filterValue ?? []}\n    type={FILTER_TYPES.MULTI_SELECT_V2}\n    onValueChange={onValueChange}\n    patchHeaderFilterButtonAndMenu={patchHeaderFilterButtonAndMenu}\n    patchHeader={patchHeader}\n    innerRef={innerRef}\n    domIdAffix={domIdAffix}\n    referenceColumn={referenceColumn}\n  />\n);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqBrB;AAnBF,iBAAoB;AAEpB,8BAA6B;AAC7B,uBAA4B;AAC5B,gCAAmC;AAI5B,MAAM,sBAA6F,CAAC;AAAA,EACzG;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAa,gBAAI,CAAC;AACpB,MACE;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,eAAa,6BAAY;AAAA,IACzB,SAAO;AAAA,IACP;AAAA,IACA,aAAa,eAAe,CAAC;AAAA,IAC7B,MAAM,qCAAa;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AACF;",
+  "names": []
+}

package/dist/cjs/addons/Filters/Components/SelectFilter/SingleCreatableFilterV2.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 SingleCreatableFilterV2_exports = {};
+__export(SingleCreatableFilterV2_exports, {
+  SingleCreatableFilterV2: () => SingleCreatableFilterV2
+});
+module.exports = __toCommonJS(SingleCreatableFilterV2_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_uid = require("uid");
+var import_exported_related = require("../../../../exported-related/index.js");
+var import_constants = require("../../../../configs/constants.js");
+var import_BaseSelectFilterV2 = require("./BaseSelectFilterV2.js");
+const SingleCreatableFilterV2 = ({
+  column,
+  referenceColumn,
+  patchHeaderFilterButtonAndMenu,
+  patchHeader,
+  onValueChange,
+  filterValue,
+  reduxHeader,
+  innerRef,
+  domIdAffix = (0, import_uid.uid)(4)
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_BaseSelectFilterV2.BaseSelectFilterV2,
+  {
+    creatable: true,
+    reduxHeader,
+    "data-testid": import_constants.DATA_TESTID.DATA_TABLE_SINGLESELECT_CONTROLLER,
+    column,
+    filterValue,
+    type: import_exported_related.FILTER_TYPES.SELECT_V2,
+    onValueChange,
+    patchHeaderFilterButtonAndMenu,
+    patchHeader,
+    innerRef,
+    domIdAffix,
+    referenceColumn
+  }
+);
+//# sourceMappingURL=SingleCreatableFilterV2.js.map

package/dist/cjs/addons/Filters/Components/SelectFilter/SingleCreatableFilterV2.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/addons/Filters/Components/SelectFilter/SingleCreatableFilterV2.tsx", "../../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { uid } from 'uid';\nimport type { DSComboboxT } from '@elliemae/ds-form-combobox';\nimport type { DSDataTableT } from '../../../../react-desc-prop-types.js';\nimport { FILTER_TYPES } from '../../../../exported-related/index.js';\nimport { DATA_TESTID } from '../../../../configs/constants.js';\nimport { BaseSelectFilterV2 } from './BaseSelectFilterV2.js';\n\ntype SingleCreatableFilterValue = DSComboboxT.SelectedOptionsT;\n\nexport const SingleCreatableFilterV2: React.ComponentType<DSDataTableT.FilterProps<SingleCreatableFilterValue>> = ({\n  column,\n  referenceColumn,\n  patchHeaderFilterButtonAndMenu,\n  patchHeader,\n  onValueChange,\n  filterValue,\n  reduxHeader,\n  innerRef,\n  domIdAffix = uid(4),\n}) => (\n  <BaseSelectFilterV2\n    creatable\n    reduxHeader={reduxHeader}\n    data-testid={DATA_TESTID.DATA_TABLE_SINGLESELECT_CONTROLLER}\n    column={column}\n    filterValue={filterValue}\n    type={FILTER_TYPES.SELECT_V2}\n    onValueChange={onValueChange}\n    patchHeaderFilterButtonAndMenu={patchHeaderFilterButtonAndMenu}\n    patchHeader={patchHeader}\n    innerRef={innerRef}\n    domIdAffix={domIdAffix}\n    referenceColumn={referenceColumn}\n  />\n);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqBrB;AApBF,iBAAoB;AAGpB,8BAA6B;AAC7B,uBAA4B;AAC5B,gCAAmC;AAI5B,MAAM,0BAAqG,CAAC;AAAA,EACjH;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAa,gBAAI,CAAC;AACpB,MACE;AAAA,EAAC;AAAA;AAAA,IACC,WAAS;AAAA,IACT;AAAA,IACA,eAAa,6BAAY;AAAA,IACzB;AAAA,IACA;AAAA,IACA,MAAM,qCAAa;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AACF;",
+  "names": []
+}

package/dist/cjs/addons/Filters/Components/SelectFilter/SingleSelectFilterV2.js

@@ -0,0 +1,66 @@
+"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 SingleSelectFilterV2_exports = {};
+__export(SingleSelectFilterV2_exports, {
+  SingleSelectFilterV2: () => SingleSelectFilterV2
+});
+module.exports = __toCommonJS(SingleSelectFilterV2_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_uid = require("uid");
+var import_constants = require("../../../../configs/constants.js");
+var import_exported_related = require("../../../../exported-related/index.js");
+var import_BaseSelectFilterV2 = require("./BaseSelectFilterV2.js");
+const SingleSelectFilterV2 = ({
+  column,
+  referenceColumn,
+  patchHeaderFilterButtonAndMenu,
+  patchHeader,
+  onValueChange,
+  filterValue,
+  reduxHeader,
+  innerRef,
+  domIdAffix = (0, import_uid.uid)(4)
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_BaseSelectFilterV2.BaseSelectFilterV2,
+  {
+    reduxHeader,
+    "data-testid": import_constants.DATA_TESTID.DATA_TABLE_SINGLESELECT_CONTROLLER,
+    column,
+    filterValue,
+    type: import_exported_related.FILTER_TYPES.SELECT_V2,
+    onValueChange,
+    patchHeaderFilterButtonAndMenu,
+    patchHeader,
+    innerRef,
+    domIdAffix,
+    referenceColumn
+  }
+);
+//# sourceMappingURL=SingleSelectFilterV2.js.map

package/dist/cjs/addons/Filters/Components/SelectFilter/SingleSelectFilterV2.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/addons/Filters/Components/SelectFilter/SingleSelectFilterV2.tsx", "../../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import type { DSComboboxT } from '@elliemae/ds-form-combobox';\nimport React from 'react';\nimport { uid } from 'uid';\nimport { DATA_TESTID } from '../../../../configs/constants.js';\nimport { FILTER_TYPES } from '../../../../exported-related/index.js';\nimport type { DSDataTableT } from '../../../../react-desc-prop-types.js';\nimport { BaseSelectFilterV2 } from './BaseSelectFilterV2.js';\n\ntype SingleSelectFilterValue = DSComboboxT.SelectedOptionsT;\n\nexport const SingleSelectFilterV2: React.ComponentType<DSDataTableT.FilterProps<SingleSelectFilterValue>> = ({\n  column,\n  referenceColumn,\n  patchHeaderFilterButtonAndMenu,\n  patchHeader,\n  onValueChange,\n  filterValue,\n  reduxHeader,\n  innerRef,\n  domIdAffix = uid(4),\n}) => (\n  <BaseSelectFilterV2\n    reduxHeader={reduxHeader}\n    data-testid={DATA_TESTID.DATA_TABLE_SINGLESELECT_CONTROLLER}\n    column={column}\n    filterValue={filterValue}\n    type={FILTER_TYPES.SELECT_V2}\n    onValueChange={onValueChange}\n    patchHeaderFilterButtonAndMenu={patchHeaderFilterButtonAndMenu}\n    patchHeader={patchHeader}\n    innerRef={innerRef}\n    domIdAffix={domIdAffix}\n    referenceColumn={referenceColumn}\n  />\n);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqBrB;AAnBF,iBAAoB;AACpB,uBAA4B;AAC5B,8BAA6B;AAE7B,gCAAmC;AAI5B,MAAM,uBAA+F,CAAC;AAAA,EAC3G;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAa,gBAAI,CAAC;AACpB,MACE;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,eAAa,6BAAY;AAAA,IACzB;AAAA,IACA;AAAA,IACA,MAAM,qCAAa;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AACF;",
+  "names": []
+}

package/dist/cjs/addons/Filters/Components/SingleDateFilter/SingleDateFilterV2.js

@@ -0,0 +1,118 @@
+"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 SingleDateFilterV2_exports = {};
+__export(SingleDateFilterV2_exports, {
+  SingleDateFilterV2: () => SingleDateFilterV2
+});
+module.exports = __toCommonJS(SingleDateFilterV2_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_ds_form_date_time_picker = require("@elliemae/ds-form-date-time-picker");
+var import_exported_related = require("../../../../exported-related/index.js");
+var import_constants = require("../../../../configs/constants.js");
+var import_FilterPopoverV2 = require("../../../../exported-related/FilterPopover/FilterPopoverV2.js");
+const SingleDateFilterV2 = (props) => {
+  const {
+    column,
+    column: { id },
+    filterValue,
+    reduxHeader,
+    referenceColumn,
+    onValueChange,
+    patchHeaderFilterButtonAndMenu,
+    innerRef
+  } = props;
+  const [date, setDate] = (0, import_react.useState)(filterValue || "");
+  const ref = (0, import_react.useRef)(null);
+  const shouldFocus = (0, import_react.useRef)(true);
+  const handleRef = (0, import_react.useCallback)((newRef) => {
+    ref.current = newRef;
+    if (shouldFocus.current) {
+      setTimeout(() => {
+        newRef?.focus();
+        shouldFocus.current = false;
+      });
+    }
+  }, []);
+  const handleSubmit = (0, import_react.useCallback)(
+    (e) => {
+      e.preventDefault();
+      if (date && !date.includes("_")) {
+        onValueChange(import_exported_related.FILTER_TYPES.SINGLE_DATE_V2, date || void 0);
+        patchHeaderFilterButtonAndMenu(id, true);
+        innerRef?.current?.focus();
+      }
+    },
+    [date, id, onValueChange, patchHeaderFilterButtonAndMenu, innerRef]
+  );
+  const handleReset = (0, import_react.useCallback)(() => {
+    setDate("");
+    onValueChange(import_exported_related.FILTER_TYPES.SINGLE_DATE_V2, void 0);
+    patchHeaderFilterButtonAndMenu(id, true);
+    innerRef?.current?.focus();
+  }, [id, onValueChange, patchHeaderFilterButtonAndMenu, innerRef]);
+  (0, import_react.useEffect)(() => {
+    if (reduxHeader?.hideFilterMenu) {
+      shouldFocus.current = true;
+      setDate(filterValue || "");
+    }
+  }, [reduxHeader?.hideFilterMenu, filterValue]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_FilterPopoverV2.FilterPopoverV2,
+    {
+      onFilterSubmit: handleSubmit,
+      onFilterReset: handleReset,
+      firstElementRef: ref,
+      reduxHeader,
+      column,
+      columnReference: referenceColumn,
+      columnId: column.id,
+      menuContent: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, { "data-testid": import_constants.DATA_TESTID.DATA_TABLE_SINGLE_DATE_CONTROLLER, width: "260px", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { p: "xxs", style: { background: "white" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_ds_form_date_time_picker.DSControlledDateTimePicker,
+          {
+            date,
+            onDateChange: setDate,
+            type: "date-inputs",
+            isClearable: true,
+            innerRef: handleRef
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form_date_time_picker.DSControlledDateTimePicker, { date, onDateChange: setDate, type: "date-picker-controller-only" }) })
+      ] }),
+      triggerIcon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.DatePicker2, {}),
+      innerRef,
+      ariaLabel: "Open Single Date Filter"
+    }
+  );
+};
+//# sourceMappingURL=SingleDateFilterV2.js.map

package/dist/cjs/addons/Filters/Components/SingleDateFilter/SingleDateFilterV2.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/addons/Filters/Components/SingleDateFilter/SingleDateFilterV2.tsx", "../../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useCallback, useRef, useEffect, useState } from 'react';\nimport { DatePicker2 } from '@elliemae/ds-icons';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSControlledDateTimePicker } from '@elliemae/ds-form-date-time-picker';\nimport { FILTER_TYPES } from '../../../../exported-related/index.js';\nimport type { DSDataTableT } from '../../../../react-desc-prop-types.js';\nimport { DATA_TESTID } from '../../../../configs/constants.js';\nimport { FilterPopoverV2 } from '../../../../exported-related/FilterPopover/FilterPopoverV2.js';\n\ntype SingleDataFilterValue = string | null;\n\nexport const SingleDateFilterV2: React.ComponentType<DSDataTableT.FilterProps<SingleDataFilterValue>> = (props) => {\n  const {\n    column,\n    column: { id },\n    filterValue,\n    reduxHeader,\n    referenceColumn,\n    onValueChange,\n    patchHeaderFilterButtonAndMenu,\n    innerRef,\n  } = props;\n\n  const [date, setDate] = useState(filterValue || '');\n\n  const ref = useRef<HTMLInputElement | null>(null);\n  const shouldFocus = useRef(true);\n  const handleRef = useCallback((newRef: HTMLInputElement | HTMLButtonElement | null) => {\n    ref.current = newRef as HTMLInputElement | null;\n    if (shouldFocus.current) {\n      setTimeout(() => {\n        newRef?.focus();\n        shouldFocus.current = false;\n      });\n    }\n  }, []);\n\n  const handleSubmit = useCallback(\n    (e: React.SyntheticEvent) => {\n      e.preventDefault();\n      if (date && !date.includes('_')) {\n        onValueChange(FILTER_TYPES.SINGLE_DATE_V2, date || undefined);\n        patchHeaderFilterButtonAndMenu(id, true);\n        innerRef?.current?.focus();\n      }\n    },\n    [date, id, onValueChange, patchHeaderFilterButtonAndMenu, innerRef],\n  );\n\n  const handleReset = useCallback(() => {\n    setDate('');\n    onValueChange(FILTER_TYPES.SINGLE_DATE_V2, undefined);\n    patchHeaderFilterButtonAndMenu(id, true);\n    innerRef?.current?.focus();\n  }, [id, onValueChange, patchHeaderFilterButtonAndMenu, innerRef]);\n\n  useEffect(() => {\n    if (reduxHeader?.hideFilterMenu) {\n      shouldFocus.current = true;\n      setDate(filterValue || '');\n    }\n  }, [reduxHeader?.hideFilterMenu, filterValue]);\n\n  return (\n    <FilterPopoverV2\n      onFilterSubmit={handleSubmit}\n      onFilterReset={handleReset}\n      firstElementRef={ref}\n      reduxHeader={reduxHeader}\n      column={column}\n      columnReference={referenceColumn}\n      columnId={column.id}\n      menuContent={\n        <Grid data-testid={DATA_TESTID.DATA_TABLE_SINGLE_DATE_CONTROLLER} width=\"260px\">\n          <Grid p=\"xxs\" style={{ background: 'white' }}>\n            <DSControlledDateTimePicker\n              date={date}\n              onDateChange={setDate}\n              type=\"date-inputs\"\n              isClearable\n              innerRef={handleRef}\n            />\n          </Grid>\n          <Grid>\n            <DSControlledDateTimePicker date={date} onDateChange={setDate} type=\"date-picker-controller-only\" />\n          </Grid>\n        </Grid>\n      }\n      triggerIcon={<DatePicker2 />}\n      innerRef={innerRef}\n      ariaLabel=\"Open Single Date Filter\"\n    />\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADyEf;AAzER,mBAAgE;AAChE,sBAA4B;AAC5B,qBAAqB;AACrB,sCAA2C;AAC3C,8BAA6B;AAE7B,uBAA4B;AAC5B,6BAAgC;AAIzB,MAAM,qBAA2F,CAAC,UAAU;AACjH,QAAM;AAAA,IACJ;AAAA,IACA,QAAQ,EAAE,GAAG;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,eAAe,EAAE;AAElD,QAAM,UAAM,qBAAgC,IAAI;AAChD,QAAM,kBAAc,qBAAO,IAAI;AAC/B,QAAM,gBAAY,0BAAY,CAAC,WAAwD;AACrF,QAAI,UAAU;AACd,QAAI,YAAY,SAAS;AACvB,iBAAW,MAAM;AACf,gBAAQ,MAAM;AACd,oBAAY,UAAU;AAAA,MACxB,CAAC;AAAA,IACH;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,mBAAe;AAAA,IACnB,CAAC,MAA4B;AAC3B,QAAE,eAAe;AACjB,UAAI,QAAQ,CAAC,KAAK,SAAS,GAAG,GAAG;AAC/B,sBAAc,qCAAa,gBAAgB,QAAQ,MAAS;AAC5D,uCAA+B,IAAI,IAAI;AACvC,kBAAU,SAAS,MAAM;AAAA,MAC3B;AAAA,IACF;AAAA,IACA,CAAC,MAAM,IAAI,eAAe,gCAAgC,QAAQ;AAAA,EACpE;AAEA,QAAM,kBAAc,0BAAY,MAAM;AACpC,YAAQ,EAAE;AACV,kBAAc,qCAAa,gBAAgB,MAAS;AACpD,mCAA+B,IAAI,IAAI;AACvC,cAAU,SAAS,MAAM;AAAA,EAC3B,GAAG,CAAC,IAAI,eAAe,gCAAgC,QAAQ,CAAC;AAEhE,8BAAU,MAAM;AACd,QAAI,aAAa,gBAAgB;AAC/B,kBAAY,UAAU;AACtB,cAAQ,eAAe,EAAE;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,aAAa,gBAAgB,WAAW,CAAC;AAE7C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAgB;AAAA,MAChB,eAAe;AAAA,MACf,iBAAiB;AAAA,MACjB;AAAA,MACA;AAAA,MACA,iBAAiB;AAAA,MACjB,UAAU,OAAO;AAAA,MACjB,aACE,6CAAC,uBAAK,eAAa,6BAAY,mCAAmC,OAAM,SACtE;AAAA,oDAAC,uBAAK,GAAE,OAAM,OAAO,EAAE,YAAY,QAAQ,GACzC;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,cAAc;AAAA,YACd,MAAK;AAAA,YACL,aAAW;AAAA,YACX,UAAU;AAAA;AAAA,QACZ,GACF;AAAA,QACA,4CAAC,uBACC,sDAAC,8DAA2B,MAAY,cAAc,SAAS,MAAK,+BAA8B,GACpG;AAAA,SACF;AAAA,MAEF,aAAa,4CAAC,+BAAY;AAAA,MAC1B;AAAA,MACA,WAAU;AAAA;AAAA,EACZ;AAEJ;",
+  "names": []
+}

package/dist/cjs/addons/Filters/Components/SingleDateFilter/index.js

@@ -45,6 +45,7 @@ const SingleDateFilter = (props) => {
     column: { id },
     filterValue,
     reduxHeader,
+    referenceColumn,
     onValueChange,
     patchHeaderFilterButtonAndMenu,
     innerRef
@@ -60,9 +61,10 @@ const SingleDateFilter = (props) => {
     patchHeaderFilterButtonAndMenu(id, true);
   }, [id, patchHeaderFilterButtonAndMenu]);
   const ref = (0, import_react.useRef)(null);
+  const lastElementRef = (0, import_react.useRef)(null);
   const shouldFocus = (0, import_react.useRef)(true);
   const handleRef = (0, import_react.useCallback)((newRef) => {
-    if (ref.current) ref.current = newRef;
+    ref.current = newRef;
     if (shouldFocus.current) {
       setTimeout(() => {
         newRef?.focus();
@@ -78,8 +80,11 @@ const SingleDateFilter = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_exported_related.FilterPopover,
     {
+      firstElementRef: ref,
+      lastElementRef,
       reduxHeader,
       column,
+      columnReference: referenceColumn,
       columnId: column.id,
       menuContent: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, { "data-testid": import_constants.DATA_TESTID.DATA_TABLE_SINGLE_DATE_CONTROLLER, width: "260px", children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { p: "xxs", style: { background: "white" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -92,7 +97,15 @@ const SingleDateFilter = (props) => {
             innerRef: handleRef
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { onKeyDown: (e) => e.code === "Enter" && setTimeout(commitDateChange, 0), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form_date_time_picker.DSControlledDateTimePicker, { date, onDateChange: setDate, type: "date-picker-controller-only" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { onKeyDown: (e) => e.code === "Enter" && setTimeout(commitDateChange, 0), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_ds_form_date_time_picker.DSControlledDateTimePicker,
+          {
+            date,
+            onDateChange: setDate,
+            type: "date-picker-controller-only",
+            lastElementRef
+          }
+        ) })
       ] }),
       triggerIcon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.DatePicker2, {}),
       innerRef,

package/dist/cjs/addons/Filters/Components/SingleDateFilter/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/addons/Filters/Components/SingleDateFilter/index.tsx", "../../../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useCallback, useRef, useEffect, useState } from 'react';\nimport { DatePicker2 } from '@elliemae/ds-icons';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSControlledDateTimePicker } from '@elliemae/ds-form-date-time-picker';\nimport { FilterPopover, FILTER_TYPES } from '../../../../exported-related/index.js';\nimport type { DSDataTableT } from '../../../../react-desc-prop-types.js';\nimport { DATA_TESTID } from '../../../../configs/constants.js';\n\ntype SingleDataFilterValue = string | null;\n\nexport const SingleDateFilter: React.ComponentType<DSDataTableT.FilterProps<SingleDataFilterValue>> = (props) => {\n  const {\n    column,\n    column: { id },\n    filterValue,\n    reduxHeader,\n    onValueChange,\n    patchHeaderFilterButtonAndMenu,\n    innerRef,\n  } = props;\n\n  const [date, setDate] = useState(filterValue || '');\n\n  useEffect(() => {\n    setDate(filterValue || '');\n  }, [filterValue]);\n\n  useEffect(() => {\n    if (!date.includes('_')) onValueChange(FILTER_TYPES.SINGLE_DATE, date || undefined);\n    // We are missing onValueChange on purpose, this is an internal function and won't cause any problems\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [date]);\n\n  const commitDateChange = useCallback(() => {\n    patchHeaderFilterButtonAndMenu(id, true);\n  }, [id, patchHeaderFilterButtonAndMenu]);\n\n  const ref = useRef<HTMLInputElement | null>(null);\n  const shouldFocus = useRef(true);\n  const handleRef = useCallback((newRef: HTMLInputElement | HTMLButtonElement | null) => {\n    if (ref.current) ref.current = newRef as HTMLInputElement | null;\n    if (shouldFocus.current) {\n      setTimeout(() => {\n        newRef?.focus();\n        shouldFocus.current = false;\n      });\n    }\n  }, []);\n\n  useEffect(() => {\n    if (reduxHeader?.hideFilterMenu) {\n      shouldFocus.current = true;\n    }\n  }, [reduxHeader?.hideFilterMenu]);\n\n  return (\n    <FilterPopover\n      reduxHeader={reduxHeader}\n      column={column}\n      columnId={column.id}\n      menuContent={\n        <Grid data-testid={DATA_TESTID.DATA_TABLE_SINGLE_DATE_CONTROLLER} width=\"260px\">\n          <Grid p=\"xxs\" style={{ background: 'white' }}>\n            <DSControlledDateTimePicker\n              date={date}\n              onDateChange={setDate}\n              type=\"date-inputs\"\n              isClearable\n              innerRef={handleRef}\n            />\n          </Grid>\n          <Grid onKeyDown={(e) => e.code === 'Enter' && setTimeout(commitDateChange, 0)}>\n            <DSControlledDateTimePicker date={date} onDateChange={setDate} type=\"date-picker-controller-only\" />\n          </Grid>\n        </Grid>\n      }\n      triggerIcon={<DatePicker2 />}\n      innerRef={innerRef}\n      ariaLabel=\"Open Single Date Filter\"\n    />\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD6Df;AA7DR,mBAAgE;AAChE,sBAA4B;AAC5B,qBAAqB;AACrB,sCAA2C;AAC3C,8BAA4C;AAE5C,uBAA4B;AAIrB,MAAM,mBAAyF,CAAC,UAAU;AAC/G,QAAM;AAAA,IACJ;AAAA,IACA,QAAQ,EAAE,GAAG;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,eAAe,EAAE;AAElD,8BAAU,MAAM;AACd,YAAQ,eAAe,EAAE;AAAA,EAC3B,GAAG,CAAC,WAAW,CAAC;AAEhB,8BAAU,MAAM;AACd,QAAI,CAAC,KAAK,SAAS,GAAG,EAAG,eAAc,qCAAa,aAAa,QAAQ,MAAS;AAAA,EAGpF,GAAG,CAAC,IAAI,CAAC;AAET,QAAM,uBAAmB,0BAAY,MAAM;AACzC,mCAA+B,IAAI,IAAI;AAAA,EACzC,GAAG,CAAC,IAAI,8BAA8B,CAAC;AAEvC,QAAM,UAAM,qBAAgC,IAAI;AAChD,QAAM,kBAAc,qBAAO,IAAI;AAC/B,QAAM,gBAAY,0BAAY,CAAC,WAAwD;AACrF,QAAI,IAAI,QAAS,KAAI,UAAU;AAC/B,QAAI,YAAY,SAAS;AACvB,iBAAW,MAAM;AACf,gBAAQ,MAAM;AACd,oBAAY,UAAU;AAAA,MACxB,CAAC;AAAA,IACH;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,8BAAU,MAAM;AACd,QAAI,aAAa,gBAAgB;AAC/B,kBAAY,UAAU;AAAA,IACxB;AAAA,EACF,GAAG,CAAC,aAAa,cAAc,CAAC;AAEhC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,UAAU,OAAO;AAAA,MACjB,aACE,6CAAC,uBAAK,eAAa,6BAAY,mCAAmC,OAAM,SACtE;AAAA,oDAAC,uBAAK,GAAE,OAAM,OAAO,EAAE,YAAY,QAAQ,GACzC;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,cAAc;AAAA,YACd,MAAK;AAAA,YACL,aAAW;AAAA,YACX,UAAU;AAAA;AAAA,QACZ,GACF;AAAA,QACA,4CAAC,uBAAK,WAAW,CAAC,MAAM,EAAE,SAAS,WAAW,WAAW,kBAAkB,CAAC,GAC1E,sDAAC,8DAA2B,MAAY,cAAc,SAAS,MAAK,+BAA8B,GACpG;AAAA,SACF;AAAA,MAEF,aAAa,4CAAC,+BAAY;AAAA,MAC1B;AAAA,MACA,WAAU;AAAA;AAAA,EACZ;AAEJ;",
+  "sourcesContent": ["import React, { useCallback, useRef, useEffect, useState } from 'react';\nimport { DatePicker2 } from '@elliemae/ds-icons';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSControlledDateTimePicker } from '@elliemae/ds-form-date-time-picker';\nimport { FilterPopover, FILTER_TYPES } from '../../../../exported-related/index.js';\nimport type { DSDataTableT } from '../../../../react-desc-prop-types.js';\nimport { DATA_TESTID } from '../../../../configs/constants.js';\n\ntype SingleDataFilterValue = string | null;\n\nexport const SingleDateFilter: React.ComponentType<DSDataTableT.FilterProps<SingleDataFilterValue>> = (props) => {\n  const {\n    column,\n    column: { id },\n    filterValue,\n    reduxHeader,\n    referenceColumn,\n    onValueChange,\n    patchHeaderFilterButtonAndMenu,\n    innerRef,\n  } = props;\n\n  const [date, setDate] = useState(filterValue || '');\n\n  useEffect(() => {\n    setDate(filterValue || '');\n  }, [filterValue]);\n\n  useEffect(() => {\n    if (!date.includes('_')) onValueChange(FILTER_TYPES.SINGLE_DATE, date || undefined);\n    // We are missing onValueChange on purpose, this is an internal function and won't cause any problems\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [date]);\n\n  const commitDateChange = useCallback(() => {\n    patchHeaderFilterButtonAndMenu(id, true);\n  }, [id, patchHeaderFilterButtonAndMenu]);\n\n  const ref = useRef<HTMLInputElement | null>(null);\n  const lastElementRef = useRef<HTMLElement | null>(null);\n  const shouldFocus = useRef(true);\n  const handleRef = useCallback((newRef: HTMLInputElement | HTMLButtonElement | null) => {\n    ref.current = newRef as HTMLInputElement | null;\n    if (shouldFocus.current) {\n      setTimeout(() => {\n        newRef?.focus();\n        shouldFocus.current = false;\n      });\n    }\n  }, []);\n\n  useEffect(() => {\n    if (reduxHeader?.hideFilterMenu) {\n      shouldFocus.current = true;\n    }\n  }, [reduxHeader?.hideFilterMenu]);\n\n  return (\n    <FilterPopover\n      firstElementRef={ref}\n      lastElementRef={lastElementRef}\n      reduxHeader={reduxHeader}\n      column={column}\n      columnReference={referenceColumn}\n      columnId={column.id}\n      menuContent={\n        <Grid data-testid={DATA_TESTID.DATA_TABLE_SINGLE_DATE_CONTROLLER} width=\"260px\">\n          <Grid p=\"xxs\" style={{ background: 'white' }}>\n            <DSControlledDateTimePicker\n              date={date}\n              onDateChange={setDate}\n              type=\"date-inputs\"\n              isClearable\n              innerRef={handleRef}\n            />\n          </Grid>\n          <Grid onKeyDown={(e) => e.code === 'Enter' && setTimeout(commitDateChange, 0)}>\n            <DSControlledDateTimePicker\n              date={date}\n              onDateChange={setDate}\n              type=\"date-picker-controller-only\"\n              lastElementRef={lastElementRef}\n            />\n          </Grid>\n        </Grid>\n      }\n      triggerIcon={<DatePicker2 />}\n      innerRef={innerRef}\n      ariaLabel=\"Open Single Date Filter\"\n    />\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkEf;AAlER,mBAAgE;AAChE,sBAA4B;AAC5B,qBAAqB;AACrB,sCAA2C;AAC3C,8BAA4C;AAE5C,uBAA4B;AAIrB,MAAM,mBAAyF,CAAC,UAAU;AAC/G,QAAM;AAAA,IACJ;AAAA,IACA,QAAQ,EAAE,GAAG;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,eAAe,EAAE;AAElD,8BAAU,MAAM;AACd,YAAQ,eAAe,EAAE;AAAA,EAC3B,GAAG,CAAC,WAAW,CAAC;AAEhB,8BAAU,MAAM;AACd,QAAI,CAAC,KAAK,SAAS,GAAG,EAAG,eAAc,qCAAa,aAAa,QAAQ,MAAS;AAAA,EAGpF,GAAG,CAAC,IAAI,CAAC;AAET,QAAM,uBAAmB,0BAAY,MAAM;AACzC,mCAA+B,IAAI,IAAI;AAAA,EACzC,GAAG,CAAC,IAAI,8BAA8B,CAAC;AAEvC,QAAM,UAAM,qBAAgC,IAAI;AAChD,QAAM,qBAAiB,qBAA2B,IAAI;AACtD,QAAM,kBAAc,qBAAO,IAAI;AAC/B,QAAM,gBAAY,0BAAY,CAAC,WAAwD;AACrF,QAAI,UAAU;AACd,QAAI,YAAY,SAAS;AACvB,iBAAW,MAAM;AACf,gBAAQ,MAAM;AACd,oBAAY,UAAU;AAAA,MACxB,CAAC;AAAA,IACH;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,8BAAU,MAAM;AACd,QAAI,aAAa,gBAAgB;AAC/B,kBAAY,UAAU;AAAA,IACxB;AAAA,EACF,GAAG,CAAC,aAAa,cAAc,CAAC;AAEhC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,iBAAiB;AAAA,MACjB;AAAA,MACA;AAAA,MACA;AAAA,MACA,iBAAiB;AAAA,MACjB,UAAU,OAAO;AAAA,MACjB,aACE,6CAAC,uBAAK,eAAa,6BAAY,mCAAmC,OAAM,SACtE;AAAA,oDAAC,uBAAK,GAAE,OAAM,OAAO,EAAE,YAAY,QAAQ,GACzC;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,cAAc;AAAA,YACd,MAAK;AAAA,YACL,aAAW;AAAA,YACX,UAAU;AAAA;AAAA,QACZ,GACF;AAAA,QACA,4CAAC,uBAAK,WAAW,CAAC,MAAM,EAAE,SAAS,WAAW,WAAW,kBAAkB,CAAC,GAC1E;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,cAAc;AAAA,YACd,MAAK;AAAA,YACL;AAAA;AAAA,QACF,GACF;AAAA,SACF;AAAA,MAEF,aAAa,4CAAC,+BAAY;AAAA,MAC1B;AAAA,MACA,WAAU;AAAA;AAAA,EACZ;AAEJ;",
   "names": []
 }

package/dist/cjs/addons/Filters/Components/index.js

@@ -5,6 +5,10 @@ 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))
@@ -24,6 +28,18 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Components_exports = {};
+__export(Components_exports, {
+  CurrencyRangeFilterV2: () => import_CurrencyRangeFilterV2.CurrencyRangeFilterV2,
+  DateRangeFilterV2: () => import_DateRangeFilterV2.DateRangeFilterV2,
+  DateSwitcherFilterV2: () => import_DateSwitcherFilterV2.DateSwitcherFilterV2,
+  FreeTextSearchFilterV2: () => import_FreeTextSearchFilterV2.FreeTextSearchFilterV2,
+  MultiCreatableFilterV2: () => import_MultiCreatableFilterV2.MultiCreatableFilterV2,
+  MultiSelectFilterV2: () => import_MultiSelectFilterV2.MultiSelectFilterV2,
+  NumberRangeFilterV2: () => import_NumberRangeFilterV2.NumberRangeFilterV2,
+  SingleCreatableFilterV2: () => import_SingleCreatableFilterV2.SingleCreatableFilterV2,
+  SingleDateFilterV2: () => import_SingleDateFilterV2.SingleDateFilterV2,
+  SingleSelectFilterV2: () => import_SingleSelectFilterV2.SingleSelectFilterV2
+});
 module.exports = __toCommonJS(Components_exports);
 var React = __toESM(require("react"));
 __reExport(Components_exports, require("./DateRangeFilter/index.js"), module.exports);
@@ -36,4 +52,14 @@ __reExport(Components_exports, require("./SingleDateFilter/index.js"), module.ex
 __reExport(Components_exports, require("./SelectFilter/SingleCreatableFilter.js"), module.exports);
 __reExport(Components_exports, require("./SelectFilter/MultiCreatableFilter.js"), module.exports);
 __reExport(Components_exports, require("./FreeTextSearchFilter/index.js"), module.exports);
+var import_DateRangeFilterV2 = require("./DateRangeFilter/DateRangeFilterV2.js");
+var import_DateSwitcherFilterV2 = require("./DateSwitcherFilter/DateSwitcherFilterV2.js");
+var import_NumberRangeFilterV2 = require("./NumberRangeFilter/NumberRangeFilterV2.js");
+var import_CurrencyRangeFilterV2 = require("./CurrencyRangeFilter/CurrencyRangeFilterV2.js");
+var import_SingleSelectFilterV2 = require("./SelectFilter/SingleSelectFilterV2.js");
+var import_MultiSelectFilterV2 = require("./SelectFilter/MultiSelectFilterV2.js");
+var import_SingleDateFilterV2 = require("./SingleDateFilter/SingleDateFilterV2.js");
+var import_SingleCreatableFilterV2 = require("./SelectFilter/SingleCreatableFilterV2.js");
+var import_MultiCreatableFilterV2 = require("./SelectFilter/MultiCreatableFilterV2.js");
+var import_FreeTextSearchFilterV2 = require("./FreeTextSearchFilter/FreeTextSearchFilterV2.js");
 //# sourceMappingURL=index.js.map

package/dist/cjs/addons/Filters/Components/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/addons/Filters/Components/index.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './DateRangeFilter/index.js';\nexport * from './DateSwitcherFilter/index.js';\nexport * from './NumberRangeFilter/index.js';\nexport * from './CurrencyRangeFilter/index.js';\nexport * from './SelectFilter/SingleSelectFilter.js';\nexport * from './SelectFilter/MultiSelectFilter.js';\nexport * from './SingleDateFilter/index.js';\nexport * from './SelectFilter/SingleCreatableFilter.js';\nexport * from './SelectFilter/MultiCreatableFilter.js';\nexport * from './FreeTextSearchFilter/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAc,uCAAd;AACA,+BAAc,0CADd;AAEA,+BAAc,yCAFd;AAGA,+BAAc,2CAHd;AAIA,+BAAc,iDAJd;AAKA,+BAAc,gDALd;AAMA,+BAAc,wCANd;AAOA,+BAAc,oDAPd;AAQA,+BAAc,mDARd;AASA,+BAAc,4CATd;",
+  "sourcesContent": ["export * from './DateRangeFilter/index.js';\nexport * from './DateSwitcherFilter/index.js';\nexport * from './NumberRangeFilter/index.js';\nexport * from './CurrencyRangeFilter/index.js';\nexport * from './SelectFilter/SingleSelectFilter.js';\nexport * from './SelectFilter/MultiSelectFilter.js';\nexport * from './SingleDateFilter/index.js';\nexport * from './SelectFilter/SingleCreatableFilter.js';\nexport * from './SelectFilter/MultiCreatableFilter.js';\nexport * from './FreeTextSearchFilter/index.js';\nexport { DateRangeFilterV2 } from './DateRangeFilter/DateRangeFilterV2.js';\nexport { DateSwitcherFilterV2 } from './DateSwitcherFilter/DateSwitcherFilterV2.js';\nexport { NumberRangeFilterV2 } from './NumberRangeFilter/NumberRangeFilterV2.js';\nexport { CurrencyRangeFilterV2 } from './CurrencyRangeFilter/CurrencyRangeFilterV2.js';\nexport { SingleSelectFilterV2 } from './SelectFilter/SingleSelectFilterV2.js';\nexport { MultiSelectFilterV2 } from './SelectFilter/MultiSelectFilterV2.js';\nexport { SingleDateFilterV2 } from './SingleDateFilter/SingleDateFilterV2.js';\nexport { SingleCreatableFilterV2 } from './SelectFilter/SingleCreatableFilterV2.js';\nexport { MultiCreatableFilterV2 } from './SelectFilter/MultiCreatableFilterV2.js';\nexport { FreeTextSearchFilterV2 } from './FreeTextSearchFilter/FreeTextSearchFilterV2.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;ACAA,YAAuB;ADAvB,+BAAc,uCAAd;AACA,+BAAc,0CADd;AAEA,+BAAc,yCAFd;AAGA,+BAAc,2CAHd;AAIA,+BAAc,iDAJd;AAKA,+BAAc,gDALd;AAMA,+BAAc,wCANd;AAOA,+BAAc,oDAPd;AAQA,+BAAc,mDARd;AASA,+BAAc,4CATd;AAUA,+BAAkC;AAClC,kCAAqC;AACrC,iCAAoC;AACpC,mCAAsC;AACtC,kCAAqC;AACrC,iCAAoC;AACpC,gCAAmC;AACnC,qCAAwC;AACxC,oCAAuC;AACvC,oCAAuC;",
   "names": []
 }

package/dist/cjs/configs/useAutocalculated/index.js

@@ -85,7 +85,11 @@ const useAutoCalculated = (propsWithDefaults) => {
     }),
     [gridLayout, totalColumnsWidth]
   );
-  (0, import_useTableResizeCb.useTableResizeCb)({ virtualListRef, propsWithDefault: propsWithDefaults });
+  (0, import_useTableResizeCb.useTableResizeCb)({
+    virtualListRef,
+    measureVirtualList: virtualListHelpers.measure,
+    propsWithDefault: propsWithDefaults
+  });
   (0, import_react.useEffect)(() => {
     if (actionRef) {
       actionRef.current.scrollToIndex = virtualListHelpers.scrollToIndex;