@elliemae/ds-data-table 1.57.0-rc.6 → 1.57.0

package/cjs/exported-related/RowRenderer/DefaultRowContentRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultRowContentRenderer.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"DefaultRowContentRenderer.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/exported-related/RowRenderer/index.js

@@ -4,7 +4,7 @@ require('@babel/runtime/helpers/extends');
 require('@babel/runtime/helpers/defineProperty');
 require('react');
 require('../../DataTableContext.js');
-var addons_Columns_ColumnExpand_ColumnExpand = require('../../styled-3c0e727f.js');
+var addons_Columns_ColumnExpand_ColumnExpand = require('../../styled-b0aab77d.js');
 require('./useRowRendererProperties.js');
 require('../../parts/DropIndicator.js');
 require('../../parts/HoC/SortableItemContext.js');
@@ -76,7 +76,8 @@ require('../../helpers/dndkit/hierarchy/useHierarchyActionHandlers.js');
 require('../../helpers/dndkit/hierarchy/useHierarchyAnnouncements.js');
 require('../../parts/SortByCaret.js');
 require('@elliemae/ds-controlled-form');
-require('../../addons/Filters/Components/SelectFilter/components.js');
+require('@elliemae/ds-grid/');
+require('@elliemae/ds-form/ComboBox');
 require('../../helpers/columnsToGrid.js');
 require('../../parts/Headers/useHeaderCellHandlers.js');
 require('../../parts/Headers/useHeaderCellConfig.js');

package/cjs/exported-related/RowRenderer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/exported-related/RowRenderer/useRowRendererHandlers.js

@@ -11,7 +11,7 @@ require('@babel/runtime/helpers/toConsumableArray');
 require('@babel/runtime/helpers/defineProperty');
 require('@elliemae/ds-icons');
 require('styled-components');
-var addons_Columns_ColumnExpand_ColumnExpand = require('../../styled-3c0e727f.js');
+var addons_Columns_ColumnExpand_ColumnExpand = require('../../styled-b0aab77d.js');
 require('@elliemae/ds-form');
 require('@elliemae/ds-grid');
 require('@elliemae/ds-circular-progress-indicator');
@@ -77,7 +77,8 @@ require('../../redux/reducers/headersReducers/headersReducers.js');
 require('@reduxjs/toolkit');
 require('../../redux/reducers/headersReducers/logic.js');
 require('../../redux/reducers/headersReducers/defaults.js');
-require('../../addons/Filters/Components/SelectFilter/components.js');
+require('@elliemae/ds-grid/');
+require('@elliemae/ds-form/ComboBox');
 require('../../helpers/columnsToGrid.js');
 require('../../parts/Headers/useHeaderCellHandlers.js');
 require('../../parts/Headers/useHeaderCellConfig.js');

package/cjs/exported-related/RowRenderer/useRowRendererHandlers.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRowRendererHandlers.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"useRowRendererHandlers.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/exported-related/Toolbar/Toolbar.js

@@ -13,7 +13,7 @@ require('react-virtual');
 require('../../configs/useRowFlattenization.js');
 require('@babel/runtime/helpers/toConsumableArray');
 require('@babel/runtime/helpers/defineProperty');
-require('../../styled-3c0e727f.js');
+require('../../styled-b0aab77d.js');
 require('@elliemae/ds-form');
 require('@elliemae/ds-grid');
 require('@elliemae/ds-circular-progress-indicator');
@@ -81,7 +81,8 @@ require('../../helpers/dndkit/hierarchy/useHierarchyActionHandlers.js');
 require('../../helpers/dndkit/hierarchy/useHierarchyAnnouncements.js');
 require('../../parts/SortByCaret.js');
 require('@elliemae/ds-controlled-form');
-require('../../addons/Filters/Components/SelectFilter/components.js');
+require('@elliemae/ds-grid/');
+require('@elliemae/ds-form/ComboBox');
 require('../../helpers/columnsToGrid.js');
 require('../../parts/Headers/useHeaderCellHandlers.js');
 require('../../parts/Headers/useHeaderCellConfig.js');

package/cjs/exported-related/Toolbar/Toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.js","sources":["../../../../src/exported-related/Toolbar/Toolbar.tsx"],"sourcesContent":["import React, { useCallback, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport DSButton from '@elliemae/ds-button';\nimport { MoreOptionsVert } from '@elliemae/ds-icons';\nimport { useOnClickOutside } from '@elliemae/ds-utilities';\nimport { DATA_TESTID } from '../../configs';\n\nconst ToolbarBtns = styled.div`\n  & > .em-ds-toolbar {\n    box-shadow: none;\n  }\n`;\n\nconst ToolbarWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  height: 36px;\n  margin-right: 1px;\n  pointer-events: all;\n  &:hover {\n    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13), 0 1px 2px 0 rgba(0, 0, 0, 0.2);\n    & > .toolbar-trigger {\n      border: none;\n    }\n  }\n`;\n\nconst ToolbarPosition = styled.div`\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  pointer-events: none;\n  background: white;\n  height: 28px;\n  margin-top: 4px;\n  width: 100%;\n  padding-left: 4px;\n  &:hover {\n    z-index: 1;\n  }\n  :after {\n    content: '';\n    position: absolute;\n    left: 0px;\n    top: 4px;\n    bottom: 4px;\n    width: 1px;\n    background-color: ${(props) => props.theme.colors.neutral['080']};\n    z-index: 7;\n  }\n`;\n\n// eslint-disable-next-line react/prop-types\nexport const Toolbar: React.ComponentType = ({ children }) => {\n  const [show, setShow] = useState(false);\n  const [clicked, setClicked] = useState(false);\n\n  const toolbarRef = useRef(null);\n\n  const handleOnClickOutside = useCallback(() => {\n    setShow(false);\n    setClicked(false);\n  }, []);\n\n  const handleOnClick = useCallback(() => {\n    setShow(true);\n    setClicked(true);\n  }, []);\n\n  useOnClickOutside(toolbarRef, handleOnClickOutside);\n\n  return (\n    <ToolbarPosition ref={toolbarRef}>\n      <ToolbarWrapper onMouseEnter={() => setShow(true)} onMouseLeave={() => setShow(clicked)}>\n        {show && <ToolbarBtns>{children}</ToolbarBtns>}\n        <DSButton\n          buttonType=\"text\"\n          className=\"toolbar-trigger\"\n          data-testid={DATA_TESTID.DATA_TABLE_TOOLBAR_TRIGGER}\n          icon={<MoreOptionsVert />}\n          onClick={handleOnClick}\n          onKeyDown={(e) => ['Enter', 'Space'].includes(e.code) && handleOnClick()}\n          tabIndex={0}\n        />\n      </ToolbarWrapper>\n    </ToolbarPosition>\n  );\n};\n"],"names":["ToolbarBtns","styled","div","ToolbarWrapper","ToolbarPosition","props","theme","colors","neutral","Toolbar","children","useState","show","setShow","clicked","setClicked","toolbarRef","useRef","handleOnClickOutside","useCallback","handleOnClick","useOnClickOutside","React","DSButton","DATA_TESTID","DATA_TABLE_TOOLBAR_TRIGGER","MoreOptionsVert","e","includes","code"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,WAAW,gBAAGC,0BAAM,CAACC,GAAV;AAAA;AAAA,4CAAjB;AAMA,IAAMC,cAAc,gBAAGF,0BAAM,CAACC,GAAV;AAAA;AAAA,uMAApB;AAcA,IAAME,eAAe,gBAAGH,0BAAM,CAACC,GAAV;AAAA;AAAA,4RAoBG,UAACG,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CApBH,CAArB;;IA0BaC,OAA4B,GAAG,SAA/BA,OAA+B,OAAkB;AAAA,MAAfC,QAAe,QAAfA,QAAe;;AAC5D,kBAAwBC,cAAQ,CAAC,KAAD,CAAhC;AAAA;AAAA,MAAOC,IAAP;AAAA,MAAaC,OAAb;;AACA,mBAA8BF,cAAQ,CAAC,KAAD,CAAtC;AAAA;AAAA,MAAOG,OAAP;AAAA,MAAgBC,UAAhB;;AAEA,MAAMC,UAAU,GAAGC,YAAM,CAAC,IAAD,CAAzB;AAEA,MAAMC,oBAAoB,GAAGC,iBAAW,CAAC,YAAM;AAC7CN,IAAAA,OAAO,CAAC,KAAD,CAAP;AACAE,IAAAA,UAAU,CAAC,KAAD,CAAV;AACD,GAHuC,EAGrC,EAHqC,CAAxC;AAKA,MAAMK,aAAa,GAAGD,iBAAW,CAAC,YAAM;AACtCN,IAAAA,OAAO,CAAC,IAAD,CAAP;AACAE,IAAAA,UAAU,CAAC,IAAD,CAAV;AACD,GAHgC,EAG9B,EAH8B,CAAjC;AAKAM,EAAAA,6BAAiB,CAACL,UAAD,EAAaE,oBAAb,CAAjB;AAEA,sBACEI,wCAAC,eAAD;AAAiB,IAAA,GAAG,EAAEN;AAAtB,kBACEM,wCAAC,cAAD;AAAgB,IAAA,YAAY,EAAE;AAAA,aAAMT,OAAO,CAAC,IAAD,CAAb;AAAA,KAA9B;AAAmD,IAAA,YAAY,EAAE;AAAA,aAAMA,OAAO,CAACC,OAAD,CAAb;AAAA;AAAjE,KACGF,IAAI,iBAAIU,wCAAC,WAAD,QAAcZ,QAAd,CADX,eAEEY,wCAACC,4BAAD;AACE,IAAA,UAAU,EAAC,MADb;AAEE,IAAA,SAAS,EAAC,iBAFZ;AAGE,mBAAaC,6BAAW,CAACC,0BAH3B;AAIE,IAAA,IAAI,eAAEH,wCAACI,uBAAD,OAJR;AAKE,IAAA,OAAO,EAAEN,aALX;AAME,IAAA,SAAS,EAAE,mBAACO,CAAD;AAAA,aAAO,CAAC,OAAD,EAAU,OAAV,EAAmBC,QAAnB,CAA4BD,CAAC,CAACE,IAA9B,KAAuCT,aAAa,EAA3D;AAAA,KANb;AAOE,IAAA,QAAQ,EAAE;AAPZ,IAFF,CADF,CADF;AAgBD;;;;"}
+{"version":3,"file":"Toolbar.js","sources":["../../../../src/exported-related/Toolbar/Toolbar.tsx"],"sourcesContent":["import React, { useCallback, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport DSButton from '@elliemae/ds-button';\nimport { MoreOptionsVert } from '@elliemae/ds-icons';\nimport { useOnClickOutside } from '@elliemae/ds-utilities';\nimport { DATA_TESTID } from '../../configs';\n\nconst ToolbarBtns = styled.div`\n  & > .em-ds-toolbar {\n    box-shadow: none;\n  }\n`;\n\nconst ToolbarWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  height: 36px;\n  margin-right: 1px;\n  pointer-events: all;\n  &:hover {\n    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13), 0 1px 2px 0 rgba(0, 0, 0, 0.2);\n    & > .toolbar-trigger {\n      border: none;\n    }\n  }\n`;\n\nconst ToolbarPosition = styled.div`\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  pointer-events: none;\n  background: white;\n  height: 28px;\n  margin-top: 4px;\n  width: 100%;\n  padding-left: 4px;\n  &:hover {\n    z-index: 1;\n  }\n  :after {\n    content: '';\n    position: absolute;\n    left: 0px;\n    top: 4px;\n    bottom: 4px;\n    width: 1px;\n    background-color: ${(props) => props.theme.colors.neutral['080']};\n    z-index: 7;\n  }\n`;\n\n// eslint-disable-next-line react/prop-types\nexport const Toolbar: React.ComponentType = ({ children }) => {\n  const [show, setShow] = useState(false);\n  const [clicked, setClicked] = useState(false);\n\n  const toolbarRef = useRef(null);\n\n  const handleOnClickOutside = useCallback(() => {\n    setShow(false);\n    setClicked(false);\n  }, []);\n\n  const handleOnClick = useCallback(() => {\n    setShow(true);\n    setClicked(true);\n  }, []);\n\n  useOnClickOutside(toolbarRef, handleOnClickOutside);\n\n  return (\n    <ToolbarPosition ref={toolbarRef}>\n      <ToolbarWrapper onMouseEnter={() => setShow(true)} onMouseLeave={() => setShow(clicked)}>\n        {show && <ToolbarBtns>{children}</ToolbarBtns>}\n        <DSButton\n          buttonType=\"text\"\n          className=\"toolbar-trigger\"\n          data-testid={DATA_TESTID.DATA_TABLE_TOOLBAR_TRIGGER}\n          icon={<MoreOptionsVert />}\n          onClick={handleOnClick}\n          onKeyDown={(e) => ['Enter', 'Space'].includes(e.code) && handleOnClick()}\n          tabIndex={0}\n        />\n      </ToolbarWrapper>\n    </ToolbarPosition>\n  );\n};\n"],"names":["ToolbarBtns","styled","div","ToolbarWrapper","ToolbarPosition","props","theme","colors","neutral","Toolbar","children","useState","show","setShow","clicked","setClicked","toolbarRef","useRef","handleOnClickOutside","useCallback","handleOnClick","useOnClickOutside","React","DSButton","DATA_TESTID","DATA_TABLE_TOOLBAR_TRIGGER","MoreOptionsVert","e","includes","code"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,WAAW,gBAAGC,0BAAM,CAACC,GAAV;AAAA;AAAA,4CAAjB;AAMA,IAAMC,cAAc,gBAAGF,0BAAM,CAACC,GAAV;AAAA;AAAA,uMAApB;AAcA,IAAME,eAAe,gBAAGH,0BAAM,CAACC,GAAV;AAAA;AAAA,4RAoBG,UAACG,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CApBH,CAArB;;IA0BaC,OAA4B,GAAG,SAA/BA,OAA+B,OAAkB;AAAA,MAAfC,QAAe,QAAfA,QAAe;;AAC5D,kBAAwBC,cAAQ,CAAC,KAAD,CAAhC;AAAA;AAAA,MAAOC,IAAP;AAAA,MAAaC,OAAb;;AACA,mBAA8BF,cAAQ,CAAC,KAAD,CAAtC;AAAA;AAAA,MAAOG,OAAP;AAAA,MAAgBC,UAAhB;;AAEA,MAAMC,UAAU,GAAGC,YAAM,CAAC,IAAD,CAAzB;AAEA,MAAMC,oBAAoB,GAAGC,iBAAW,CAAC,YAAM;AAC7CN,IAAAA,OAAO,CAAC,KAAD,CAAP;AACAE,IAAAA,UAAU,CAAC,KAAD,CAAV;AACD,GAHuC,EAGrC,EAHqC,CAAxC;AAKA,MAAMK,aAAa,GAAGD,iBAAW,CAAC,YAAM;AACtCN,IAAAA,OAAO,CAAC,IAAD,CAAP;AACAE,IAAAA,UAAU,CAAC,IAAD,CAAV;AACD,GAHgC,EAG9B,EAH8B,CAAjC;AAKAM,EAAAA,6BAAiB,CAACL,UAAD,EAAaE,oBAAb,CAAjB;AAEA,sBACEI,wCAAC,eAAD;AAAiB,IAAA,GAAG,EAAEN;AAAtB,kBACEM,wCAAC,cAAD;AAAgB,IAAA,YAAY,EAAE;AAAA,aAAMT,OAAO,CAAC,IAAD,CAAb;AAAA,KAA9B;AAAmD,IAAA,YAAY,EAAE;AAAA,aAAMA,OAAO,CAACC,OAAD,CAAb;AAAA;AAAjE,KACGF,IAAI,iBAAIU,wCAAC,WAAD,QAAcZ,QAAd,CADX,eAEEY,wCAACC,4BAAD;AACE,IAAA,UAAU,EAAC,MADb;AAEE,IAAA,SAAS,EAAC,iBAFZ;AAGE,mBAAaC,6BAAW,CAACC,0BAH3B;AAIE,IAAA,IAAI,eAAEH,wCAACI,uBAAD,OAJR;AAKE,IAAA,OAAO,EAAEN,aALX;AAME,IAAA,SAAS,EAAE,mBAACO,CAAD;AAAA,aAAO,CAAC,OAAD,EAAU,OAAV,EAAmBC,QAAnB,CAA4BD,CAAC,CAACE,IAA9B,KAAuCT,aAAa,EAA3D;AAAA,KANb;AAOE,IAAA,QAAQ,EAAE;AAPZ,IAFF,CADF,CADF;AAgBD;;;;"}

package/cjs/exported-related/Toolbar/index.js

@@ -15,7 +15,7 @@ require('../../configs/useRowFlattenization.js');
 require('../../helpers/getIdFromUniqueRowAccessor.js');
 require('@babel/runtime/helpers/toConsumableArray');
 require('@babel/runtime/helpers/defineProperty');
-require('../../styled-3c0e727f.js');
+require('../../styled-b0aab77d.js');
 require('@elliemae/ds-grid');
 require('../../helpers/sizeToCss.js');
 require('../../helpers/cellPadding.js');
@@ -83,7 +83,8 @@ require('../../helpers/dndkit/hierarchy/useHierarchyActionHandlers.js');
 require('../../helpers/dndkit/hierarchy/useHierarchyAnnouncements.js');
 require('../../parts/SortByCaret.js');
 require('@elliemae/ds-controlled-form');
-require('../../addons/Filters/Components/SelectFilter/components.js');
+require('@elliemae/ds-grid/');
+require('@elliemae/ds-form/ComboBox');
 require('../../helpers/columnsToGrid.js');
 require('../../parts/Headers/useHeaderCellHandlers.js');
 require('../../parts/Headers/useHeaderCellConfig.js');

package/cjs/exported-related/Toolbar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/exported-related/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var addons_Columns_ColumnExpand_ColumnExpand = require('../styled-3c0e727f.js');
+var addons_Columns_ColumnExpand_ColumnExpand = require('../styled-b0aab77d.js');
 var exportedRelated_Toolbar_Toolbar = require('./Toolbar/Toolbar.js');
 var exportedRelated_groupBy = require('./groupBy.js');
 var exportedRelated_FilterTypes = require('./FilterTypes.js');
@@ -84,7 +84,8 @@ require('../helpers/dndkit/hierarchy/useHierarchyActionHandlers.js');
 require('../helpers/dndkit/hierarchy/useHierarchyAnnouncements.js');
 require('../parts/SortByCaret.js');
 require('@elliemae/ds-controlled-form');
-require('../addons/Filters/Components/SelectFilter/components.js');
+require('@elliemae/ds-grid/');
+require('@elliemae/ds-form/ComboBox');
 require('../helpers/columnsToGrid.js');
 require('../parts/Headers/useHeaderCellHandlers.js');
 require('../parts/Headers/useHeaderCellConfig.js');

package/cjs/exported-related/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/helpers/dndkit/hierarchy/customCollisionDetection.js

@@ -11,7 +11,7 @@ require('@babel/runtime/helpers/toConsumableArray');
 require('@babel/runtime/helpers/defineProperty');
 require('@elliemae/ds-icons');
 require('styled-components');
-var addons_Columns_ColumnExpand_ColumnExpand = require('../../../styled-3c0e727f.js');
+var addons_Columns_ColumnExpand_ColumnExpand = require('../../../styled-b0aab77d.js');
 require('@elliemae/ds-form');
 require('@elliemae/ds-grid');
 require('@elliemae/ds-circular-progress-indicator');
@@ -81,7 +81,8 @@ require('./useHierarchyActionHandlers.js');
 require('./useHierarchyAnnouncements.js');
 require('../../../parts/SortByCaret.js');
 require('@elliemae/ds-controlled-form');
-require('../../../addons/Filters/Components/SelectFilter/components.js');
+require('@elliemae/ds-grid/');
+require('@elliemae/ds-form/ComboBox');
 require('../../columnsToGrid.js');
 require('../../../parts/Headers/useHeaderCellHandlers.js');
 require('../../../parts/Headers/useHeaderCellConfig.js');

package/cjs/helpers/dndkit/hierarchy/customCollisionDetection.js.map

@@ -1 +1 @@
-{"version":3,"file":"customCollisionDetection.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"customCollisionDetection.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/helpers/dndkit/hierarchy/getHierarchyKeyboardCoordinates.js

@@ -12,7 +12,7 @@ require('../../../configs/useRowFlattenization.js');
 require('@babel/runtime/helpers/toConsumableArray');
 require('@elliemae/ds-icons');
 require('styled-components');
-var addons_Columns_ColumnExpand_ColumnExpand = require('../../../styled-3c0e727f.js');
+var addons_Columns_ColumnExpand_ColumnExpand = require('../../../styled-b0aab77d.js');
 require('@elliemae/ds-form');
 require('@elliemae/ds-grid');
 require('@elliemae/ds-circular-progress-indicator');
@@ -81,7 +81,8 @@ require('./useHierarchyActionHandlers.js');
 require('./useHierarchyAnnouncements.js');
 require('../../../parts/SortByCaret.js');
 require('@elliemae/ds-controlled-form');
-require('../../../addons/Filters/Components/SelectFilter/components.js');
+require('@elliemae/ds-grid/');
+require('@elliemae/ds-form/ComboBox');
 require('../../columnsToGrid.js');
 require('../../../parts/Headers/useHeaderCellHandlers.js');
 require('../../../parts/Headers/useHeaderCellConfig.js');

package/cjs/helpers/dndkit/hierarchy/getHierarchyKeyboardCoordinates.js.map

@@ -1 +1 @@
-{"version":3,"file":"getHierarchyKeyboardCoordinates.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"getHierarchyKeyboardCoordinates.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/helpers/dndkit/hierarchy/useHierarchyDndkitConfig.js

@@ -5,7 +5,7 @@ require('@babel/runtime/helpers/defineProperty');
 require('react');
 require('@dnd-kit/core');
 require('./useHierarchyActionHandlers.js');
-var addons_Columns_ColumnExpand_ColumnExpand = require('../../../styled-3c0e727f.js');
+var addons_Columns_ColumnExpand_ColumnExpand = require('../../../styled-b0aab77d.js');
 require('./useHierarchyAnnouncements.js');
 require('styled-components');
 require('@elliemae/ds-grid');
@@ -80,7 +80,8 @@ require('@elliemae/ds-indeterminate-progress-indicator');
 require('../../addCellData.js');
 require('../../../parts/SortByCaret.js');
 require('@elliemae/ds-controlled-form');
-require('../../../addons/Filters/Components/SelectFilter/components.js');
+require('@elliemae/ds-grid/');
+require('@elliemae/ds-form/ComboBox');
 require('../../columnsToGrid.js');
 require('../../../parts/Headers/useHeaderCellHandlers.js');
 require('../../../parts/Headers/useHeaderCellConfig.js');

package/cjs/helpers/dndkit/hierarchy/useHierarchyDndkitConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHierarchyDndkitConfig.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"useHierarchyDndkitConfig.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/helpers/dndkit/hierarchy/useHierarchyPreviewHandlers.js

@@ -11,7 +11,7 @@ require('@babel/runtime/helpers/toConsumableArray');
 require('@babel/runtime/helpers/defineProperty');
 require('@elliemae/ds-icons');
 require('styled-components');
-var addons_Columns_ColumnExpand_ColumnExpand = require('../../../styled-3c0e727f.js');
+var addons_Columns_ColumnExpand_ColumnExpand = require('../../../styled-b0aab77d.js');
 require('@elliemae/ds-form');
 require('@elliemae/ds-grid');
 require('@elliemae/ds-circular-progress-indicator');
@@ -81,7 +81,8 @@ require('./useHierarchyActionHandlers.js');
 require('./useHierarchyAnnouncements.js');
 require('../../../parts/SortByCaret.js');
 require('@elliemae/ds-controlled-form');
-require('../../../addons/Filters/Components/SelectFilter/components.js');
+require('@elliemae/ds-grid/');
+require('@elliemae/ds-form/ComboBox');
 require('../../columnsToGrid.js');
 require('../../../parts/Headers/useHeaderCellHandlers.js');
 require('../../../parts/Headers/useHeaderCellConfig.js');

package/cjs/helpers/dndkit/hierarchy/useHierarchyPreviewHandlers.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHierarchyPreviewHandlers.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"useHierarchyPreviewHandlers.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var DataTable = require('./DataTable.js');
-var addons_Columns_ColumnExpand_ColumnExpand = require('./styled-3c0e727f.js');
+var addons_Columns_ColumnExpand_ColumnExpand = require('./styled-b0aab77d.js');
 var exportedRelated_Toolbar_Toolbar = require('./exported-related/Toolbar/Toolbar.js');
 var exportedRelated_groupBy = require('./exported-related/groupBy.js');
 var exportedRelated_FilterTypes = require('./exported-related/FilterTypes.js');
@@ -101,7 +101,8 @@ require('./helpers/dndkit/hierarchy/useHierarchyActionHandlers.js');
 require('./helpers/dndkit/hierarchy/useHierarchyAnnouncements.js');
 require('./parts/SortByCaret.js');
 require('@elliemae/ds-controlled-form');
-require('./addons/Filters/Components/SelectFilter/components.js');
+require('@elliemae/ds-grid/');
+require('@elliemae/ds-form/ComboBox');
 require('./parts/Headers/useHeaderCellHandlers.js');
 require('./parts/Headers/useHeaderCellConfig.js');
 require('./hooks/useRecoverFocusCol.js');

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/parts/Cells/Cell.js

@@ -6,7 +6,7 @@ require('@babel/runtime/helpers/slicedToArray');
 require('react');
 require('@elliemae/ds-truncated-tooltip-text');
 require('@elliemae/ds-grid');
-var addons_Columns_ColumnExpand_ColumnExpand = require('../../styled-3c0e727f.js');
+var addons_Columns_ColumnExpand_ColumnExpand = require('../../styled-b0aab77d.js');
 require('../../DataTableContext.js');
 require('../HoC/SortableItemContext.js');
 require('@elliemae/ds-form');
@@ -78,7 +78,8 @@ require('../../helpers/dndkit/hierarchy/useHierarchyActionHandlers.js');
 require('../../helpers/dndkit/hierarchy/useHierarchyAnnouncements.js');
 require('../SortByCaret.js');
 require('@elliemae/ds-controlled-form');
-require('../../addons/Filters/Components/SelectFilter/components.js');
+require('@elliemae/ds-grid/');
+require('@elliemae/ds-form/ComboBox');
 require('../../helpers/columnsToGrid.js');
 require('../Headers/useHeaderCellHandlers.js');
 require('../Headers/useHeaderCellConfig.js');

package/cjs/parts/Cells/Cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Cell.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/parts/Cells/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
 require('react');
-var addons_Columns_ColumnExpand_ColumnExpand = require('../../styled-3c0e727f.js');
+var addons_Columns_ColumnExpand_ColumnExpand = require('../../styled-b0aab77d.js');
 require('../../DataTableContext.js');
 require('styled-components');
 require('@elliemae/ds-grid');
@@ -80,7 +80,8 @@ require('../../helpers/dndkit/hierarchy/useHierarchyActionHandlers.js');
 require('../../helpers/dndkit/hierarchy/useHierarchyAnnouncements.js');
 require('../SortByCaret.js');
 require('@elliemae/ds-controlled-form');
-require('../../addons/Filters/Components/SelectFilter/components.js');
+require('@elliemae/ds-grid/');
+require('@elliemae/ds-form/ComboBox');
 require('../../helpers/columnsToGrid.js');
 require('../Headers/useHeaderCellHandlers.js');
 require('../Headers/useHeaderCellConfig.js');

package/cjs/parts/Cells/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/parts/DnDHandle.js

@@ -11,7 +11,7 @@ require('@babel/runtime/helpers/slicedToArray');
 require('react-virtual');
 require('../configs/useRowFlattenization.js');
 require('@babel/runtime/helpers/toConsumableArray');
-var addons_Columns_ColumnExpand_ColumnExpand = require('../styled-3c0e727f.js');
+var addons_Columns_ColumnExpand_ColumnExpand = require('../styled-b0aab77d.js');
 require('@elliemae/ds-form');
 require('@elliemae/ds-grid');
 require('@elliemae/ds-circular-progress-indicator');
@@ -79,7 +79,8 @@ require('../helpers/dndkit/hierarchy/useHierarchyActionHandlers.js');
 require('../helpers/dndkit/hierarchy/useHierarchyAnnouncements.js');
 require('./SortByCaret.js');
 require('@elliemae/ds-controlled-form');
-require('../addons/Filters/Components/SelectFilter/components.js');
+require('@elliemae/ds-grid/');
+require('@elliemae/ds-form/ComboBox');
 require('../helpers/columnsToGrid.js');
 require('./Headers/useHeaderCellHandlers.js');
 require('./Headers/useHeaderCellConfig.js');

package/cjs/parts/DnDHandle.js.map

@@ -1 +1 @@
-{"version":3,"file":"DnDHandle.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"DnDHandle.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/parts/FilterBar/FiltersBar.js

@@ -14,7 +14,7 @@ require('../../redux/reducers/index.js');
 var configs_constants = require('../../configs/constants.js');
 require('react-virtual');
 require('../../configs/useRowFlattenization.js');
-require('../../styled-3c0e727f.js');
+require('../../styled-b0aab77d.js');
 require('@elliemae/ds-form');
 require('@elliemae/ds-grid');
 require('@elliemae/ds-circular-progress-indicator');
@@ -88,7 +88,8 @@ require('../../helpers/dndkit/hierarchy/useHierarchyActionHandlers.js');
 require('../../helpers/dndkit/hierarchy/useHierarchyAnnouncements.js');
 require('../SortByCaret.js');
 require('@elliemae/ds-controlled-form');
-require('../../addons/Filters/Components/SelectFilter/components.js');
+require('@elliemae/ds-grid/');
+require('@elliemae/ds-form/ComboBox');
 require('../../helpers/columnsToGrid.js');
 require('../Headers/useHeaderCellHandlers.js');
 require('../Headers/useHeaderCellConfig.js');

package/cjs/parts/FilterBar/FiltersBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"FiltersBar.js","sources":["../../../../src/parts/FilterBar/FiltersBar.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, { useCallback, useContext, useMemo, useRef } from 'react';\nimport DSButton from '@elliemae/ds-button';\nimport { MoreOptionsVert } from '@elliemae/ds-icons';\nimport { FILTER_TYPES } from '../../exported-related';\nimport { SelectPill, MultiSelectPill, SingleDatePill, DateRangePill, NumberRangePill, TextPill } from './components';\nimport DataTableContext from '../../DataTableContext';\nimport { StyledDropdownMenu, StyledWrapper } from './styled';\nimport { FilterPillComponent } from './types';\nimport { DATA_TESTID } from '../../configs';\n\nconst pillRenderMapper: Record<string, FilterPillComponent<any>> = {\n  [FILTER_TYPES.SELECT]: SelectPill,\n  [FILTER_TYPES.MULTI_SELECT]: MultiSelectPill,\n  [FILTER_TYPES.TEXT]: TextPill,\n  [FILTER_TYPES.SINGLE_DATE]: SingleDatePill,\n  [FILTER_TYPES.DATE_RANGE]: DateRangePill,\n  [FILTER_TYPES.NUMBER_RANGE]: NumberRangePill,\n};\n\nexport const FiltersBar: React.ComponentType = () => {\n  const {\n    tableProps: { width, filterBarProps, onFiltersChange, filters },\n    visibleColumns,\n  } = useContext(DataTableContext);\n\n  const pillGroupRefs = useMemo(() => {\n    const refs: React.RefObject<HTMLElement>[] = [];\n    for (let i = 0; i < filters.length; i += 1) refs.push(React.createRef());\n    return refs;\n  }, [filters.length]);\n\n  const dropdownMenuRef = useRef(null);\n\n  const removeAllFilters = useCallback(() => {\n    onFiltersChange([]);\n  }, [onFiltersChange]);\n\n  return (\n    <StyledWrapper width={width} aria-live=\"polite\" aria-relevant=\"additions removals\" gutter=\"xs\">\n      {filters.map(({ id: column, type, value }, index) => {\n        const columnHeader = visibleColumns.find((col) => col.accessor === column)?.Header;\n        let Component: FilterPillComponent<unknown> = () => null;\n\n        const filterType = type;\n        if (filterType in pillRenderMapper) {\n          Component = pillRenderMapper[filterType];\n        } else if (filterBarProps?.customPillRenderer) {\n          Component = filterBarProps.customPillRenderer;\n        }\n        return (\n          <Component\n            key={column}\n            columnHeader={typeof columnHeader === 'string' ? columnHeader : column}\n            column={column}\n            value={value}\n            filters={filters}\n            onFiltersChange={onFiltersChange}\n            prevRef={pillGroupRefs[index - 1]}\n            innerRef={pillGroupRefs[index]}\n            nextRef={pillGroupRefs[index + 1] ?? dropdownMenuRef}\n          />\n        );\n      })}\n      <StyledDropdownMenu\n        preventOverflow=\"scrollParent\"\n        options={[\n          {\n            id: '__internal__option__clear__filters',\n            label: 'Clear Filters',\n            onClick: removeAllFilters,\n          },\n          ...(filterBarProps?.extraOptions || []),\n        ]}\n        triggerComponent={\n          <DSButton\n            containerProps={{\n              'data-testid': DATA_TESTID.DATA_TABLE_FILTER_BAR_DD_MENU_BUTTON,\n            }}\n            buttonType=\"text\"\n            innerRef={dropdownMenuRef}\n            icon={<MoreOptionsVert />}\n          />\n        }\n      />\n    </StyledWrapper>\n  );\n};\n"],"names":["pillRenderMapper","FILTER_TYPES","SELECT","SelectPill","MULTI_SELECT","MultiSelectPill","TEXT","TextPill","SINGLE_DATE","SingleDatePill","DATE_RANGE","DateRangePill","NUMBER_RANGE","NumberRangePill","FiltersBar","useContext","DataTableContext","tableProps","width","filterBarProps","onFiltersChange","filters","visibleColumns","pillGroupRefs","useMemo","refs","i","length","push","React","createRef","dropdownMenuRef","useRef","removeAllFilters","useCallback","StyledWrapper","map","index","column","id","type","value","columnHeader","find","col","accessor","Header","Component","filterType","customPillRenderer","StyledDropdownMenu","label","onClick","extraOptions","DSButton","DATA_TESTID","DATA_TABLE_FILTER_BAR_DD_MENU_BUTTON","MoreOptionsVert"],"mappings":"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"}
+{"version":3,"file":"FiltersBar.js","sources":["../../../../src/parts/FilterBar/FiltersBar.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, { useCallback, useContext, useMemo, useRef } from 'react';\nimport DSButton from '@elliemae/ds-button';\nimport { MoreOptionsVert } from '@elliemae/ds-icons';\nimport { FILTER_TYPES } from '../../exported-related';\nimport { SelectPill, MultiSelectPill, SingleDatePill, DateRangePill, NumberRangePill, TextPill } from './components';\nimport DataTableContext from '../../DataTableContext';\nimport { StyledDropdownMenu, StyledWrapper } from './styled';\nimport { FilterPillComponent } from './types';\nimport { DATA_TESTID } from '../../configs';\n\nconst pillRenderMapper: Record<string, FilterPillComponent<any>> = {\n  [FILTER_TYPES.SELECT]: SelectPill,\n  [FILTER_TYPES.MULTI_SELECT]: MultiSelectPill,\n  [FILTER_TYPES.TEXT]: TextPill,\n  [FILTER_TYPES.SINGLE_DATE]: SingleDatePill,\n  [FILTER_TYPES.DATE_RANGE]: DateRangePill,\n  [FILTER_TYPES.NUMBER_RANGE]: NumberRangePill,\n};\n\nexport const FiltersBar: React.ComponentType = () => {\n  const {\n    tableProps: { width, filterBarProps, onFiltersChange, filters },\n    visibleColumns,\n  } = useContext(DataTableContext);\n\n  const pillGroupRefs = useMemo(() => {\n    const refs: React.RefObject<HTMLElement>[] = [];\n    for (let i = 0; i < filters.length; i += 1) refs.push(React.createRef());\n    return refs;\n  }, [filters.length]);\n\n  const dropdownMenuRef = useRef(null);\n\n  const removeAllFilters = useCallback(() => {\n    onFiltersChange([]);\n  }, [onFiltersChange]);\n\n  return (\n    <StyledWrapper width={width} aria-live=\"polite\" aria-relevant=\"additions removals\" gutter=\"xs\">\n      {filters.map(({ id: column, type, value }, index) => {\n        const columnHeader = visibleColumns.find((col) => col.accessor === column)?.Header;\n        let Component: FilterPillComponent<unknown> = () => null;\n\n        const filterType = type;\n        if (filterType in pillRenderMapper) {\n          Component = pillRenderMapper[filterType];\n        } else if (filterBarProps?.customPillRenderer) {\n          Component = filterBarProps.customPillRenderer;\n        }\n        return (\n          <Component\n            key={column}\n            columnHeader={typeof columnHeader === 'string' ? columnHeader : column}\n            column={column}\n            value={value}\n            filters={filters}\n            onFiltersChange={onFiltersChange}\n            prevRef={pillGroupRefs[index - 1]}\n            innerRef={pillGroupRefs[index]}\n            nextRef={pillGroupRefs[index + 1] ?? dropdownMenuRef}\n          />\n        );\n      })}\n      <StyledDropdownMenu\n        preventOverflow=\"scrollParent\"\n        options={[\n          {\n            id: '__internal__option__clear__filters',\n            label: 'Clear Filters',\n            onClick: removeAllFilters,\n          },\n          ...(filterBarProps?.extraOptions || []),\n        ]}\n        triggerComponent={\n          <DSButton\n            containerProps={{\n              'data-testid': DATA_TESTID.DATA_TABLE_FILTER_BAR_DD_MENU_BUTTON,\n            }}\n            buttonType=\"text\"\n            innerRef={dropdownMenuRef}\n            icon={<MoreOptionsVert />}\n          />\n        }\n      />\n    </StyledWrapper>\n  );\n};\n"],"names":["pillRenderMapper","FILTER_TYPES","SELECT","SelectPill","MULTI_SELECT","MultiSelectPill","TEXT","TextPill","SINGLE_DATE","SingleDatePill","DATE_RANGE","DateRangePill","NUMBER_RANGE","NumberRangePill","FiltersBar","useContext","DataTableContext","tableProps","width","filterBarProps","onFiltersChange","filters","visibleColumns","pillGroupRefs","useMemo","refs","i","length","push","React","createRef","dropdownMenuRef","useRef","removeAllFilters","useCallback","StyledWrapper","map","index","column","id","type","value","columnHeader","find","col","accessor","Header","Component","filterType","customPillRenderer","StyledDropdownMenu","label","onClick","extraOptions","DSButton","DATA_TESTID","DATA_TABLE_FILTER_BAR_DD_MENU_BUTTON","MoreOptionsVert"],"mappings":"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"}

package/cjs/parts/FilterBar/components/MultiSelectPill.js

@@ -20,14 +20,15 @@ var MultiSelectPill = function MultiSelectPill(_ref) {
       prevRef = _ref.prevRef,
       innerRef = _ref.innerRef,
       nextRef = _ref.nextRef;
+  var multiSelectedValue = value;
   var handleOnRemove = React.useCallback(function (valToRemove) {
     var newFilters = _toConsumableArray__default['default'](filters);
 
     var filterIndex = newFilters.findIndex(function (filter) {
       return filter.id === column;
     });
-    newFilters[filterIndex].value = value.filter(function (val) {
-      return val !== valToRemove;
+    newFilters[filterIndex].value = multiSelectedValue.filter(function (val) {
+      return val.dsId !== valToRemove.dsId;
     });
 
     if (newFilters[filterIndex].value.length === 0) {
@@ -36,19 +37,19 @@ var MultiSelectPill = function MultiSelectPill(_ref) {
     }
 
     onFiltersChange(newFilters);
-  }, [filters, value, onFiltersChange, column, prevRef, nextRef]);
-  return value !== null && value !== void 0 && value.length ? /*#__PURE__*/React__default['default'].createElement(dsPills.DSPillGroupV2, null, /*#__PURE__*/React__default['default'].createElement(dsPills.DSPillV2, {
+  }, [filters, multiSelectedValue, onFiltersChange, column, prevRef, nextRef]);
+  return multiSelectedValue !== null && multiSelectedValue !== void 0 && multiSelectedValue.length ? /*#__PURE__*/React__default['default'].createElement(dsPills.DSPillGroupV2, null, /*#__PURE__*/React__default['default'].createElement(dsPills.DSPillV2, {
     type: "label",
     label: columnHeader
-  }), value.map(function (val, index) {
+  }), multiSelectedValue.map(function (val, index) {
     return /*#__PURE__*/React__default['default'].createElement(dsPills.DSPillV2, {
-      key: val,
+      key: val.dsId,
       type: "removable",
-      label: val,
+      label: val.label,
       onRemove: function onRemove() {
         return handleOnRemove(val);
       },
-      innerRef: index === value.length - 1 ? innerRef : {}
+      innerRef: index === multiSelectedValue.length - 1 ? innerRef : {}
     });
   })) : null;
 };

package/cjs/parts/FilterBar/components/MultiSelectPill.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectPill.js","sources":["../../../../../src/parts/FilterBar/components/MultiSelectPill.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, { useCallback } from 'react';\nimport { DSPillGroupV2, DSPillV2 } from '@elliemae/ds-pills';\nimport { FilterPillComponent } from '../types';\n\nexport const MultiSelectPill: FilterPillComponent<string[]> = ({\n  columnHeader,\n  column,\n  value,\n  filters,\n  onFiltersChange,\n  prevRef,\n  innerRef,\n  nextRef,\n}) => {\n  const handleOnRemove = useCallback(\n    (valToRemove) => {\n      const newFilters = [...filters];\n      const filterIndex = newFilters.findIndex((filter) => filter.id === column);\n      newFilters[filterIndex].value = value.filter((val) => val !== valToRemove);\n      if (newFilters[filterIndex].value.length === 0) {\n        if (prevRef?.current) prevRef.current.focus();\n        else nextRef.current.focus();\n        newFilters.splice(filterIndex, 1);\n      }\n      onFiltersChange(newFilters);\n    },\n    [filters, value, onFiltersChange, column, prevRef, nextRef],\n  );\n\n  return value?.length ? (\n    <DSPillGroupV2>\n      <DSPillV2 type=\"label\" label={columnHeader} />\n      {value.map((val, index) => (\n        <DSPillV2\n          key={val}\n          type=\"removable\"\n          label={val}\n          onRemove={() => handleOnRemove(val)}\n          innerRef={index === value.length - 1 ? innerRef : {}}\n        />\n      ))}\n    </DSPillGroupV2>\n  ) : null;\n};\n"],"names":["MultiSelectPill","columnHeader","column","value","filters","onFiltersChange","prevRef","innerRef","nextRef","handleOnRemove","useCallback","valToRemove","newFilters","filterIndex","findIndex","filter","id","val","length","current","focus","splice","React","DSPillGroupV2","DSPillV2","map","index"],"mappings":";;;;;;;;;;;;;IAKaA,eAA8C,GAAG,SAAjDA,eAAiD,OASxD;AAAA,MARJC,YAQI,QARJA,YAQI;AAAA,MAPJC,MAOI,QAPJA,MAOI;AAAA,MANJC,KAMI,QANJA,KAMI;AAAA,MALJC,OAKI,QALJA,OAKI;AAAA,MAJJC,eAII,QAJJA,eAII;AAAA,MAHJC,OAGI,QAHJA,OAGI;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADJC,OACI,QADJA,OACI;AACJ,MAAMC,cAAc,GAAGC,iBAAW,CAChC,UAACC,WAAD,EAAiB;AACf,QAAMC,UAAU,0CAAOR,OAAP,CAAhB;;AACA,QAAMS,WAAW,GAAGD,UAAU,CAACE,SAAX,CAAqB,UAACC,MAAD;AAAA,aAAYA,MAAM,CAACC,EAAP,KAAcd,MAA1B;AAAA,KAArB,CAApB;AACAU,IAAAA,UAAU,CAACC,WAAD,CAAV,CAAwBV,KAAxB,GAAgCA,KAAK,CAACY,MAAN,CAAa,UAACE,GAAD;AAAA,aAASA,GAAG,KAAKN,WAAjB;AAAA,KAAb,CAAhC;;AACA,QAAIC,UAAU,CAACC,WAAD,CAAV,CAAwBV,KAAxB,CAA8Be,MAA9B,KAAyC,CAA7C,EAAgD;AAC9C,UAAIZ,OAAJ,aAAIA,OAAJ,eAAIA,OAAO,CAAEa,OAAb,EAAsBb,OAAO,CAACa,OAAR,CAAgBC,KAAhB,GAAtB,KACKZ,OAAO,CAACW,OAAR,CAAgBC,KAAhB;AACLR,MAAAA,UAAU,CAACS,MAAX,CAAkBR,WAAlB,EAA+B,CAA/B;AACD;;AACDR,IAAAA,eAAe,CAACO,UAAD,CAAf;AACD,GAX+B,EAYhC,CAACR,OAAD,EAAUD,KAAV,EAAiBE,eAAjB,EAAkCH,MAAlC,EAA0CI,OAA1C,EAAmDE,OAAnD,CAZgC,CAAlC;AAeA,SAAOL,KAAK,SAAL,IAAAA,KAAK,WAAL,IAAAA,KAAK,CAAEe,MAAP,gBACLI,wCAACC,qBAAD,qBACED,wCAACE,gBAAD;AAAU,IAAA,IAAI,EAAC,OAAf;AAAuB,IAAA,KAAK,EAAEvB;AAA9B,IADF,EAEGE,KAAK,CAACsB,GAAN,CAAU,UAACR,GAAD,EAAMS,KAAN;AAAA,wBACTJ,wCAACE,gBAAD;AACE,MAAA,GAAG,EAAEP,GADP;AAEE,MAAA,IAAI,EAAC,WAFP;AAGE,MAAA,KAAK,EAAEA,GAHT;AAIE,MAAA,QAAQ,EAAE;AAAA,eAAMR,cAAc,CAACQ,GAAD,CAApB;AAAA,OAJZ;AAKE,MAAA,QAAQ,EAAES,KAAK,KAAKvB,KAAK,CAACe,MAAN,GAAe,CAAzB,GAA6BX,QAA7B,GAAwC;AALpD,MADS;AAAA,GAAV,CAFH,CADK,GAaH,IAbJ;AAcD;;;;"}
+{"version":3,"file":"MultiSelectPill.js","sources":["../../../../../src/parts/FilterBar/components/MultiSelectPill.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, { useCallback } from 'react';\nimport { DSPillGroupV2, DSPillV2 } from '@elliemae/ds-pills';\nimport { FilterPillComponent, FilterOptionT } from '../types';\n\nexport const MultiSelectPill: FilterPillComponent<string[]> = ({\n  columnHeader,\n  column,\n  value,\n  filters,\n  onFiltersChange,\n  prevRef,\n  innerRef,\n  nextRef,\n}) => {\n  const multiSelectedValue = value as FilterOptionT[];\n  const handleOnRemove = useCallback(\n    (valToRemove) => {\n      const newFilters = [...filters];\n      const filterIndex = newFilters.findIndex((filter) => filter.id === column);\n      newFilters[filterIndex].value = multiSelectedValue.filter((val) => val.dsId !== valToRemove.dsId);\n      if (newFilters[filterIndex].value.length === 0) {\n        if (prevRef?.current) prevRef.current.focus();\n        else nextRef.current.focus();\n        newFilters.splice(filterIndex, 1);\n      }\n      onFiltersChange(newFilters);\n    },\n    [filters, multiSelectedValue, onFiltersChange, column, prevRef, nextRef],\n  );\n  return multiSelectedValue?.length ? (\n    <DSPillGroupV2>\n      <DSPillV2 type=\"label\" label={columnHeader} />\n      {multiSelectedValue.map((val, index) => (\n        <DSPillV2\n          key={val.dsId}\n          type=\"removable\"\n          label={val.label}\n          onRemove={() => handleOnRemove(val)}\n          innerRef={index === multiSelectedValue.length - 1 ? innerRef : {}}\n        />\n      ))}\n    </DSPillGroupV2>\n  ) : null;\n};\n"],"names":["MultiSelectPill","columnHeader","column","value","filters","onFiltersChange","prevRef","innerRef","nextRef","multiSelectedValue","handleOnRemove","useCallback","valToRemove","newFilters","filterIndex","findIndex","filter","id","val","dsId","length","current","focus","splice","React","DSPillGroupV2","DSPillV2","map","index","label"],"mappings":";;;;;;;;;;;;;IAKaA,eAA8C,GAAG,SAAjDA,eAAiD,OASxD;AAAA,MARJC,YAQI,QARJA,YAQI;AAAA,MAPJC,MAOI,QAPJA,MAOI;AAAA,MANJC,KAMI,QANJA,KAMI;AAAA,MALJC,OAKI,QALJA,OAKI;AAAA,MAJJC,eAII,QAJJA,eAII;AAAA,MAHJC,OAGI,QAHJA,OAGI;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADJC,OACI,QADJA,OACI;AACJ,MAAMC,kBAAkB,GAAGN,KAA3B;AACA,MAAMO,cAAc,GAAGC,iBAAW,CAChC,UAACC,WAAD,EAAiB;AACf,QAAMC,UAAU,0CAAOT,OAAP,CAAhB;;AACA,QAAMU,WAAW,GAAGD,UAAU,CAACE,SAAX,CAAqB,UAACC,MAAD;AAAA,aAAYA,MAAM,CAACC,EAAP,KAAcf,MAA1B;AAAA,KAArB,CAApB;AACAW,IAAAA,UAAU,CAACC,WAAD,CAAV,CAAwBX,KAAxB,GAAgCM,kBAAkB,CAACO,MAAnB,CAA0B,UAACE,GAAD;AAAA,aAASA,GAAG,CAACC,IAAJ,KAAaP,WAAW,CAACO,IAAlC;AAAA,KAA1B,CAAhC;;AACA,QAAIN,UAAU,CAACC,WAAD,CAAV,CAAwBX,KAAxB,CAA8BiB,MAA9B,KAAyC,CAA7C,EAAgD;AAC9C,UAAId,OAAJ,aAAIA,OAAJ,eAAIA,OAAO,CAAEe,OAAb,EAAsBf,OAAO,CAACe,OAAR,CAAgBC,KAAhB,GAAtB,KACKd,OAAO,CAACa,OAAR,CAAgBC,KAAhB;AACLT,MAAAA,UAAU,CAACU,MAAX,CAAkBT,WAAlB,EAA+B,CAA/B;AACD;;AACDT,IAAAA,eAAe,CAACQ,UAAD,CAAf;AACD,GAX+B,EAYhC,CAACT,OAAD,EAAUK,kBAAV,EAA8BJ,eAA9B,EAA+CH,MAA/C,EAAuDI,OAAvD,EAAgEE,OAAhE,CAZgC,CAAlC;AAcA,SAAOC,kBAAkB,SAAlB,IAAAA,kBAAkB,WAAlB,IAAAA,kBAAkB,CAAEW,MAApB,gBACLI,wCAACC,qBAAD,qBACED,wCAACE,gBAAD;AAAU,IAAA,IAAI,EAAC,OAAf;AAAuB,IAAA,KAAK,EAAEzB;AAA9B,IADF,EAEGQ,kBAAkB,CAACkB,GAAnB,CAAuB,UAACT,GAAD,EAAMU,KAAN;AAAA,wBACtBJ,wCAACE,gBAAD;AACE,MAAA,GAAG,EAAER,GAAG,CAACC,IADX;AAEE,MAAA,IAAI,EAAC,WAFP;AAGE,MAAA,KAAK,EAAED,GAAG,CAACW,KAHb;AAIE,MAAA,QAAQ,EAAE;AAAA,eAAMnB,cAAc,CAACQ,GAAD,CAApB;AAAA,OAJZ;AAKE,MAAA,QAAQ,EAAEU,KAAK,KAAKnB,kBAAkB,CAACW,MAAnB,GAA4B,CAAtC,GAA0Cb,QAA1C,GAAqD;AALjE,MADsB;AAAA,GAAvB,CAFH,CADK,GAaH,IAbJ;AAcD;;;;"}

package/cjs/parts/FilterBar/components/SelectPill.js

@@ -30,7 +30,7 @@ var SelectPill = function SelectPill(_ref) {
     label: columnHeader
   }), /*#__PURE__*/React__default['default'].createElement(dsPills.DSPillV2, {
     type: "removable",
-    label: value,
+    label: value.label,
     onRemove: handleOnRemove,
     innerRef: innerRef
   })) : null;

package/cjs/parts/FilterBar/components/SelectPill.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectPill.js","sources":["../../../../../src/parts/FilterBar/components/SelectPill.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, { useCallback } from 'react';\nimport { DSPillGroupV2, DSPillV2 } from '@elliemae/ds-pills';\nimport { FilterPillComponent } from '../types';\n\nexport const SelectPill: FilterPillComponent<string> = ({\n  columnHeader,\n  column,\n  value,\n  filters,\n  onFiltersChange,\n  prevRef,\n  innerRef,\n  nextRef,\n}) => {\n  const handleOnRemove = useCallback(() => {\n    if (prevRef?.current) prevRef.current.focus();\n    else nextRef.current.focus();\n    onFiltersChange(filters.filter((filter) => filter.id !== column));\n  }, [onFiltersChange, filters, prevRef, nextRef, column]);\n\n  return value ? (\n    <DSPillGroupV2>\n      <DSPillV2 type=\"label\" label={columnHeader} />\n      <DSPillV2 type=\"removable\" label={value} onRemove={handleOnRemove} innerRef={innerRef} />\n    </DSPillGroupV2>\n  ) : null;\n};\n"],"names":["SelectPill","columnHeader","column","value","filters","onFiltersChange","prevRef","innerRef","nextRef","handleOnRemove","useCallback","current","focus","filter","id","React","DSPillGroupV2","DSPillV2"],"mappings":";;;;;;;;;;;AAAA;IAKaA,UAAuC,GAAG,SAA1CA,UAA0C,OASjD;AAAA,MARJC,YAQI,QARJA,YAQI;AAAA,MAPJC,MAOI,QAPJA,MAOI;AAAA,MANJC,KAMI,QANJA,KAMI;AAAA,MALJC,OAKI,QALJA,OAKI;AAAA,MAJJC,eAII,QAJJA,eAII;AAAA,MAHJC,OAGI,QAHJA,OAGI;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADJC,OACI,QADJA,OACI;AACJ,MAAMC,cAAc,GAAGC,iBAAW,CAAC,YAAM;AACvC,QAAIJ,OAAJ,aAAIA,OAAJ,eAAIA,OAAO,CAAEK,OAAb,EAAsBL,OAAO,CAACK,OAAR,CAAgBC,KAAhB,GAAtB,KACKJ,OAAO,CAACG,OAAR,CAAgBC,KAAhB;AACLP,IAAAA,eAAe,CAACD,OAAO,CAACS,MAAR,CAAe,UAACA,MAAD;AAAA,aAAYA,MAAM,CAACC,EAAP,KAAcZ,MAA1B;AAAA,KAAf,CAAD,CAAf;AACD,GAJiC,EAI/B,CAACG,eAAD,EAAkBD,OAAlB,EAA2BE,OAA3B,EAAoCE,OAApC,EAA6CN,MAA7C,CAJ+B,CAAlC;AAMA,SAAOC,KAAK,gBACVY,wCAACC,qBAAD,qBACED,wCAACE,gBAAD;AAAU,IAAA,IAAI,EAAC,OAAf;AAAuB,IAAA,KAAK,EAAEhB;AAA9B,IADF,eAEEc,wCAACE,gBAAD;AAAU,IAAA,IAAI,EAAC,WAAf;AAA2B,IAAA,KAAK,EAAEd,KAAlC;AAAyC,IAAA,QAAQ,EAAEM,cAAnD;AAAmE,IAAA,QAAQ,EAAEF;AAA7E,IAFF,CADU,GAKR,IALJ;AAMD;;;;"}
+{"version":3,"file":"SelectPill.js","sources":["../../../../../src/parts/FilterBar/components/SelectPill.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, { useCallback } from 'react';\nimport { DSPillGroupV2, DSPillV2 } from '@elliemae/ds-pills';\nimport { FilterPillComponent } from '../types';\n\nexport const SelectPill: FilterPillComponent<string> = ({\n  columnHeader,\n  column,\n  value,\n  filters,\n  onFiltersChange,\n  prevRef,\n  innerRef,\n  nextRef,\n}) => {\n  const handleOnRemove = useCallback(() => {\n    if (prevRef?.current) prevRef.current.focus();\n    else nextRef.current.focus();\n    onFiltersChange(filters.filter((filter) => filter.id !== column));\n  }, [onFiltersChange, filters, prevRef, nextRef, column]);\n\n  return value ? (\n    <DSPillGroupV2>\n      <DSPillV2 type=\"label\" label={columnHeader} />\n      <DSPillV2 type=\"removable\" label={value.label} onRemove={handleOnRemove} innerRef={innerRef} />\n    </DSPillGroupV2>\n  ) : null;\n};\n"],"names":["SelectPill","columnHeader","column","value","filters","onFiltersChange","prevRef","innerRef","nextRef","handleOnRemove","useCallback","current","focus","filter","id","React","DSPillGroupV2","DSPillV2","label"],"mappings":";;;;;;;;;;;AAAA;IAKaA,UAAuC,GAAG,SAA1CA,UAA0C,OASjD;AAAA,MARJC,YAQI,QARJA,YAQI;AAAA,MAPJC,MAOI,QAPJA,MAOI;AAAA,MANJC,KAMI,QANJA,KAMI;AAAA,MALJC,OAKI,QALJA,OAKI;AAAA,MAJJC,eAII,QAJJA,eAII;AAAA,MAHJC,OAGI,QAHJA,OAGI;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADJC,OACI,QADJA,OACI;AACJ,MAAMC,cAAc,GAAGC,iBAAW,CAAC,YAAM;AACvC,QAAIJ,OAAJ,aAAIA,OAAJ,eAAIA,OAAO,CAAEK,OAAb,EAAsBL,OAAO,CAACK,OAAR,CAAgBC,KAAhB,GAAtB,KACKJ,OAAO,CAACG,OAAR,CAAgBC,KAAhB;AACLP,IAAAA,eAAe,CAACD,OAAO,CAACS,MAAR,CAAe,UAACA,MAAD;AAAA,aAAYA,MAAM,CAACC,EAAP,KAAcZ,MAA1B;AAAA,KAAf,CAAD,CAAf;AACD,GAJiC,EAI/B,CAACG,eAAD,EAAkBD,OAAlB,EAA2BE,OAA3B,EAAoCE,OAApC,EAA6CN,MAA7C,CAJ+B,CAAlC;AAMA,SAAOC,KAAK,gBACVY,wCAACC,qBAAD,qBACED,wCAACE,gBAAD;AAAU,IAAA,IAAI,EAAC,OAAf;AAAuB,IAAA,KAAK,EAAEhB;AAA9B,IADF,eAEEc,wCAACE,gBAAD;AAAU,IAAA,IAAI,EAAC,WAAf;AAA2B,IAAA,KAAK,EAAEd,KAAK,CAACe,KAAxC;AAA+C,IAAA,QAAQ,EAAET,cAAzD;AAAyE,IAAA,QAAQ,EAAEF;AAAnF,IAFF,CADU,GAKR,IALJ;AAMD;;;;"}

package/cjs/parts/FilterBar/index.js

@@ -27,7 +27,7 @@ require('../../configs/constants.js');
 require('react-virtual');
 require('../../configs/useRowFlattenization.js');
 require('../../helpers/getIdFromUniqueRowAccessor.js');
-require('../../styled-3c0e727f.js');
+require('../../styled-b0aab77d.js');
 require('@elliemae/ds-grid');
 require('../../helpers/sizeToCss.js');
 require('../../helpers/cellPadding.js');
@@ -83,7 +83,8 @@ require('../../helpers/dndkit/hierarchy/useHierarchyActionHandlers.js');
 require('../../helpers/dndkit/hierarchy/useHierarchyAnnouncements.js');
 require('../SortByCaret.js');
 require('@elliemae/ds-controlled-form');
-require('../../addons/Filters/Components/SelectFilter/components.js');
+require('@elliemae/ds-grid/');
+require('@elliemae/ds-form/ComboBox');
 require('../../helpers/columnsToGrid.js');
 require('../Headers/useHeaderCellHandlers.js');
 require('../Headers/useHeaderCellConfig.js');

package/cjs/parts/FilterBar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/parts/Filters/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('@babel/runtime/helpers/toConsumableArray');
 require('@babel/runtime/helpers/defineProperty');
 require('react');
-var addons_Columns_ColumnExpand_ColumnExpand = require('../../styled-3c0e727f.js');
+var addons_Columns_ColumnExpand_ColumnExpand = require('../../styled-b0aab77d.js');
 require('@babel/runtime/helpers/slicedToArray');
 require('@elliemae/ds-button');
 require('@elliemae/ds-popperjs');
@@ -76,7 +76,8 @@ require('../../helpers/dndkit/hierarchy/useHierarchyActionHandlers.js');
 require('../../helpers/dndkit/hierarchy/useHierarchyAnnouncements.js');
 require('../SortByCaret.js');
 require('@elliemae/ds-controlled-form');
-require('../../addons/Filters/Components/SelectFilter/components.js');
+require('@elliemae/ds-grid/');
+require('@elliemae/ds-form/ComboBox');
 require('../../helpers/columnsToGrid.js');
 require('../Headers/useHeaderCellHandlers.js');
 require('../Headers/useHeaderCellConfig.js');

package/cjs/parts/Filters/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/parts/Headers/HeaderCell.js

@@ -7,7 +7,7 @@ require('react');
 require('react-redux');
 require('@elliemae/ds-grid');
 require('../../redux/reducers/index.js');
-var addons_Columns_ColumnExpand_ColumnExpand = require('../../styled-3c0e727f.js');
+var addons_Columns_ColumnExpand_ColumnExpand = require('../../styled-b0aab77d.js');
 require('../../DataTableContext.js');
 require('../SortByCaret.js');
 require('@elliemae/ds-circular-progress-indicator');
@@ -83,7 +83,8 @@ require('../../helpers/addCellData.js');
 require('../../helpers/dndkit/hierarchy/useHierarchyActionHandlers.js');
 require('../../helpers/dndkit/hierarchy/useHierarchyAnnouncements.js');
 require('@elliemae/ds-controlled-form');
-require('../../addons/Filters/Components/SelectFilter/components.js');
+require('@elliemae/ds-grid/');
+require('@elliemae/ds-form/ComboBox');
 require('../../helpers/columnsToGrid.js');
 require('./RequiredDot.js');
 require('../SortableHeaderCell.js');

package/cjs/parts/Headers/HeaderCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderCell.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"HeaderCell.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}