@elliemae/ds-data-table-filters 3.70.0-next.7 → 3.70.0-next.70

package/dist/cjs/package.json

@@ -3,8 +3,5 @@
   "sideEffects": [
     "*.css",
     "*.scss"
-  ],
-  "publishConfig": {
-    "access": "public"
-  }
+  ]
 }

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

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

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

@@ -52,6 +52,10 @@ const FilterPopover = (props) => {
   const { referenceElement, filterMinWidth, shouldShowFilter, children, FilterIcon } = props;
   const ref = import_react.default.useRef(null);
   const [showPopover, setShowPopover] = import_react.default.useState(false);
+  const handleEscape = (0, import_react.useCallback)(() => {
+    setShowPopover(false);
+    ref.current?.focus();
+  }, []);
   const {
     refs,
     floatingStyles,
@@ -59,24 +63,15 @@ const FilterPopover = (props) => {
     isOpen: isFloatingOpen
   } = (0, import_ds_floating_context.useFloatingContext)({
     externallyControlledIsOpen: showPopover,
+    externalReferenceElement: referenceElement,
     withoutPortal: true,
     withoutAnimation: true,
     placement: "bottom-end",
     placementOrderPreference: ["bottom-end", "top-end"],
-    customOffset: [0, 0]
+    customOffset: [0, 0],
+    closeOnEscape: true,
+    onEscape: handleEscape
   });
-  (0, import_react.useEffect)(() => {
-    if (referenceElement) refs.setReference(referenceElement);
-  }, [referenceElement, refs]);
-  const handleOnKeyDown = (0, import_react.useCallback)(
-    (e) => {
-      if (e.key === "Escape") {
-        setShowPopover(false);
-        ref.current?.focus();
-      }
-    },
-    [ref]
-  );
   const config = (0, import_react.useMemo)(
     () => ({
       onBlur: () => {
@@ -109,7 +104,6 @@ const FilterPopover = (props) => {
           minWidth: filterMinWidth ?? referenceElement.offsetWidth ?? "0px"
         },
         context,
-        onKeyDown: handleOnKeyDown,
         children
       }
     )

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/parts/FilterPopover/FilterPopover.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useCallback, useEffect, useMemo } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { useOnBlurOut, type DSHooksUseOBlurOutT } from '@elliemae/ds-hooks-on-blur-out';\nimport { useFloatingContext, FloatingWrapper } from '@elliemae/ds-floating-context';\nimport { DSButtonV2 } from '@elliemae/ds-button-v2';\nimport { SearchXsmall } from '@elliemae/ds-icons';\nimport { styled } from '@elliemae/ds-system';\nimport { type FilterPopoverT, FilterPopoverPropTypesSchema } from './react-desc-prop-types.js';\nimport { FILTER_POPOVER_SLOTS, FilterPopoverName } from './constants/index.js';\n\ninterface ConfigT {\n  onBlur: DSHooksUseOBlurOutT.OnBlurCb;\n}\n\nconst StyledWrapper = styled(Grid, { name: FilterPopoverName, slot: FILTER_POPOVER_SLOTS.ROOT })`\n  cursor: initial;\n`;\nconst StyledButton = styled(DSButtonV2, { name: FilterPopoverName, slot: FILTER_POPOVER_SLOTS.FILTER_ICON_BUTTON })``;\n\nconst FilterPopover: React.ComponentType<FilterPopoverT.Props> = (props) => {\n  const { referenceElement, filterMinWidth, shouldShowFilter, children, FilterIcon } = props;\n  const ref = React.useRef<HTMLButtonElement>(null);\n  const [showPopover, setShowPopover] = React.useState(false);\n\n  const {\n    refs,\n    floatingStyles,\n    context,\n    isOpen: isFloatingOpen,\n  } = useFloatingContext({\n    externallyControlledIsOpen: showPopover,\n    withoutPortal: true,\n    withoutAnimation: true,\n    placement: 'bottom-end',\n    placementOrderPreference: ['bottom-end', 'top-end'],\n    customOffset: [0, 0],\n  });\n\n  useEffect(() => {\n    if (referenceElement) refs.setReference(referenceElement);\n  }, [referenceElement, refs]);\n\n  const handleOnKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        setShowPopover(false);\n        ref.current?.focus();\n      }\n    },\n    [ref],\n  );\n\n  const config: ConfigT = useMemo(\n    () => ({\n      onBlur: () => {\n        setShowPopover(false);\n      },\n    }),\n    [],\n  );\n  const handleParentOnBlur = useOnBlurOut(config);\n\n  if (!shouldShowFilter && !showPopover) return null;\n\n  return (\n    <StyledWrapper onBlur={handleParentOnBlur} tabIndex={-1}>\n      <StyledButton\n        buttonType=\"icon\"\n        innerRef={ref}\n        aria-label=\"filter\"\n        size=\"s\"\n        onClick={() => setShowPopover(!showPopover)}\n      >\n        {FilterIcon ? <FilterIcon /> : <SearchXsmall size=\"s\" />}\n      </StyledButton>\n      {referenceElement && (\n        <FloatingWrapper\n          innerRef={refs.setFloating}\n          isOpen={isFloatingOpen}\n          floatingStyles={{\n            ...floatingStyles,\n            minWidth: filterMinWidth ?? referenceElement.offsetWidth ?? '0px',\n          }}\n          context={context}\n          onKeyDown={handleOnKeyDown}\n        >\n          {children}\n        </FloatingWrapper>\n      )}\n    </StyledWrapper>\n  );\n};\n\nFilterPopover.displayName = 'FilterPopover';\nconst FilterPopoverWithSchema = describe(FilterPopover);\nFilterPopoverWithSchema.propTypes = FilterPopoverPropTypesSchema;\n\nexport { FilterPopover, FilterPopoverWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkEnB;AAlEJ,mBAAuD;AACvD,qBAAqB;AACrB,8BAAyB;AACzB,kCAAuD;AACvD,iCAAoD;AACpD,0BAA2B;AAC3B,sBAA6B;AAC7B,uBAAuB;AACvB,mCAAkE;AAClE,uBAAwD;AAMxD,MAAM,oBAAgB,yBAAO,qBAAM,EAAE,MAAM,oCAAmB,MAAM,sCAAqB,KAAK,CAAC;AAAA;AAAA;AAG/F,MAAM,mBAAe,yBAAO,gCAAY,EAAE,MAAM,oCAAmB,MAAM,sCAAqB,mBAAmB,CAAC;AAElH,MAAM,gBAA2D,CAAC,UAAU;AAC1E,QAAM,EAAE,kBAAkB,gBAAgB,kBAAkB,UAAU,WAAW,IAAI;AACrF,QAAM,MAAM,aAAAA,QAAM,OAA0B,IAAI;AAChD,QAAM,CAAC,aAAa,cAAc,IAAI,aAAAA,QAAM,SAAS,KAAK;AAE1D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,EACV,QAAI,+CAAmB;AAAA,IACrB,4BAA4B;AAAA,IAC5B,eAAe;AAAA,IACf,kBAAkB;AAAA,IAClB,WAAW;AAAA,IACX,0BAA0B,CAAC,cAAc,SAAS;AAAA,IAClD,cAAc,CAAC,GAAG,CAAC;AAAA,EACrB,CAAC;AAED,8BAAU,MAAM;AACd,QAAI,iBAAkB,MAAK,aAAa,gBAAgB;AAAA,EAC1D,GAAG,CAAC,kBAAkB,IAAI,CAAC;AAE3B,QAAM,sBAAkB;AAAA,IACtB,CAAC,MAA2B;AAC1B,UAAI,EAAE,QAAQ,UAAU;AACtB,uBAAe,KAAK;AACpB,YAAI,SAAS,MAAM;AAAA,MACrB;AAAA,IACF;AAAA,IACA,CAAC,GAAG;AAAA,EACN;AAEA,QAAM,aAAkB;AAAA,IACtB,OAAO;AAAA,MACL,QAAQ,MAAM;AACZ,uBAAe,KAAK;AAAA,MACtB;AAAA,IACF;AAAA,IACA,CAAC;AAAA,EACH;AACA,QAAM,yBAAqB,0CAAa,MAAM;AAE9C,MAAI,CAAC,oBAAoB,CAAC,YAAa,QAAO;AAE9C,SACE,6CAAC,iBAAc,QAAQ,oBAAoB,UAAU,IACnD;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,YAAW;AAAA,QACX,UAAU;AAAA,QACV,cAAW;AAAA,QACX,MAAK;AAAA,QACL,SAAS,MAAM,eAAe,CAAC,WAAW;AAAA,QAEzC,uBAAa,4CAAC,cAAW,IAAK,4CAAC,gCAAa,MAAK,KAAI;AAAA;AAAA,IACxD;AAAA,IACC,oBACC;AAAA,MAAC;AAAA;AAAA,QACC,UAAU,KAAK;AAAA,QACf,QAAQ;AAAA,QACR,gBAAgB;AAAA,UACd,GAAG;AAAA,UACH,UAAU,kBAAkB,iBAAiB,eAAe;AAAA,QAC9D;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QAEV;AAAA;AAAA,IACH;AAAA,KAEJ;AAEJ;AAEA,cAAc,cAAc;AAC5B,MAAM,8BAA0B,kCAAS,aAAa;AACtD,wBAAwB,YAAY;",
+  "sourcesContent": ["import React, { useCallback, useMemo } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { useOnBlurOut, type DSHooksUseOBlurOutT } from '@elliemae/ds-hooks-on-blur-out';\nimport { useFloatingContext, FloatingWrapper } from '@elliemae/ds-floating-context';\nimport { DSButtonV2 } from '@elliemae/ds-button-v2';\nimport { SearchXsmall } from '@elliemae/ds-icons';\nimport { styled } from '@elliemae/ds-system';\nimport { type FilterPopoverT, FilterPopoverPropTypesSchema } from './react-desc-prop-types.js';\nimport { FILTER_POPOVER_SLOTS, FilterPopoverName } from './constants/index.js';\n\ninterface ConfigT {\n  onBlur: DSHooksUseOBlurOutT.OnBlurCb;\n}\n\nconst StyledWrapper = styled(Grid, { name: FilterPopoverName, slot: FILTER_POPOVER_SLOTS.ROOT })`\n  cursor: initial;\n`;\nconst StyledButton = styled(DSButtonV2, { name: FilterPopoverName, slot: FILTER_POPOVER_SLOTS.FILTER_ICON_BUTTON })``;\n\nconst FilterPopover: React.ComponentType<FilterPopoverT.Props> = (props) => {\n  const { referenceElement, filterMinWidth, shouldShowFilter, children, FilterIcon } = props;\n  const ref = React.useRef<HTMLButtonElement>(null);\n  const [showPopover, setShowPopover] = React.useState(false);\n\n  const handleEscape = useCallback(() => {\n    setShowPopover(false);\n    ref.current?.focus();\n  }, []);\n\n  const {\n    refs,\n    floatingStyles,\n    context,\n    isOpen: isFloatingOpen,\n  } = useFloatingContext({\n    externallyControlledIsOpen: showPopover,\n    externalReferenceElement: referenceElement,\n    withoutPortal: true,\n    withoutAnimation: true,\n    placement: 'bottom-end',\n    placementOrderPreference: ['bottom-end', 'top-end'],\n    customOffset: [0, 0],\n    closeOnEscape: true,\n    onEscape: handleEscape,\n  });\n\n  const config: ConfigT = useMemo(\n    () => ({\n      onBlur: () => {\n        setShowPopover(false);\n      },\n    }),\n    [],\n  );\n  const handleParentOnBlur = useOnBlurOut(config);\n\n  if (!shouldShowFilter && !showPopover) return null;\n\n  return (\n    <StyledWrapper onBlur={handleParentOnBlur} tabIndex={-1}>\n      <StyledButton\n        buttonType=\"icon\"\n        innerRef={ref}\n        aria-label=\"filter\"\n        size=\"s\"\n        onClick={() => setShowPopover(!showPopover)}\n      >\n        {FilterIcon ? <FilterIcon /> : <SearchXsmall size=\"s\" />}\n      </StyledButton>\n      {referenceElement && (\n        <FloatingWrapper\n          innerRef={refs.setFloating}\n          isOpen={isFloatingOpen}\n          floatingStyles={{\n            ...floatingStyles,\n            minWidth: filterMinWidth ?? referenceElement.offsetWidth ?? '0px',\n          }}\n          context={context}\n        >\n          {children}\n        </FloatingWrapper>\n      )}\n    </StyledWrapper>\n  );\n};\n\nFilterPopover.displayName = 'FilterPopover';\nconst FilterPopoverWithSchema = describe(FilterPopover);\nFilterPopoverWithSchema.propTypes = FilterPopoverPropTypesSchema;\n\nexport { FilterPopover, FilterPopoverWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD4DnB;AA5DJ,mBAA4C;AAC5C,qBAAqB;AACrB,8BAAyB;AACzB,kCAAuD;AACvD,iCAAoD;AACpD,0BAA2B;AAC3B,sBAA6B;AAC7B,uBAAuB;AACvB,mCAAkE;AAClE,uBAAwD;AAMxD,MAAM,oBAAgB,yBAAO,qBAAM,EAAE,MAAM,oCAAmB,MAAM,sCAAqB,KAAK,CAAC;AAAA;AAAA;AAG/F,MAAM,mBAAe,yBAAO,gCAAY,EAAE,MAAM,oCAAmB,MAAM,sCAAqB,mBAAmB,CAAC;AAElH,MAAM,gBAA2D,CAAC,UAAU;AAC1E,QAAM,EAAE,kBAAkB,gBAAgB,kBAAkB,UAAU,WAAW,IAAI;AACrF,QAAM,MAAM,aAAAA,QAAM,OAA0B,IAAI;AAChD,QAAM,CAAC,aAAa,cAAc,IAAI,aAAAA,QAAM,SAAS,KAAK;AAE1D,QAAM,mBAAe,0BAAY,MAAM;AACrC,mBAAe,KAAK;AACpB,QAAI,SAAS,MAAM;AAAA,EACrB,GAAG,CAAC,CAAC;AAEL,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,EACV,QAAI,+CAAmB;AAAA,IACrB,4BAA4B;AAAA,IAC5B,0BAA0B;AAAA,IAC1B,eAAe;AAAA,IACf,kBAAkB;AAAA,IAClB,WAAW;AAAA,IACX,0BAA0B,CAAC,cAAc,SAAS;AAAA,IAClD,cAAc,CAAC,GAAG,CAAC;AAAA,IACnB,eAAe;AAAA,IACf,UAAU;AAAA,EACZ,CAAC;AAED,QAAM,aAAkB;AAAA,IACtB,OAAO;AAAA,MACL,QAAQ,MAAM;AACZ,uBAAe,KAAK;AAAA,MACtB;AAAA,IACF;AAAA,IACA,CAAC;AAAA,EACH;AACA,QAAM,yBAAqB,0CAAa,MAAM;AAE9C,MAAI,CAAC,oBAAoB,CAAC,YAAa,QAAO;AAE9C,SACE,6CAAC,iBAAc,QAAQ,oBAAoB,UAAU,IACnD;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,YAAW;AAAA,QACX,UAAU;AAAA,QACV,cAAW;AAAA,QACX,MAAK;AAAA,QACL,SAAS,MAAM,eAAe,CAAC,WAAW;AAAA,QAEzC,uBAAa,4CAAC,cAAW,IAAK,4CAAC,gCAAa,MAAK,KAAI;AAAA;AAAA,IACxD;AAAA,IACC,oBACC;AAAA,MAAC;AAAA;AAAA,QACC,UAAU,KAAK;AAAA,QACf,QAAQ;AAAA,QACR,gBAAgB;AAAA,UACd,GAAG;AAAA,UACH,UAAU,kBAAkB,iBAAiB,eAAe;AAAA,QAC9D;AAAA,QACA;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,KAEJ;AAEJ;AAEA,cAAc,cAAc;AAC5B,MAAM,8BAA0B,kCAAS,aAAa;AACtD,wBAAwB,YAAY;",
   "names": ["React"]
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/parts/FilterPopover/react-desc-prop-types.ts", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-empty-interface */\n/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\nimport type { XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport { type SvgIconT } from '@elliemae/ds-icons';\nimport type { WeakValidationMap } from 'react';\n\nexport declare namespace FilterPopoverT {\n  export interface RequiredProps {\n    referenceElement: HTMLElement | null;\n    children: React.ReactNode;\n    shouldShowFilter: boolean;\n  }\n\n  export interface FilterPopoverT {}\n\n  export interface DefaultProps {}\n\n  export interface OptionalProps {\n    filterMinWidth?: number;\n    FilterIcon?: React.ComponentType<SvgIconT.Props>;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      // Omit<GlobalAttributesT<HTMLButtonElement>, keyof RequiredProps | keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      // Omit<GlobalAttributesT<HTMLButtonElement>, keyof RequiredProps | keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const FilterPopoverPropTypes: DSPropTypesSchema<FilterPopoverT.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  referenceElement: PropTypes.object.description('Reference element for popover').isRequired,\n  children: PropTypes.node.description('Children for popover').isRequired,\n  shouldShowFilter: PropTypes.bool.description('Show filter or not').isRequired,\n  filterMinWidth: PropTypes.number.description('Filter min width'),\n  FilterIcon: PropTypes.node.description('Filter icon'),\n};\n\nexport const FilterPopoverPropTypesSchema =\n  FilterPopoverPropTypes as unknown as WeakValidationMap<FilterPopoverT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,8BAAuE;AAmChE,MAAM,yBAAkE;AAAA,EAC7E,GAAG;AAAA,EACH,GAAG;AAAA,EACH,kBAAkB,kCAAU,OAAO,YAAY,+BAA+B,EAAE;AAAA,EAChF,UAAU,kCAAU,KAAK,YAAY,sBAAsB,EAAE;AAAA,EAC7D,kBAAkB,kCAAU,KAAK,YAAY,oBAAoB,EAAE;AAAA,EACnE,gBAAgB,kCAAU,OAAO,YAAY,kBAAkB;AAAA,EAC/D,YAAY,kCAAU,KAAK,YAAY,aAAa;AACtD;AAEO,MAAM,+BACX;",
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\nimport type { XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport { type SvgIconT } from '@elliemae/ds-icons';\nimport type { WeakValidationMap } from 'react';\n\nexport declare namespace FilterPopoverT {\n  export interface RequiredProps {\n    referenceElement: HTMLElement | null;\n    children: React.ReactNode;\n    shouldShowFilter: boolean;\n  }\n\n  export interface FilterPopoverT {}\n\n  export interface DefaultProps {}\n\n  export interface OptionalProps {\n    filterMinWidth?: number;\n    FilterIcon?: React.ComponentType<SvgIconT.Props>;\n  }\n\n  export interface Props\n    extends\n      Partial<DefaultProps>,\n      OptionalProps,\n      // Omit<GlobalAttributesT<HTMLButtonElement>, keyof RequiredProps | keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends\n      DefaultProps,\n      OptionalProps,\n      // Omit<GlobalAttributesT<HTMLButtonElement>, keyof RequiredProps | keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const FilterPopoverPropTypes: DSPropTypesSchema<FilterPopoverT.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  referenceElement: PropTypes.object.description('Reference element for popover').isRequired,\n  children: PropTypes.node.description('Children for popover').isRequired,\n  shouldShowFilter: PropTypes.bool.description('Show filter or not').isRequired,\n  filterMinWidth: PropTypes.number.description('Filter min width'),\n  FilterIcon: PropTypes.node.description('Filter icon'),\n};\n\nexport const FilterPopoverPropTypesSchema =\n  FilterPopoverPropTypes as unknown as WeakValidationMap<FilterPopoverT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,8BAAuE;AAqChE,MAAM,yBAAkE;AAAA,EAC7E,GAAG;AAAA,EACH,GAAG;AAAA,EACH,kBAAkB,kCAAU,OAAO,YAAY,+BAA+B,EAAE;AAAA,EAChF,UAAU,kCAAU,KAAK,YAAY,sBAAsB,EAAE;AAAA,EAC7D,kBAAkB,kCAAU,KAAK,YAAY,oBAAoB,EAAE;AAAA,EACnE,gBAAgB,kCAAU,OAAO,YAAY,kBAAkB;AAAA,EAC/D,YAAY,kCAAU,KAAK,YAAY,aAAa;AACtD;AAEO,MAAM,+BACX;",
   "names": []
 }

package/dist/cjs/parts/MultiSelectFilter/MultiSelectFilter.js

@@ -37,7 +37,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_grid = require("@elliemae/ds-grid");
 var import_ds_system = require("@elliemae/ds-system");
-var import_ds_form_combobox = require("@elliemae/ds-form-combobox");
+var import_ds_form_multi_combobox = require("@elliemae/ds-form-multi-combobox");
 var import_react_desc_prop_types = require("./react-desc-prop-types.js");
 var import_constants = require("./constants/index.js");
 const StyledWrapper = (0, import_ds_system.styled)(import_ds_grid.Grid, {
@@ -46,7 +46,16 @@ const StyledWrapper = (0, import_ds_system.styled)(import_ds_grid.Grid, {
 })``;
 const MultiSelectFilter = (props) => {
   const { filterValue, onValueChange, options } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form_combobox.DSComboBox, { inline: true, autoFocus: true, onChange: onValueChange, selectedValues: filterValue, allOptions: options }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_ds_form_multi_combobox.DSMultiComboBox,
+    {
+      inline: true,
+      autoFocus: true,
+      onChange: onValueChange,
+      selectedValues: filterValue ?? [],
+      allOptions: options
+    }
+  ) });
 };
 MultiSelectFilter.displayName = "MultiSelectFilter";
 const MultiSelectFilterWithSchema = (0, import_ds_props_helpers.describe)(MultiSelectFilter);

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/parts/MultiSelectFilter/MultiSelectFilter.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { Grid } from '@elliemae/ds-grid';\nimport { styled } from '@elliemae/ds-system';\nimport { DSComboBox } from '@elliemae/ds-form-combobox';\nimport { type MultiSelectFilterT, MultiSelectFilterPropTypesSchema } from './react-desc-prop-types.js';\nimport { MULTI_SELECT_FILTER_SLOTS, MultiSelectFilterName } from './constants/index.js';\n\nconst StyledWrapper = styled(Grid, {\n  name: MultiSelectFilterName,\n  slot: MULTI_SELECT_FILTER_SLOTS.ROOT,\n})``;\n\nconst MultiSelectFilter: React.ComponentType<MultiSelectFilterT.Props> = (props) => {\n  const { filterValue, onValueChange, options } = props;\n\n  return (\n    <StyledWrapper>\n      <DSComboBox inline autoFocus onChange={onValueChange} selectedValues={filterValue} allOptions={options} />\n    </StyledWrapper>\n  );\n};\n\nMultiSelectFilter.displayName = 'MultiSelectFilter';\nconst MultiSelectFilterWithSchema = describe(MultiSelectFilter);\nMultiSelectFilterWithSchema.propTypes = MultiSelectFilterPropTypesSchema;\n\nexport { MultiSelectFilter, MultiSelectFilterWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkBjB;AAjBN,8BAAyB;AACzB,qBAAqB;AACrB,uBAAuB;AACvB,8BAA2B;AAC3B,mCAA0E;AAC1E,uBAAiE;AAEjE,MAAM,oBAAgB,yBAAO,qBAAM;AAAA,EACjC,MAAM;AAAA,EACN,MAAM,2CAA0B;AAClC,CAAC;AAED,MAAM,oBAAmE,CAAC,UAAU;AAClF,QAAM,EAAE,aAAa,eAAe,QAAQ,IAAI;AAEhD,SACE,4CAAC,iBACC,sDAAC,sCAAW,QAAM,MAAC,WAAS,MAAC,UAAU,eAAe,gBAAgB,aAAa,YAAY,SAAS,GAC1G;AAEJ;AAEA,kBAAkB,cAAc;AAChC,MAAM,kCAA8B,kCAAS,iBAAiB;AAC9D,4BAA4B,YAAY;",
+  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { Grid } from '@elliemae/ds-grid';\nimport { styled } from '@elliemae/ds-system';\nimport { DSMultiComboBox } from '@elliemae/ds-form-multi-combobox';\nimport { type MultiSelectFilterT, MultiSelectFilterPropTypesSchema } from './react-desc-prop-types.js';\nimport { MULTI_SELECT_FILTER_SLOTS, MultiSelectFilterName } from './constants/index.js';\n\nconst StyledWrapper = styled(Grid, {\n  name: MultiSelectFilterName,\n  slot: MULTI_SELECT_FILTER_SLOTS.ROOT,\n})``;\n\nconst MultiSelectFilter: React.ComponentType<MultiSelectFilterT.Props> = (props) => {\n  const { filterValue, onValueChange, options } = props;\n\n  return (\n    <StyledWrapper>\n      <DSMultiComboBox\n        inline\n        autoFocus\n        onChange={onValueChange}\n        selectedValues={filterValue ?? []}\n        allOptions={options}\n      />\n    </StyledWrapper>\n  );\n};\n\nMultiSelectFilter.displayName = 'MultiSelectFilter';\nconst MultiSelectFilterWithSchema = describe(MultiSelectFilter);\nMultiSelectFilterWithSchema.propTypes = MultiSelectFilterPropTypesSchema;\n\nexport { MultiSelectFilter, MultiSelectFilterWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkBjB;AAjBN,8BAAyB;AACzB,qBAAqB;AACrB,uBAAuB;AACvB,oCAAgC;AAChC,mCAA0E;AAC1E,uBAAiE;AAEjE,MAAM,oBAAgB,yBAAO,qBAAM;AAAA,EACjC,MAAM;AAAA,EACN,MAAM,2CAA0B;AAClC,CAAC;AAED,MAAM,oBAAmE,CAAC,UAAU;AAClF,QAAM,EAAE,aAAa,eAAe,QAAQ,IAAI;AAEhD,SACE,4CAAC,iBACC;AAAA,IAAC;AAAA;AAAA,MACC,QAAM;AAAA,MACN,WAAS;AAAA,MACT,UAAU;AAAA,MACV,gBAAgB,eAAe,CAAC;AAAA,MAChC,YAAY;AAAA;AAAA,EACd,GACF;AAEJ;AAEA,kBAAkB,cAAc;AAChC,MAAM,kCAA8B,kCAAS,iBAAiB;AAC9D,4BAA4B,YAAY;",
   "names": []
 }

package/dist/cjs/parts/MultiSelectFilter/multiSelectFilterFn.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/parts/MultiSelectFilter/multiSelectFilterFn.ts", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { type DSComboboxT } from '@elliemae/ds-form-combobox';\n\nexport const multiSelectFilterFn = (\n  datum: Record<string, unknown>,\n  filterValue: DSComboboxT.ItemOption[] | null,\n  filterKey: string,\n) => {\n  if (filterValue === null) return true;\n  if (filterValue.length === 0) return true;\n  return filterValue.some((position) => position.label === datum[filterKey]);\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["import { type DSComboboxMultiT } from '@elliemae/ds-form-multi-combobox';\n\nexport const multiSelectFilterFn = (\n  datum: Record<string, unknown>,\n  filterValue: DSComboboxMultiT.SelectionableOptions[] | null,\n  filterKey: string,\n) => {\n  if (filterValue === null) return true;\n  if (filterValue.length === 0) return true;\n  return filterValue.some((position) => position.label === datum[filterKey]);\n};\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEhB,MAAM,sBAAsB,CACjC,OACA,aACA,cACG;AACH,MAAI,gBAAgB,KAAM,QAAO;AACjC,MAAI,YAAY,WAAW,EAAG,QAAO;AACrC,SAAO,YAAY,KAAK,CAAC,aAAa,SAAS,UAAU,MAAM,SAAS,CAAC;AAC3E;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/parts/MultiSelectFilter/react-desc-prop-types.ts", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-empty-interface */\n/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport { type DSComboboxT } from '@elliemae/ds-form-combobox';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { WeakValidationMap } from 'react';\n\nexport declare namespace MultiSelectFilterT {\n  export interface RequiredProps {\n    filterValue: DSComboboxT.ItemOption[] | null;\n    onValueChange: (value: DSComboboxT.SelectedOptionsT) => void;\n    options: DSComboboxT.ItemOption[];\n  }\n\n  export interface DefaultProps {}\n\n  export interface OptionalProps {}\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface MultiSelectPillProps {\n    columnHeader: string;\n    innerRef?: TypescriptHelpersT.AnyRef<HTMLElement>;\n    value: DSComboboxT.ItemOption[];\n    onRemove: (\n      e: React.KeyboardEvent<Element> | React.MouseEvent<Element, MouseEvent>,\n      { columnHeader, value }: { columnHeader: string; value: string },\n    ) => void;\n  }\n}\n\nexport const MultiSelectFilterPropTypes: DSPropTypesSchema<MultiSelectFilterT.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  filterValue: PropTypes.object.description('Multi Combobox selected value').isRequired,\n  onValueChange: PropTypes.func.description('Multi Combobox on change event').isRequired,\n  options: PropTypes.array.description('Multi Combobox options').isRequired,\n};\n\nexport const MultiSelectFilterPropTypesSchema =\n  MultiSelectFilterPropTypes as unknown as WeakValidationMap<MultiSelectFilterT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,8BAAuE;AAyChE,MAAM,6BAA0E;AAAA,EACrF,GAAG;AAAA,EACH,GAAG;AAAA,EACH,aAAa,kCAAU,OAAO,YAAY,+BAA+B,EAAE;AAAA,EAC3E,eAAe,kCAAU,KAAK,YAAY,gCAAgC,EAAE;AAAA,EAC5E,SAAS,kCAAU,MAAM,YAAY,wBAAwB,EAAE;AACjE;AAEO,MAAM,mCACX;",
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\nimport { type DSComboboxMultiT } from '@elliemae/ds-form-multi-combobox';\nimport type { DSPropTypesSchema, GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { WeakValidationMap } from 'react';\n\nexport declare namespace MultiSelectFilterT {\n  export interface RequiredProps {\n    filterValue: DSComboboxMultiT.SelectionableOptions[] | null;\n    onValueChange: DSComboboxMultiT.RequiredProps['onChange'];\n    options: DSComboboxMultiT.ItemOption[];\n  }\n\n  export interface DefaultProps {}\n\n  export interface OptionalProps {}\n\n  export interface Props\n    extends\n      Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends\n      DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface MultiSelectPillProps {\n    columnHeader: string;\n    innerRef?: TypescriptHelpersT.AnyRef<HTMLElement>;\n    value: DSComboboxMultiT.SelectionableOptions[];\n    onRemove: (\n      e: React.KeyboardEvent<Element> | React.MouseEvent<Element, MouseEvent>,\n      { columnHeader, value }: { columnHeader: string; value: DSComboboxMultiT.SelectionableOptions[] },\n    ) => void;\n  }\n}\n\nexport const MultiSelectFilterPropTypes: DSPropTypesSchema<MultiSelectFilterT.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  filterValue: PropTypes.object.description('Multi Combobox selected value').isRequired,\n  onValueChange: PropTypes.func.description('Multi Combobox on change event').isRequired,\n  options: PropTypes.array.description('Multi Combobox options').isRequired,\n};\n\nexport const MultiSelectFilterPropTypesSchema =\n  MultiSelectFilterPropTypes as unknown as WeakValidationMap<MultiSelectFilterT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,8BAAuE;AA0ChE,MAAM,6BAA0E;AAAA,EACrF,GAAG;AAAA,EACH,GAAG;AAAA,EACH,aAAa,kCAAU,OAAO,YAAY,+BAA+B,EAAE;AAAA,EAC3E,eAAe,kCAAU,KAAK,YAAY,gCAAgC,EAAE;AAAA,EAC5E,SAAS,kCAAU,MAAM,YAAY,wBAAwB,EAAE;AACjE;AAEO,MAAM,mCACX;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/parts/NumberRangeFilter/react-desc-prop-types.ts", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-empty-interface */\n/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport type { WeakValidationMap } from 'react';\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nexport declare namespace NumberRangeFilterT {\n  export interface RequiredProps {\n    filterValue: {\n      from: number | null;\n      to: number | null;\n    } | null;\n    onValueChange: (value: { from: number | null; to: number | null }) => void;\n  }\n\n  interface RangeFilterProps {}\n\n  export interface DefaultProps {}\n\n  export interface OptionalProps {}\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface NumberRangePillProps {\n    columnHeader: string;\n    innerRef?: TypescriptHelpersT.AnyRef<HTMLElement>;\n    value: {\n      from: number | null;\n      to: number | null;\n    };\n    onRemove: (\n      e: React.KeyboardEvent<Element> | React.MouseEvent<Element, MouseEvent>,\n      { columnHeader, value }: { columnHeader: string; value: { from: number | null; to: number | null } },\n    ) => void;\n  }\n}\n\nexport const NumberRangeFilterPropTypes: DSPropTypesSchema<NumberRangeFilterT.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  filterValue: PropTypes.object.description('the current values of the filter').isRequired,\n  onValueChange: PropTypes.func.description('callback to be called when any value changes').isRequired,\n};\n\nexport const NumberRangeFilterPropTypesSchema =\n  NumberRangeFilterPropTypes as unknown as WeakValidationMap<NumberRangeFilterT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,8BAAuE;AA8ChE,MAAM,6BAA0E;AAAA,EACrF,GAAG;AAAA,EACH,GAAG;AAAA,EACH,aAAa,kCAAU,OAAO,YAAY,kCAAkC,EAAE;AAAA,EAC9E,eAAe,kCAAU,KAAK,YAAY,8CAA8C,EAAE;AAC5F;AAEO,MAAM,mCACX;",
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport type { WeakValidationMap } from 'react';\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nexport declare namespace NumberRangeFilterT {\n  export interface RequiredProps {\n    filterValue: {\n      from: number | null;\n      to: number | null;\n    } | null;\n    onValueChange: (value: { from: number | null; to: number | null }) => void;\n  }\n\n  interface RangeFilterProps {}\n\n  export interface DefaultProps {}\n\n  export interface OptionalProps {}\n\n  export interface Props\n    extends\n      Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends\n      DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface NumberRangePillProps {\n    columnHeader: string;\n    innerRef?: TypescriptHelpersT.AnyRef<HTMLElement>;\n    value: {\n      from: number | null;\n      to: number | null;\n    };\n    onRemove: (\n      e: React.KeyboardEvent<Element> | React.MouseEvent<Element, MouseEvent>,\n      { columnHeader, value }: { columnHeader: string; value: { from: number | null; to: number | null } },\n    ) => void;\n  }\n}\n\nexport const NumberRangeFilterPropTypes: DSPropTypesSchema<NumberRangeFilterT.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  filterValue: PropTypes.object.description('the current values of the filter').isRequired,\n  onValueChange: PropTypes.func.description('callback to be called when any value changes').isRequired,\n};\n\nexport const NumberRangeFilterPropTypesSchema =\n  NumberRangeFilterPropTypes as unknown as WeakValidationMap<NumberRangeFilterT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,8BAAuE;AAgDhE,MAAM,6BAA0E;AAAA,EACrF,GAAG;AAAA,EACH,GAAG;AAAA,EACH,aAAa,kCAAU,OAAO,YAAY,kCAAkC,EAAE;AAAA,EAC9E,eAAe,kCAAU,KAAK,YAAY,8CAA8C,EAAE;AAC5F;AAEO,MAAM,mCACX;",
   "names": []
 }

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

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

package/dist/cjs/parts/SingleSelectFilter/SingleSelectFilter.js

@@ -36,11 +36,11 @@ var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_grid = require("@elliemae/ds-grid");
-var import_ds_form_combobox = require("@elliemae/ds-form-combobox");
+var import_ds_form_single_combobox = require("@elliemae/ds-form-single-combobox");
 var import_react_desc_prop_types = require("./react-desc-prop-types.js");
 const SingleSelectFilter = (props) => {
   const { filterValue, onValueChange, options } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form_combobox.DSComboBox, { inline: true, autoFocus: true, onChange: onValueChange, selectedValues: filterValue, allOptions: options }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form_single_combobox.DSSingleComboBox, { inline: true, autoFocus: true, onChange: onValueChange, selectedValue: filterValue, allOptions: options }) });
 };
 SingleSelectFilter.displayName = "SingleSelectFilter";
 const SingleSelectFilterWithSchema = (0, import_ds_props_helpers.describe)(SingleSelectFilter);

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/parts/SingleSelectFilter/SingleSelectFilter.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSComboBox } from '@elliemae/ds-form-combobox';\nimport { type SingleSelectFilterT, SingleSelectFilterPropTypesSchema } from './react-desc-prop-types.js';\n\nconst SingleSelectFilter: React.ComponentType<SingleSelectFilterT.Props> = (props) => {\n  const { filterValue, onValueChange, options } = props;\n\n  return (\n    <Grid>\n      <DSComboBox inline autoFocus onChange={onValueChange} selectedValues={filterValue} allOptions={options} />\n    </Grid>\n  );\n};\n\nSingleSelectFilter.displayName = 'SingleSelectFilter';\nconst SingleSelectFilterWithSchema = describe(SingleSelectFilter);\nSingleSelectFilterWithSchema.propTypes = SingleSelectFilterPropTypesSchema;\n\nexport { SingleSelectFilter, SingleSelectFilterWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADWjB;AAVN,8BAAyB;AACzB,qBAAqB;AACrB,8BAA2B;AAC3B,mCAA4E;AAE5E,MAAM,qBAAqE,CAAC,UAAU;AACpF,QAAM,EAAE,aAAa,eAAe,QAAQ,IAAI;AAEhD,SACE,4CAAC,uBACC,sDAAC,sCAAW,QAAM,MAAC,WAAS,MAAC,UAAU,eAAe,gBAAgB,aAAa,YAAY,SAAS,GAC1G;AAEJ;AAEA,mBAAmB,cAAc;AACjC,MAAM,mCAA+B,kCAAS,kBAAkB;AAChE,6BAA6B,YAAY;",
+  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSSingleComboBox } from '@elliemae/ds-form-single-combobox';\nimport { type SingleSelectFilterT, SingleSelectFilterPropTypesSchema } from './react-desc-prop-types.js';\n\nconst SingleSelectFilter: React.ComponentType<SingleSelectFilterT.Props> = (props) => {\n  const { filterValue, onValueChange, options } = props;\n\n  return (\n    <Grid>\n      <DSSingleComboBox inline autoFocus onChange={onValueChange} selectedValue={filterValue} allOptions={options} />\n    </Grid>\n  );\n};\n\nSingleSelectFilter.displayName = 'SingleSelectFilter';\nconst SingleSelectFilterWithSchema = describe(SingleSelectFilter);\nSingleSelectFilterWithSchema.propTypes = SingleSelectFilterPropTypesSchema;\n\nexport { SingleSelectFilter, SingleSelectFilterWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADWjB;AAVN,8BAAyB;AACzB,qBAAqB;AACrB,qCAAiC;AACjC,mCAA4E;AAE5E,MAAM,qBAAqE,CAAC,UAAU;AACpF,QAAM,EAAE,aAAa,eAAe,QAAQ,IAAI;AAEhD,SACE,4CAAC,uBACC,sDAAC,mDAAiB,QAAM,MAAC,WAAS,MAAC,UAAU,eAAe,eAAe,aAAa,YAAY,SAAS,GAC/G;AAEJ;AAEA,mBAAmB,cAAc;AACjC,MAAM,mCAA+B,kCAAS,kBAAkB;AAChE,6BAA6B,YAAY;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/parts/SingleSelectFilter/react-desc-prop-types.ts", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-empty-interface */\n/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport { type DSComboboxT } from '@elliemae/ds-form-combobox';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { WeakValidationMap } from 'react';\n\nexport declare namespace SingleSelectFilterT {\n  export interface RequiredProps {\n    filterValue: DSComboboxT.ItemOption | null;\n    onValueChange: (value: DSComboboxT.SelectedOptionsT) => void;\n    options: DSComboboxT.ItemOption[];\n  }\n\n  export interface DefaultProps {}\n\n  export interface OptionalProps {}\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface SingleSelectPillProps {\n    innerRef?: TypescriptHelpersT.AnyRef<HTMLElement>;\n    columnHeader: string;\n    value: DSComboboxT.ItemOption | null;\n    onRemove: (\n      e: React.KeyboardEvent<Element> | React.MouseEvent<Element, MouseEvent>,\n      { columnHeader, value }: { columnHeader: string; value: DSComboboxT.ItemOption | null },\n    ) => void;\n  }\n}\n\nexport const SingleSelectFilterPropTypes: DSPropTypesSchema<SingleSelectFilterT.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  filterValue: PropTypes.object.description('Single Combobox selected value').isRequired,\n  onValueChange: PropTypes.func.description('Single Combobox on change event').isRequired,\n  options: PropTypes.array.description('Single Combobox options').isRequired,\n};\n\nexport const SingleSelectFilterPropTypesSchema =\n  SingleSelectFilterPropTypes as unknown as WeakValidationMap<SingleSelectFilterT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,8BAAuE;AAyChE,MAAM,8BAA4E;AAAA,EACvF,GAAG;AAAA,EACH,GAAG;AAAA,EACH,aAAa,kCAAU,OAAO,YAAY,gCAAgC,EAAE;AAAA,EAC5E,eAAe,kCAAU,KAAK,YAAY,iCAAiC,EAAE;AAAA,EAC7E,SAAS,kCAAU,MAAM,YAAY,yBAAyB,EAAE;AAClE;AAEO,MAAM,oCACX;",
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\nimport { type DSComboboxSingleT } from '@elliemae/ds-form-single-combobox';\nimport type { DSPropTypesSchema, GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { WeakValidationMap } from 'react';\n\nexport declare namespace SingleSelectFilterT {\n  export interface RequiredProps {\n    filterValue: DSComboboxSingleT.SelectionableOptions | null;\n    onValueChange: DSComboboxSingleT.RequiredProps['onChange'];\n    options: DSComboboxSingleT.ItemOption[];\n  }\n\n  export interface DefaultProps {}\n\n  export interface OptionalProps {}\n\n  export interface Props\n    extends\n      Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends\n      DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface SingleSelectPillProps {\n    innerRef?: TypescriptHelpersT.AnyRef<HTMLElement>;\n    columnHeader: string;\n    value: DSComboboxSingleT.SelectionableOptions | null;\n    onRemove: (\n      e: React.KeyboardEvent<Element> | React.MouseEvent<Element, MouseEvent>,\n      { columnHeader, value }: { columnHeader: string; value: DSComboboxSingleT.SelectionableOptions | null },\n    ) => void;\n  }\n}\n\nexport const SingleSelectFilterPropTypes: DSPropTypesSchema<SingleSelectFilterT.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  filterValue: PropTypes.object.description('Single Combobox selected value').isRequired,\n  onValueChange: PropTypes.func.description('Single Combobox on change event').isRequired,\n  options: PropTypes.array.description('Single Combobox options').isRequired,\n};\n\nexport const SingleSelectFilterPropTypesSchema =\n  SingleSelectFilterPropTypes as unknown as WeakValidationMap<SingleSelectFilterT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,8BAAuE;AA0ChE,MAAM,8BAA4E;AAAA,EACvF,GAAG;AAAA,EACH,GAAG;AAAA,EACH,aAAa,kCAAU,OAAO,YAAY,gCAAgC,EAAE;AAAA,EAC5E,eAAe,kCAAU,KAAK,YAAY,iCAAiC,EAAE;AAAA,EAC7E,SAAS,kCAAU,MAAM,YAAY,yBAAyB,EAAE;AAClE;AAEO,MAAM,oCACX;",
   "names": []
 }

package/dist/cjs/parts/SingleSelectFilter/singleSelectFilterFn.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/parts/SingleSelectFilter/singleSelectFilterFn.ts", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { type DSComboboxT } from '@elliemae/ds-form-combobox';\n\nexport const singleSelectFilterFn = (\n  datum: Record<string, unknown>,\n  filterValue: DSComboboxT.ItemOption | null,\n  filterKey: string,\n) => filterValue === null || datum[filterKey] === filterValue?.value;\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["import { type DSComboboxSingleT } from '@elliemae/ds-form-single-combobox';\n\nexport const singleSelectFilterFn = (\n  datum: Record<string, unknown>,\n  filterValue: DSComboboxSingleT.SelectionableOptions | null,\n  filterKey: string,\n) => filterValue === null || datum[filterKey] === filterValue?.value;\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEhB,MAAM,uBAAuB,CAClC,OACA,aACA,cACG,gBAAgB,QAAQ,MAAM,SAAS,MAAM,aAAa;",
   "names": []
 }

package/dist/esm/package.json

@@ -3,8 +3,5 @@
   "sideEffects": [
     "*.css",
     "*.scss"
-  ],
-  "publishConfig": {
-    "access": "public"
-  }
+  ]
 }

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

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

package/dist/esm/parts/FilterPopover/FilterPopover.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import React2, { useCallback, useEffect, useMemo } from "react";
+import React2, { useCallback, useMemo } from "react";
 import { Grid } from "@elliemae/ds-grid";
 import { describe } from "@elliemae/ds-props-helpers";
 import { useOnBlurOut } from "@elliemae/ds-hooks-on-blur-out";
@@ -18,6 +18,10 @@ const FilterPopover = (props) => {
   const { referenceElement, filterMinWidth, shouldShowFilter, children, FilterIcon } = props;
   const ref = React2.useRef(null);
   const [showPopover, setShowPopover] = React2.useState(false);
+  const handleEscape = useCallback(() => {
+    setShowPopover(false);
+    ref.current?.focus();
+  }, []);
   const {
     refs,
     floatingStyles,
@@ -25,24 +29,15 @@ const FilterPopover = (props) => {
     isOpen: isFloatingOpen
   } = useFloatingContext({
     externallyControlledIsOpen: showPopover,
+    externalReferenceElement: referenceElement,
     withoutPortal: true,
     withoutAnimation: true,
     placement: "bottom-end",
     placementOrderPreference: ["bottom-end", "top-end"],
-    customOffset: [0, 0]
+    customOffset: [0, 0],
+    closeOnEscape: true,
+    onEscape: handleEscape
   });
-  useEffect(() => {
-    if (referenceElement) refs.setReference(referenceElement);
-  }, [referenceElement, refs]);
-  const handleOnKeyDown = useCallback(
-    (e) => {
-      if (e.key === "Escape") {
-        setShowPopover(false);
-        ref.current?.focus();
-      }
-    },
-    [ref]
-  );
   const config = useMemo(
     () => ({
       onBlur: () => {
@@ -75,7 +70,6 @@ const FilterPopover = (props) => {
           minWidth: filterMinWidth ?? referenceElement.offsetWidth ?? "0px"
         },
         context,
-        onKeyDown: handleOnKeyDown,
         children
       }
     )

package/dist/esm/parts/FilterPopover/FilterPopover.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/FilterPopover/FilterPopover.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback, useEffect, useMemo } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { useOnBlurOut, type DSHooksUseOBlurOutT } from '@elliemae/ds-hooks-on-blur-out';\nimport { useFloatingContext, FloatingWrapper } from '@elliemae/ds-floating-context';\nimport { DSButtonV2 } from '@elliemae/ds-button-v2';\nimport { SearchXsmall } from '@elliemae/ds-icons';\nimport { styled } from '@elliemae/ds-system';\nimport { type FilterPopoverT, FilterPopoverPropTypesSchema } from './react-desc-prop-types.js';\nimport { FILTER_POPOVER_SLOTS, FilterPopoverName } from './constants/index.js';\n\ninterface ConfigT {\n  onBlur: DSHooksUseOBlurOutT.OnBlurCb;\n}\n\nconst StyledWrapper = styled(Grid, { name: FilterPopoverName, slot: FILTER_POPOVER_SLOTS.ROOT })`\n  cursor: initial;\n`;\nconst StyledButton = styled(DSButtonV2, { name: FilterPopoverName, slot: FILTER_POPOVER_SLOTS.FILTER_ICON_BUTTON })``;\n\nconst FilterPopover: React.ComponentType<FilterPopoverT.Props> = (props) => {\n  const { referenceElement, filterMinWidth, shouldShowFilter, children, FilterIcon } = props;\n  const ref = React.useRef<HTMLButtonElement>(null);\n  const [showPopover, setShowPopover] = React.useState(false);\n\n  const {\n    refs,\n    floatingStyles,\n    context,\n    isOpen: isFloatingOpen,\n  } = useFloatingContext({\n    externallyControlledIsOpen: showPopover,\n    withoutPortal: true,\n    withoutAnimation: true,\n    placement: 'bottom-end',\n    placementOrderPreference: ['bottom-end', 'top-end'],\n    customOffset: [0, 0],\n  });\n\n  useEffect(() => {\n    if (referenceElement) refs.setReference(referenceElement);\n  }, [referenceElement, refs]);\n\n  const handleOnKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        setShowPopover(false);\n        ref.current?.focus();\n      }\n    },\n    [ref],\n  );\n\n  const config: ConfigT = useMemo(\n    () => ({\n      onBlur: () => {\n        setShowPopover(false);\n      },\n    }),\n    [],\n  );\n  const handleParentOnBlur = useOnBlurOut(config);\n\n  if (!shouldShowFilter && !showPopover) return null;\n\n  return (\n    <StyledWrapper onBlur={handleParentOnBlur} tabIndex={-1}>\n      <StyledButton\n        buttonType=\"icon\"\n        innerRef={ref}\n        aria-label=\"filter\"\n        size=\"s\"\n        onClick={() => setShowPopover(!showPopover)}\n      >\n        {FilterIcon ? <FilterIcon /> : <SearchXsmall size=\"s\" />}\n      </StyledButton>\n      {referenceElement && (\n        <FloatingWrapper\n          innerRef={refs.setFloating}\n          isOpen={isFloatingOpen}\n          floatingStyles={{\n            ...floatingStyles,\n            minWidth: filterMinWidth ?? referenceElement.offsetWidth ?? '0px',\n          }}\n          context={context}\n          onKeyDown={handleOnKeyDown}\n        >\n          {children}\n        </FloatingWrapper>\n      )}\n    </StyledWrapper>\n  );\n};\n\nFilterPopover.displayName = 'FilterPopover';\nconst FilterPopoverWithSchema = describe(FilterPopover);\nFilterPopoverWithSchema.propTypes = FilterPopoverPropTypesSchema;\n\nexport { FilterPopover, FilterPopoverWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACkEnB,SAQkB,KARlB;AAlEJ,OAAOA,UAAS,aAAa,WAAW,eAAe;AACvD,SAAS,YAAY;AACrB,SAAS,gBAAgB;AACzB,SAAS,oBAA8C;AACvD,SAAS,oBAAoB,uBAAuB;AACpD,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AACvB,SAA8B,oCAAoC;AAClE,SAAS,sBAAsB,yBAAyB;AAMxD,MAAM,gBAAgB,OAAO,MAAM,EAAE,MAAM,mBAAmB,MAAM,qBAAqB,KAAK,CAAC;AAAA;AAAA;AAG/F,MAAM,eAAe,OAAO,YAAY,EAAE,MAAM,mBAAmB,MAAM,qBAAqB,mBAAmB,CAAC;AAElH,MAAM,gBAA2D,CAAC,UAAU;AAC1E,QAAM,EAAE,kBAAkB,gBAAgB,kBAAkB,UAAU,WAAW,IAAI;AACrF,QAAM,MAAMA,OAAM,OAA0B,IAAI;AAChD,QAAM,CAAC,aAAa,cAAc,IAAIA,OAAM,SAAS,KAAK;AAE1D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,EACV,IAAI,mBAAmB;AAAA,IACrB,4BAA4B;AAAA,IAC5B,eAAe;AAAA,IACf,kBAAkB;AAAA,IAClB,WAAW;AAAA,IACX,0BAA0B,CAAC,cAAc,SAAS;AAAA,IAClD,cAAc,CAAC,GAAG,CAAC;AAAA,EACrB,CAAC;AAED,YAAU,MAAM;AACd,QAAI,iBAAkB,MAAK,aAAa,gBAAgB;AAAA,EAC1D,GAAG,CAAC,kBAAkB,IAAI,CAAC;AAE3B,QAAM,kBAAkB;AAAA,IACtB,CAAC,MAA2B;AAC1B,UAAI,EAAE,QAAQ,UAAU;AACtB,uBAAe,KAAK;AACpB,YAAI,SAAS,MAAM;AAAA,MACrB;AAAA,IACF;AAAA,IACA,CAAC,GAAG;AAAA,EACN;AAEA,QAAM,SAAkB;AAAA,IACtB,OAAO;AAAA,MACL,QAAQ,MAAM;AACZ,uBAAe,KAAK;AAAA,MACtB;AAAA,IACF;AAAA,IACA,CAAC;AAAA,EACH;AACA,QAAM,qBAAqB,aAAa,MAAM;AAE9C,MAAI,CAAC,oBAAoB,CAAC,YAAa,QAAO;AAE9C,SACE,qBAAC,iBAAc,QAAQ,oBAAoB,UAAU,IACnD;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,YAAW;AAAA,QACX,UAAU;AAAA,QACV,cAAW;AAAA,QACX,MAAK;AAAA,QACL,SAAS,MAAM,eAAe,CAAC,WAAW;AAAA,QAEzC,uBAAa,oBAAC,cAAW,IAAK,oBAAC,gBAAa,MAAK,KAAI;AAAA;AAAA,IACxD;AAAA,IACC,oBACC;AAAA,MAAC;AAAA;AAAA,QACC,UAAU,KAAK;AAAA,QACf,QAAQ;AAAA,QACR,gBAAgB;AAAA,UACd,GAAG;AAAA,UACH,UAAU,kBAAkB,iBAAiB,eAAe;AAAA,QAC9D;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QAEV;AAAA;AAAA,IACH;AAAA,KAEJ;AAEJ;AAEA,cAAc,cAAc;AAC5B,MAAM,0BAA0B,SAAS,aAAa;AACtD,wBAAwB,YAAY;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback, useMemo } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { useOnBlurOut, type DSHooksUseOBlurOutT } from '@elliemae/ds-hooks-on-blur-out';\nimport { useFloatingContext, FloatingWrapper } from '@elliemae/ds-floating-context';\nimport { DSButtonV2 } from '@elliemae/ds-button-v2';\nimport { SearchXsmall } from '@elliemae/ds-icons';\nimport { styled } from '@elliemae/ds-system';\nimport { type FilterPopoverT, FilterPopoverPropTypesSchema } from './react-desc-prop-types.js';\nimport { FILTER_POPOVER_SLOTS, FilterPopoverName } from './constants/index.js';\n\ninterface ConfigT {\n  onBlur: DSHooksUseOBlurOutT.OnBlurCb;\n}\n\nconst StyledWrapper = styled(Grid, { name: FilterPopoverName, slot: FILTER_POPOVER_SLOTS.ROOT })`\n  cursor: initial;\n`;\nconst StyledButton = styled(DSButtonV2, { name: FilterPopoverName, slot: FILTER_POPOVER_SLOTS.FILTER_ICON_BUTTON })``;\n\nconst FilterPopover: React.ComponentType<FilterPopoverT.Props> = (props) => {\n  const { referenceElement, filterMinWidth, shouldShowFilter, children, FilterIcon } = props;\n  const ref = React.useRef<HTMLButtonElement>(null);\n  const [showPopover, setShowPopover] = React.useState(false);\n\n  const handleEscape = useCallback(() => {\n    setShowPopover(false);\n    ref.current?.focus();\n  }, []);\n\n  const {\n    refs,\n    floatingStyles,\n    context,\n    isOpen: isFloatingOpen,\n  } = useFloatingContext({\n    externallyControlledIsOpen: showPopover,\n    externalReferenceElement: referenceElement,\n    withoutPortal: true,\n    withoutAnimation: true,\n    placement: 'bottom-end',\n    placementOrderPreference: ['bottom-end', 'top-end'],\n    customOffset: [0, 0],\n    closeOnEscape: true,\n    onEscape: handleEscape,\n  });\n\n  const config: ConfigT = useMemo(\n    () => ({\n      onBlur: () => {\n        setShowPopover(false);\n      },\n    }),\n    [],\n  );\n  const handleParentOnBlur = useOnBlurOut(config);\n\n  if (!shouldShowFilter && !showPopover) return null;\n\n  return (\n    <StyledWrapper onBlur={handleParentOnBlur} tabIndex={-1}>\n      <StyledButton\n        buttonType=\"icon\"\n        innerRef={ref}\n        aria-label=\"filter\"\n        size=\"s\"\n        onClick={() => setShowPopover(!showPopover)}\n      >\n        {FilterIcon ? <FilterIcon /> : <SearchXsmall size=\"s\" />}\n      </StyledButton>\n      {referenceElement && (\n        <FloatingWrapper\n          innerRef={refs.setFloating}\n          isOpen={isFloatingOpen}\n          floatingStyles={{\n            ...floatingStyles,\n            minWidth: filterMinWidth ?? referenceElement.offsetWidth ?? '0px',\n          }}\n          context={context}\n        >\n          {children}\n        </FloatingWrapper>\n      )}\n    </StyledWrapper>\n  );\n};\n\nFilterPopover.displayName = 'FilterPopover';\nconst FilterPopoverWithSchema = describe(FilterPopover);\nFilterPopoverWithSchema.propTypes = FilterPopoverPropTypesSchema;\n\nexport { FilterPopover, FilterPopoverWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC4DnB,SAQkB,KARlB;AA5DJ,OAAOA,UAAS,aAAa,eAAe;AAC5C,SAAS,YAAY;AACrB,SAAS,gBAAgB;AACzB,SAAS,oBAA8C;AACvD,SAAS,oBAAoB,uBAAuB;AACpD,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AACvB,SAA8B,oCAAoC;AAClE,SAAS,sBAAsB,yBAAyB;AAMxD,MAAM,gBAAgB,OAAO,MAAM,EAAE,MAAM,mBAAmB,MAAM,qBAAqB,KAAK,CAAC;AAAA;AAAA;AAG/F,MAAM,eAAe,OAAO,YAAY,EAAE,MAAM,mBAAmB,MAAM,qBAAqB,mBAAmB,CAAC;AAElH,MAAM,gBAA2D,CAAC,UAAU;AAC1E,QAAM,EAAE,kBAAkB,gBAAgB,kBAAkB,UAAU,WAAW,IAAI;AACrF,QAAM,MAAMA,OAAM,OAA0B,IAAI;AAChD,QAAM,CAAC,aAAa,cAAc,IAAIA,OAAM,SAAS,KAAK;AAE1D,QAAM,eAAe,YAAY,MAAM;AACrC,mBAAe,KAAK;AACpB,QAAI,SAAS,MAAM;AAAA,EACrB,GAAG,CAAC,CAAC;AAEL,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,EACV,IAAI,mBAAmB;AAAA,IACrB,4BAA4B;AAAA,IAC5B,0BAA0B;AAAA,IAC1B,eAAe;AAAA,IACf,kBAAkB;AAAA,IAClB,WAAW;AAAA,IACX,0BAA0B,CAAC,cAAc,SAAS;AAAA,IAClD,cAAc,CAAC,GAAG,CAAC;AAAA,IACnB,eAAe;AAAA,IACf,UAAU;AAAA,EACZ,CAAC;AAED,QAAM,SAAkB;AAAA,IACtB,OAAO;AAAA,MACL,QAAQ,MAAM;AACZ,uBAAe,KAAK;AAAA,MACtB;AAAA,IACF;AAAA,IACA,CAAC;AAAA,EACH;AACA,QAAM,qBAAqB,aAAa,MAAM;AAE9C,MAAI,CAAC,oBAAoB,CAAC,YAAa,QAAO;AAE9C,SACE,qBAAC,iBAAc,QAAQ,oBAAoB,UAAU,IACnD;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,YAAW;AAAA,QACX,UAAU;AAAA,QACV,cAAW;AAAA,QACX,MAAK;AAAA,QACL,SAAS,MAAM,eAAe,CAAC,WAAW;AAAA,QAEzC,uBAAa,oBAAC,cAAW,IAAK,oBAAC,gBAAa,MAAK,KAAI;AAAA;AAAA,IACxD;AAAA,IACC,oBACC;AAAA,MAAC;AAAA;AAAA,QACC,UAAU,KAAK;AAAA,QACf,QAAQ;AAAA,QACR,gBAAgB;AAAA,UACd,GAAG;AAAA,UACH,UAAU,kBAAkB,iBAAiB,eAAe;AAAA,QAC9D;AAAA,QACA;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,KAEJ;AAEJ;AAEA,cAAc,cAAc;AAC5B,MAAM,0BAA0B,SAAS,aAAa;AACtD,wBAAwB,YAAY;",
   "names": ["React"]
 }

package/dist/esm/parts/FilterPopover/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/FilterPopover/react-desc-prop-types.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\n/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\nimport type { XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport { type SvgIconT } from '@elliemae/ds-icons';\nimport type { WeakValidationMap } from 'react';\n\nexport declare namespace FilterPopoverT {\n  export interface RequiredProps {\n    referenceElement: HTMLElement | null;\n    children: React.ReactNode;\n    shouldShowFilter: boolean;\n  }\n\n  export interface FilterPopoverT {}\n\n  export interface DefaultProps {}\n\n  export interface OptionalProps {\n    filterMinWidth?: number;\n    FilterIcon?: React.ComponentType<SvgIconT.Props>;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      // Omit<GlobalAttributesT<HTMLButtonElement>, keyof RequiredProps | keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      // Omit<GlobalAttributesT<HTMLButtonElement>, keyof RequiredProps | keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const FilterPopoverPropTypes: DSPropTypesSchema<FilterPopoverT.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  referenceElement: PropTypes.object.description('Reference element for popover').isRequired,\n  children: PropTypes.node.description('Children for popover').isRequired,\n  shouldShowFilter: PropTypes.bool.description('Show filter or not').isRequired,\n  filterMinWidth: PropTypes.number.description('Filter min width'),\n  FilterIcon: PropTypes.node.description('Filter icon'),\n};\n\nexport const FilterPopoverPropTypesSchema =\n  FilterPopoverPropTypes as unknown as WeakValidationMap<FilterPopoverT.Props>;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,WAAW,2BAA2B,wBAAwB;AAmChE,MAAM,yBAAkE;AAAA,EAC7E,GAAG;AAAA,EACH,GAAG;AAAA,EACH,kBAAkB,UAAU,OAAO,YAAY,+BAA+B,EAAE;AAAA,EAChF,UAAU,UAAU,KAAK,YAAY,sBAAsB,EAAE;AAAA,EAC7D,kBAAkB,UAAU,KAAK,YAAY,oBAAoB,EAAE;AAAA,EACnE,gBAAgB,UAAU,OAAO,YAAY,kBAAkB;AAAA,EAC/D,YAAY,UAAU,KAAK,YAAY,aAAa;AACtD;AAEO,MAAM,+BACX;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\nimport type { XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport { type SvgIconT } from '@elliemae/ds-icons';\nimport type { WeakValidationMap } from 'react';\n\nexport declare namespace FilterPopoverT {\n  export interface RequiredProps {\n    referenceElement: HTMLElement | null;\n    children: React.ReactNode;\n    shouldShowFilter: boolean;\n  }\n\n  export interface FilterPopoverT {}\n\n  export interface DefaultProps {}\n\n  export interface OptionalProps {\n    filterMinWidth?: number;\n    FilterIcon?: React.ComponentType<SvgIconT.Props>;\n  }\n\n  export interface Props\n    extends\n      Partial<DefaultProps>,\n      OptionalProps,\n      // Omit<GlobalAttributesT<HTMLButtonElement>, keyof RequiredProps | keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends\n      DefaultProps,\n      OptionalProps,\n      // Omit<GlobalAttributesT<HTMLButtonElement>, keyof RequiredProps | keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const FilterPopoverPropTypes: DSPropTypesSchema<FilterPopoverT.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  referenceElement: PropTypes.object.description('Reference element for popover').isRequired,\n  children: PropTypes.node.description('Children for popover').isRequired,\n  shouldShowFilter: PropTypes.bool.description('Show filter or not').isRequired,\n  filterMinWidth: PropTypes.number.description('Filter min width'),\n  FilterIcon: PropTypes.node.description('Filter icon'),\n};\n\nexport const FilterPopoverPropTypesSchema =\n  FilterPopoverPropTypes as unknown as WeakValidationMap<FilterPopoverT.Props>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,WAAW,2BAA2B,wBAAwB;AAqChE,MAAM,yBAAkE;AAAA,EAC7E,GAAG;AAAA,EACH,GAAG;AAAA,EACH,kBAAkB,UAAU,OAAO,YAAY,+BAA+B,EAAE;AAAA,EAChF,UAAU,UAAU,KAAK,YAAY,sBAAsB,EAAE;AAAA,EAC7D,kBAAkB,UAAU,KAAK,YAAY,oBAAoB,EAAE;AAAA,EACnE,gBAAgB,UAAU,OAAO,YAAY,kBAAkB;AAAA,EAC/D,YAAY,UAAU,KAAK,YAAY,aAAa;AACtD;AAEO,MAAM,+BACX;",
   "names": []
 }

package/dist/esm/parts/MultiSelectFilter/MultiSelectFilter.js

@@ -3,7 +3,7 @@ import { jsx } from "react/jsx-runtime";
 import { describe } from "@elliemae/ds-props-helpers";
 import { Grid } from "@elliemae/ds-grid";
 import { styled } from "@elliemae/ds-system";
-import { DSComboBox } from "@elliemae/ds-form-combobox";
+import { DSMultiComboBox } from "@elliemae/ds-form-multi-combobox";
 import { MultiSelectFilterPropTypesSchema } from "./react-desc-prop-types.js";
 import { MULTI_SELECT_FILTER_SLOTS, MultiSelectFilterName } from "./constants/index.js";
 const StyledWrapper = styled(Grid, {
@@ -12,7 +12,16 @@ const StyledWrapper = styled(Grid, {
 })``;
 const MultiSelectFilter = (props) => {
   const { filterValue, onValueChange, options } = props;
-  return /* @__PURE__ */ jsx(StyledWrapper, { children: /* @__PURE__ */ jsx(DSComboBox, { inline: true, autoFocus: true, onChange: onValueChange, selectedValues: filterValue, allOptions: options }) });
+  return /* @__PURE__ */ jsx(StyledWrapper, { children: /* @__PURE__ */ jsx(
+    DSMultiComboBox,
+    {
+      inline: true,
+      autoFocus: true,
+      onChange: onValueChange,
+      selectedValues: filterValue ?? [],
+      allOptions: options
+    }
+  ) });
 };
 MultiSelectFilter.displayName = "MultiSelectFilter";
 const MultiSelectFilterWithSchema = describe(MultiSelectFilter);

package/dist/esm/parts/MultiSelectFilter/MultiSelectFilter.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/MultiSelectFilter/MultiSelectFilter.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { Grid } from '@elliemae/ds-grid';\nimport { styled } from '@elliemae/ds-system';\nimport { DSComboBox } from '@elliemae/ds-form-combobox';\nimport { type MultiSelectFilterT, MultiSelectFilterPropTypesSchema } from './react-desc-prop-types.js';\nimport { MULTI_SELECT_FILTER_SLOTS, MultiSelectFilterName } from './constants/index.js';\n\nconst StyledWrapper = styled(Grid, {\n  name: MultiSelectFilterName,\n  slot: MULTI_SELECT_FILTER_SLOTS.ROOT,\n})``;\n\nconst MultiSelectFilter: React.ComponentType<MultiSelectFilterT.Props> = (props) => {\n  const { filterValue, onValueChange, options } = props;\n\n  return (\n    <StyledWrapper>\n      <DSComboBox inline autoFocus onChange={onValueChange} selectedValues={filterValue} allOptions={options} />\n    </StyledWrapper>\n  );\n};\n\nMultiSelectFilter.displayName = 'MultiSelectFilter';\nconst MultiSelectFilterWithSchema = describe(MultiSelectFilter);\nMultiSelectFilterWithSchema.propTypes = MultiSelectFilterPropTypesSchema;\n\nexport { MultiSelectFilter, MultiSelectFilterWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACkBjB;AAjBN,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAkC,wCAAwC;AAC1E,SAAS,2BAA2B,6BAA6B;AAEjE,MAAM,gBAAgB,OAAO,MAAM;AAAA,EACjC,MAAM;AAAA,EACN,MAAM,0BAA0B;AAClC,CAAC;AAED,MAAM,oBAAmE,CAAC,UAAU;AAClF,QAAM,EAAE,aAAa,eAAe,QAAQ,IAAI;AAEhD,SACE,oBAAC,iBACC,8BAAC,cAAW,QAAM,MAAC,WAAS,MAAC,UAAU,eAAe,gBAAgB,aAAa,YAAY,SAAS,GAC1G;AAEJ;AAEA,kBAAkB,cAAc;AAChC,MAAM,8BAA8B,SAAS,iBAAiB;AAC9D,4BAA4B,YAAY;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { Grid } from '@elliemae/ds-grid';\nimport { styled } from '@elliemae/ds-system';\nimport { DSMultiComboBox } from '@elliemae/ds-form-multi-combobox';\nimport { type MultiSelectFilterT, MultiSelectFilterPropTypesSchema } from './react-desc-prop-types.js';\nimport { MULTI_SELECT_FILTER_SLOTS, MultiSelectFilterName } from './constants/index.js';\n\nconst StyledWrapper = styled(Grid, {\n  name: MultiSelectFilterName,\n  slot: MULTI_SELECT_FILTER_SLOTS.ROOT,\n})``;\n\nconst MultiSelectFilter: React.ComponentType<MultiSelectFilterT.Props> = (props) => {\n  const { filterValue, onValueChange, options } = props;\n\n  return (\n    <StyledWrapper>\n      <DSMultiComboBox\n        inline\n        autoFocus\n        onChange={onValueChange}\n        selectedValues={filterValue ?? []}\n        allOptions={options}\n      />\n    </StyledWrapper>\n  );\n};\n\nMultiSelectFilter.displayName = 'MultiSelectFilter';\nconst MultiSelectFilterWithSchema = describe(MultiSelectFilter);\nMultiSelectFilterWithSchema.propTypes = MultiSelectFilterPropTypesSchema;\n\nexport { MultiSelectFilter, MultiSelectFilterWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACkBjB;AAjBN,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB,SAAS,uBAAuB;AAChC,SAAkC,wCAAwC;AAC1E,SAAS,2BAA2B,6BAA6B;AAEjE,MAAM,gBAAgB,OAAO,MAAM;AAAA,EACjC,MAAM;AAAA,EACN,MAAM,0BAA0B;AAClC,CAAC;AAED,MAAM,oBAAmE,CAAC,UAAU;AAClF,QAAM,EAAE,aAAa,eAAe,QAAQ,IAAI;AAEhD,SACE,oBAAC,iBACC;AAAA,IAAC;AAAA;AAAA,MACC,QAAM;AAAA,MACN,WAAS;AAAA,MACT,UAAU;AAAA,MACV,gBAAgB,eAAe,CAAC;AAAA,MAChC,YAAY;AAAA;AAAA,EACd,GACF;AAEJ;AAEA,kBAAkB,cAAc;AAChC,MAAM,8BAA8B,SAAS,iBAAiB;AAC9D,4BAA4B,YAAY;",
   "names": []
 }

package/dist/esm/parts/MultiSelectFilter/multiSelectFilterFn.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/MultiSelectFilter/multiSelectFilterFn.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { type DSComboboxT } from '@elliemae/ds-form-combobox';\n\nexport const multiSelectFilterFn = (\n  datum: Record<string, unknown>,\n  filterValue: DSComboboxT.ItemOption[] | null,\n  filterKey: string,\n) => {\n  if (filterValue === null) return true;\n  if (filterValue.length === 0) return true;\n  return filterValue.some((position) => position.label === datum[filterKey]);\n};\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { type DSComboboxMultiT } from '@elliemae/ds-form-multi-combobox';\n\nexport const multiSelectFilterFn = (\n  datum: Record<string, unknown>,\n  filterValue: DSComboboxMultiT.SelectionableOptions[] | null,\n  filterKey: string,\n) => {\n  if (filterValue === null) return true;\n  if (filterValue.length === 0) return true;\n  return filterValue.some((position) => position.label === datum[filterKey]);\n};\n"],
   "mappings": "AAAA,YAAY,WAAW;ACEhB,MAAM,sBAAsB,CACjC,OACA,aACA,cACG;AACH,MAAI,gBAAgB,KAAM,QAAO;AACjC,MAAI,YAAY,WAAW,EAAG,QAAO;AACrC,SAAO,YAAY,KAAK,CAAC,aAAa,SAAS,UAAU,MAAM,SAAS,CAAC;AAC3E;",
   "names": []
 }

package/dist/esm/parts/MultiSelectFilter/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/MultiSelectFilter/react-desc-prop-types.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\n/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport { type DSComboboxT } from '@elliemae/ds-form-combobox';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { WeakValidationMap } from 'react';\n\nexport declare namespace MultiSelectFilterT {\n  export interface RequiredProps {\n    filterValue: DSComboboxT.ItemOption[] | null;\n    onValueChange: (value: DSComboboxT.SelectedOptionsT) => void;\n    options: DSComboboxT.ItemOption[];\n  }\n\n  export interface DefaultProps {}\n\n  export interface OptionalProps {}\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface MultiSelectPillProps {\n    columnHeader: string;\n    innerRef?: TypescriptHelpersT.AnyRef<HTMLElement>;\n    value: DSComboboxT.ItemOption[];\n    onRemove: (\n      e: React.KeyboardEvent<Element> | React.MouseEvent<Element, MouseEvent>,\n      { columnHeader, value }: { columnHeader: string; value: string },\n    ) => void;\n  }\n}\n\nexport const MultiSelectFilterPropTypes: DSPropTypesSchema<MultiSelectFilterT.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  filterValue: PropTypes.object.description('Multi Combobox selected value').isRequired,\n  onValueChange: PropTypes.func.description('Multi Combobox on change event').isRequired,\n  options: PropTypes.array.description('Multi Combobox options').isRequired,\n};\n\nexport const MultiSelectFilterPropTypesSchema =\n  MultiSelectFilterPropTypes as unknown as WeakValidationMap<MultiSelectFilterT.Props>;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,WAAW,2BAA2B,wBAAwB;AAyChE,MAAM,6BAA0E;AAAA,EACrF,GAAG;AAAA,EACH,GAAG;AAAA,EACH,aAAa,UAAU,OAAO,YAAY,+BAA+B,EAAE;AAAA,EAC3E,eAAe,UAAU,KAAK,YAAY,gCAAgC,EAAE;AAAA,EAC5E,SAAS,UAAU,MAAM,YAAY,wBAAwB,EAAE;AACjE;AAEO,MAAM,mCACX;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\nimport { type DSComboboxMultiT } from '@elliemae/ds-form-multi-combobox';\nimport type { DSPropTypesSchema, GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { WeakValidationMap } from 'react';\n\nexport declare namespace MultiSelectFilterT {\n  export interface RequiredProps {\n    filterValue: DSComboboxMultiT.SelectionableOptions[] | null;\n    onValueChange: DSComboboxMultiT.RequiredProps['onChange'];\n    options: DSComboboxMultiT.ItemOption[];\n  }\n\n  export interface DefaultProps {}\n\n  export interface OptionalProps {}\n\n  export interface Props\n    extends\n      Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends\n      DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface MultiSelectPillProps {\n    columnHeader: string;\n    innerRef?: TypescriptHelpersT.AnyRef<HTMLElement>;\n    value: DSComboboxMultiT.SelectionableOptions[];\n    onRemove: (\n      e: React.KeyboardEvent<Element> | React.MouseEvent<Element, MouseEvent>,\n      { columnHeader, value }: { columnHeader: string; value: DSComboboxMultiT.SelectionableOptions[] },\n    ) => void;\n  }\n}\n\nexport const MultiSelectFilterPropTypes: DSPropTypesSchema<MultiSelectFilterT.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  filterValue: PropTypes.object.description('Multi Combobox selected value').isRequired,\n  onValueChange: PropTypes.func.description('Multi Combobox on change event').isRequired,\n  options: PropTypes.array.description('Multi Combobox options').isRequired,\n};\n\nexport const MultiSelectFilterPropTypesSchema =\n  MultiSelectFilterPropTypes as unknown as WeakValidationMap<MultiSelectFilterT.Props>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,WAAW,2BAA2B,wBAAwB;AA0ChE,MAAM,6BAA0E;AAAA,EACrF,GAAG;AAAA,EACH,GAAG;AAAA,EACH,aAAa,UAAU,OAAO,YAAY,+BAA+B,EAAE;AAAA,EAC3E,eAAe,UAAU,KAAK,YAAY,gCAAgC,EAAE;AAAA,EAC5E,SAAS,UAAU,MAAM,YAAY,wBAAwB,EAAE;AACjE;AAEO,MAAM,mCACX;",
   "names": []
 }

package/dist/esm/parts/NumberRangeFilter/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/NumberRangeFilter/react-desc-prop-types.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\n/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport type { WeakValidationMap } from 'react';\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nexport declare namespace NumberRangeFilterT {\n  export interface RequiredProps {\n    filterValue: {\n      from: number | null;\n      to: number | null;\n    } | null;\n    onValueChange: (value: { from: number | null; to: number | null }) => void;\n  }\n\n  interface RangeFilterProps {}\n\n  export interface DefaultProps {}\n\n  export interface OptionalProps {}\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface NumberRangePillProps {\n    columnHeader: string;\n    innerRef?: TypescriptHelpersT.AnyRef<HTMLElement>;\n    value: {\n      from: number | null;\n      to: number | null;\n    };\n    onRemove: (\n      e: React.KeyboardEvent<Element> | React.MouseEvent<Element, MouseEvent>,\n      { columnHeader, value }: { columnHeader: string; value: { from: number | null; to: number | null } },\n    ) => void;\n  }\n}\n\nexport const NumberRangeFilterPropTypes: DSPropTypesSchema<NumberRangeFilterT.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  filterValue: PropTypes.object.description('the current values of the filter').isRequired,\n  onValueChange: PropTypes.func.description('callback to be called when any value changes').isRequired,\n};\n\nexport const NumberRangeFilterPropTypesSchema =\n  NumberRangeFilterPropTypes as unknown as WeakValidationMap<NumberRangeFilterT.Props>;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,WAAW,2BAA2B,wBAAwB;AA8ChE,MAAM,6BAA0E;AAAA,EACrF,GAAG;AAAA,EACH,GAAG;AAAA,EACH,aAAa,UAAU,OAAO,YAAY,kCAAkC,EAAE;AAAA,EAC9E,eAAe,UAAU,KAAK,YAAY,8CAA8C,EAAE;AAC5F;AAEO,MAAM,mCACX;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport type { WeakValidationMap } from 'react';\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nexport declare namespace NumberRangeFilterT {\n  export interface RequiredProps {\n    filterValue: {\n      from: number | null;\n      to: number | null;\n    } | null;\n    onValueChange: (value: { from: number | null; to: number | null }) => void;\n  }\n\n  interface RangeFilterProps {}\n\n  export interface DefaultProps {}\n\n  export interface OptionalProps {}\n\n  export interface Props\n    extends\n      Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends\n      DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface NumberRangePillProps {\n    columnHeader: string;\n    innerRef?: TypescriptHelpersT.AnyRef<HTMLElement>;\n    value: {\n      from: number | null;\n      to: number | null;\n    };\n    onRemove: (\n      e: React.KeyboardEvent<Element> | React.MouseEvent<Element, MouseEvent>,\n      { columnHeader, value }: { columnHeader: string; value: { from: number | null; to: number | null } },\n    ) => void;\n  }\n}\n\nexport const NumberRangeFilterPropTypes: DSPropTypesSchema<NumberRangeFilterT.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  filterValue: PropTypes.object.description('the current values of the filter').isRequired,\n  onValueChange: PropTypes.func.description('callback to be called when any value changes').isRequired,\n};\n\nexport const NumberRangeFilterPropTypesSchema =\n  NumberRangeFilterPropTypes as unknown as WeakValidationMap<NumberRangeFilterT.Props>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,WAAW,2BAA2B,wBAAwB;AAgDhE,MAAM,6BAA0E;AAAA,EACrF,GAAG;AAAA,EACH,GAAG;AAAA,EACH,aAAa,UAAU,OAAO,YAAY,kCAAkC,EAAE;AAAA,EAC9E,eAAe,UAAU,KAAK,YAAY,8CAA8C,EAAE;AAC5F;AAEO,MAAM,mCACX;",
   "names": []
 }

package/dist/esm/parts/SingleDateFilter/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/SingleDateFilter/react-desc-prop-types.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\n/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { WeakValidationMap } from 'react';\n\nexport declare namespace SingleDateFilterT {\n  export interface RequiredProps {\n    filterValue: string | null;\n    onValueChange: (value: string) => void;\n  }\n\n  export interface DefaultProps {}\n\n  export interface OptionalProps {}\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface SingleDatePillProps {\n    columnHeader: string;\n    value: string;\n    innerRef?: TypescriptHelpersT.AnyRef<HTMLElement>;\n    onRemove: (\n      e: React.KeyboardEvent<Element> | React.MouseEvent<Element, MouseEvent>,\n      { columnHeader, value }: { columnHeader: string; value: string },\n    ) => void;\n  }\n}\n\nexport const SingleDateFilterPropTypes: DSPropTypesSchema<SingleDateFilterT.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  filterValue: PropTypes.object.description('Single Date selected value').isRequired,\n  onValueChange: PropTypes.func.description('Single Date on change event').isRequired,\n};\n\nexport const SingleDateFilterPropTypesSchema =\n  SingleDateFilterPropTypes as unknown as WeakValidationMap<SingleDateFilterT.Props>;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,WAAW,2BAA2B,wBAAwB;AAuChE,MAAM,4BAAwE;AAAA,EACnF,GAAG;AAAA,EACH,GAAG;AAAA,EACH,aAAa,UAAU,OAAO,YAAY,4BAA4B,EAAE;AAAA,EACxE,eAAe,UAAU,KAAK,YAAY,6BAA6B,EAAE;AAC3E;AAEO,MAAM,kCACX;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { WeakValidationMap } from 'react';\n\nexport declare namespace SingleDateFilterT {\n  export interface RequiredProps {\n    filterValue: string | null;\n    onValueChange: (value: string) => void;\n  }\n\n  export interface DefaultProps {}\n\n  export interface OptionalProps {}\n\n  export interface Props\n    extends\n      Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends\n      DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface SingleDatePillProps {\n    columnHeader: string;\n    value: string;\n    innerRef?: TypescriptHelpersT.AnyRef<HTMLElement>;\n    onRemove: (\n      e: React.KeyboardEvent<Element> | React.MouseEvent<Element, MouseEvent>,\n      { columnHeader, value }: { columnHeader: string; value: string },\n    ) => void;\n  }\n}\n\nexport const SingleDateFilterPropTypes: DSPropTypesSchema<SingleDateFilterT.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  filterValue: PropTypes.object.description('Single Date selected value').isRequired,\n  onValueChange: PropTypes.func.description('Single Date on change event').isRequired,\n};\n\nexport const SingleDateFilterPropTypesSchema =\n  SingleDateFilterPropTypes as unknown as WeakValidationMap<SingleDateFilterT.Props>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,WAAW,2BAA2B,wBAAwB;AAyChE,MAAM,4BAAwE;AAAA,EACnF,GAAG;AAAA,EACH,GAAG;AAAA,EACH,aAAa,UAAU,OAAO,YAAY,4BAA4B,EAAE;AAAA,EACxE,eAAe,UAAU,KAAK,YAAY,6BAA6B,EAAE;AAC3E;AAEO,MAAM,kCACX;",
   "names": []
 }

package/dist/esm/parts/SingleSelectFilter/SingleSelectFilter.js

@@ -2,11 +2,11 @@ import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { describe } from "@elliemae/ds-props-helpers";
 import { Grid } from "@elliemae/ds-grid";
-import { DSComboBox } from "@elliemae/ds-form-combobox";
+import { DSSingleComboBox } from "@elliemae/ds-form-single-combobox";
 import { SingleSelectFilterPropTypesSchema } from "./react-desc-prop-types.js";
 const SingleSelectFilter = (props) => {
   const { filterValue, onValueChange, options } = props;
-  return /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(DSComboBox, { inline: true, autoFocus: true, onChange: onValueChange, selectedValues: filterValue, allOptions: options }) });
+  return /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(DSSingleComboBox, { inline: true, autoFocus: true, onChange: onValueChange, selectedValue: filterValue, allOptions: options }) });
 };
 SingleSelectFilter.displayName = "SingleSelectFilter";
 const SingleSelectFilterWithSchema = describe(SingleSelectFilter);

package/dist/esm/parts/SingleSelectFilter/SingleSelectFilter.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/SingleSelectFilter/SingleSelectFilter.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSComboBox } from '@elliemae/ds-form-combobox';\nimport { type SingleSelectFilterT, SingleSelectFilterPropTypesSchema } from './react-desc-prop-types.js';\n\nconst SingleSelectFilter: React.ComponentType<SingleSelectFilterT.Props> = (props) => {\n  const { filterValue, onValueChange, options } = props;\n\n  return (\n    <Grid>\n      <DSComboBox inline autoFocus onChange={onValueChange} selectedValues={filterValue} allOptions={options} />\n    </Grid>\n  );\n};\n\nSingleSelectFilter.displayName = 'SingleSelectFilter';\nconst SingleSelectFilterWithSchema = describe(SingleSelectFilter);\nSingleSelectFilterWithSchema.propTypes = SingleSelectFilterPropTypesSchema;\n\nexport { SingleSelectFilter, SingleSelectFilterWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACWjB;AAVN,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAC3B,SAAmC,yCAAyC;AAE5E,MAAM,qBAAqE,CAAC,UAAU;AACpF,QAAM,EAAE,aAAa,eAAe,QAAQ,IAAI;AAEhD,SACE,oBAAC,QACC,8BAAC,cAAW,QAAM,MAAC,WAAS,MAAC,UAAU,eAAe,gBAAgB,aAAa,YAAY,SAAS,GAC1G;AAEJ;AAEA,mBAAmB,cAAc;AACjC,MAAM,+BAA+B,SAAS,kBAAkB;AAChE,6BAA6B,YAAY;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSSingleComboBox } from '@elliemae/ds-form-single-combobox';\nimport { type SingleSelectFilterT, SingleSelectFilterPropTypesSchema } from './react-desc-prop-types.js';\n\nconst SingleSelectFilter: React.ComponentType<SingleSelectFilterT.Props> = (props) => {\n  const { filterValue, onValueChange, options } = props;\n\n  return (\n    <Grid>\n      <DSSingleComboBox inline autoFocus onChange={onValueChange} selectedValue={filterValue} allOptions={options} />\n    </Grid>\n  );\n};\n\nSingleSelectFilter.displayName = 'SingleSelectFilter';\nconst SingleSelectFilterWithSchema = describe(SingleSelectFilter);\nSingleSelectFilterWithSchema.propTypes = SingleSelectFilterPropTypesSchema;\n\nexport { SingleSelectFilter, SingleSelectFilterWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACWjB;AAVN,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,wBAAwB;AACjC,SAAmC,yCAAyC;AAE5E,MAAM,qBAAqE,CAAC,UAAU;AACpF,QAAM,EAAE,aAAa,eAAe,QAAQ,IAAI;AAEhD,SACE,oBAAC,QACC,8BAAC,oBAAiB,QAAM,MAAC,WAAS,MAAC,UAAU,eAAe,eAAe,aAAa,YAAY,SAAS,GAC/G;AAEJ;AAEA,mBAAmB,cAAc;AACjC,MAAM,+BAA+B,SAAS,kBAAkB;AAChE,6BAA6B,YAAY;",
   "names": []
 }

package/dist/esm/parts/SingleSelectFilter/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/SingleSelectFilter/react-desc-prop-types.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\n/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport { type DSComboboxT } from '@elliemae/ds-form-combobox';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { WeakValidationMap } from 'react';\n\nexport declare namespace SingleSelectFilterT {\n  export interface RequiredProps {\n    filterValue: DSComboboxT.ItemOption | null;\n    onValueChange: (value: DSComboboxT.SelectedOptionsT) => void;\n    options: DSComboboxT.ItemOption[];\n  }\n\n  export interface DefaultProps {}\n\n  export interface OptionalProps {}\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface SingleSelectPillProps {\n    innerRef?: TypescriptHelpersT.AnyRef<HTMLElement>;\n    columnHeader: string;\n    value: DSComboboxT.ItemOption | null;\n    onRemove: (\n      e: React.KeyboardEvent<Element> | React.MouseEvent<Element, MouseEvent>,\n      { columnHeader, value }: { columnHeader: string; value: DSComboboxT.ItemOption | null },\n    ) => void;\n  }\n}\n\nexport const SingleSelectFilterPropTypes: DSPropTypesSchema<SingleSelectFilterT.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  filterValue: PropTypes.object.description('Single Combobox selected value').isRequired,\n  onValueChange: PropTypes.func.description('Single Combobox on change event').isRequired,\n  options: PropTypes.array.description('Single Combobox options').isRequired,\n};\n\nexport const SingleSelectFilterPropTypesSchema =\n  SingleSelectFilterPropTypes as unknown as WeakValidationMap<SingleSelectFilterT.Props>;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,WAAW,2BAA2B,wBAAwB;AAyChE,MAAM,8BAA4E;AAAA,EACvF,GAAG;AAAA,EACH,GAAG;AAAA,EACH,aAAa,UAAU,OAAO,YAAY,gCAAgC,EAAE;AAAA,EAC5E,eAAe,UAAU,KAAK,YAAY,iCAAiC,EAAE;AAAA,EAC7E,SAAS,UAAU,MAAM,YAAY,yBAAyB,EAAE;AAClE;AAEO,MAAM,oCACX;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\nimport { type DSComboboxSingleT } from '@elliemae/ds-form-single-combobox';\nimport type { DSPropTypesSchema, GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { WeakValidationMap } from 'react';\n\nexport declare namespace SingleSelectFilterT {\n  export interface RequiredProps {\n    filterValue: DSComboboxSingleT.SelectionableOptions | null;\n    onValueChange: DSComboboxSingleT.RequiredProps['onChange'];\n    options: DSComboboxSingleT.ItemOption[];\n  }\n\n  export interface DefaultProps {}\n\n  export interface OptionalProps {}\n\n  export interface Props\n    extends\n      Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends\n      DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface SingleSelectPillProps {\n    innerRef?: TypescriptHelpersT.AnyRef<HTMLElement>;\n    columnHeader: string;\n    value: DSComboboxSingleT.SelectionableOptions | null;\n    onRemove: (\n      e: React.KeyboardEvent<Element> | React.MouseEvent<Element, MouseEvent>,\n      { columnHeader, value }: { columnHeader: string; value: DSComboboxSingleT.SelectionableOptions | null },\n    ) => void;\n  }\n}\n\nexport const SingleSelectFilterPropTypes: DSPropTypesSchema<SingleSelectFilterT.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  filterValue: PropTypes.object.description('Single Combobox selected value').isRequired,\n  onValueChange: PropTypes.func.description('Single Combobox on change event').isRequired,\n  options: PropTypes.array.description('Single Combobox options').isRequired,\n};\n\nexport const SingleSelectFilterPropTypesSchema =\n  SingleSelectFilterPropTypes as unknown as WeakValidationMap<SingleSelectFilterT.Props>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,WAAW,2BAA2B,wBAAwB;AA0ChE,MAAM,8BAA4E;AAAA,EACvF,GAAG;AAAA,EACH,GAAG;AAAA,EACH,aAAa,UAAU,OAAO,YAAY,gCAAgC,EAAE;AAAA,EAC5E,eAAe,UAAU,KAAK,YAAY,iCAAiC,EAAE;AAAA,EAC7E,SAAS,UAAU,MAAM,YAAY,yBAAyB,EAAE;AAClE;AAEO,MAAM,oCACX;",
   "names": []
 }

package/dist/esm/parts/SingleSelectFilter/singleSelectFilterFn.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/SingleSelectFilter/singleSelectFilterFn.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { type DSComboboxT } from '@elliemae/ds-form-combobox';\n\nexport const singleSelectFilterFn = (\n  datum: Record<string, unknown>,\n  filterValue: DSComboboxT.ItemOption | null,\n  filterKey: string,\n) => filterValue === null || datum[filterKey] === filterValue?.value;\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { type DSComboboxSingleT } from '@elliemae/ds-form-single-combobox';\n\nexport const singleSelectFilterFn = (\n  datum: Record<string, unknown>,\n  filterValue: DSComboboxSingleT.SelectionableOptions | null,\n  filterKey: string,\n) => filterValue === null || datum[filterKey] === filterValue?.value;\n"],
   "mappings": "AAAA,YAAY,WAAW;ACEhB,MAAM,uBAAuB,CAClC,OACA,aACA,cACG,gBAAgB,QAAQ,MAAM,SAAS,MAAM,aAAa;",
   "names": []
 }

package/dist/types/parts/MultiSelectFilter/multiSelectFilterFn.d.ts

@@ -1,2 +1,2 @@
-import { type DSComboboxT } from '@elliemae/ds-form-combobox';
-export declare const multiSelectFilterFn: (datum: Record<string, unknown>, filterValue: DSComboboxT.ItemOption[] | null, filterKey: string) => boolean;
+import { type DSComboboxMultiT } from '@elliemae/ds-form-multi-combobox';
+export declare const multiSelectFilterFn: (datum: Record<string, unknown>, filterValue: DSComboboxMultiT.SelectionableOptions[] | null, filterKey: string) => boolean;

package/dist/types/parts/MultiSelectFilter/react-desc-prop-types.d.ts

@@ -1,12 +1,12 @@
-import type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';
-import { type DSComboboxT } from '@elliemae/ds-form-combobox';
+import { type DSComboboxMultiT } from '@elliemae/ds-form-multi-combobox';
+import type { DSPropTypesSchema, GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';
 import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
 import type { WeakValidationMap } from 'react';
 export declare namespace MultiSelectFilterT {
     interface RequiredProps {
-        filterValue: DSComboboxT.ItemOption[] | null;
-        onValueChange: (value: DSComboboxT.SelectedOptionsT) => void;
-        options: DSComboboxT.ItemOption[];
+        filterValue: DSComboboxMultiT.SelectionableOptions[] | null;
+        onValueChange: DSComboboxMultiT.RequiredProps['onChange'];
+        options: DSComboboxMultiT.ItemOption[];
     }
     interface DefaultProps {
     }
@@ -19,10 +19,10 @@ export declare namespace MultiSelectFilterT {
     interface MultiSelectPillProps {
         columnHeader: string;
         innerRef?: TypescriptHelpersT.AnyRef<HTMLElement>;
-        value: DSComboboxT.ItemOption[];
+        value: DSComboboxMultiT.SelectionableOptions[];
         onRemove: (e: React.KeyboardEvent<Element> | React.MouseEvent<Element, MouseEvent>, { columnHeader, value }: {
             columnHeader: string;
-            value: string;
+            value: DSComboboxMultiT.SelectionableOptions[];
         }) => void;
     }
 }

package/dist/types/parts/SingleSelectFilter/react-desc-prop-types.d.ts

@@ -1,12 +1,12 @@
-import type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';
-import { type DSComboboxT } from '@elliemae/ds-form-combobox';
+import { type DSComboboxSingleT } from '@elliemae/ds-form-single-combobox';
+import type { DSPropTypesSchema, GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';
 import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
 import type { WeakValidationMap } from 'react';
 export declare namespace SingleSelectFilterT {
     interface RequiredProps {
-        filterValue: DSComboboxT.ItemOption | null;
-        onValueChange: (value: DSComboboxT.SelectedOptionsT) => void;
-        options: DSComboboxT.ItemOption[];
+        filterValue: DSComboboxSingleT.SelectionableOptions | null;
+        onValueChange: DSComboboxSingleT.RequiredProps['onChange'];
+        options: DSComboboxSingleT.ItemOption[];
     }
     interface DefaultProps {
     }
@@ -19,10 +19,10 @@ export declare namespace SingleSelectFilterT {
     interface SingleSelectPillProps {
         innerRef?: TypescriptHelpersT.AnyRef<HTMLElement>;
         columnHeader: string;
-        value: DSComboboxT.ItemOption | null;
+        value: DSComboboxSingleT.SelectionableOptions | null;
         onRemove: (e: React.KeyboardEvent<Element> | React.MouseEvent<Element, MouseEvent>, { columnHeader, value }: {
             columnHeader: string;
-            value: DSComboboxT.ItemOption | null;
+            value: DSComboboxSingleT.SelectionableOptions | null;
         }) => void;
     }
 }

package/dist/types/parts/SingleSelectFilter/singleSelectFilterFn.d.ts

@@ -1,2 +1,2 @@
-import { type DSComboboxT } from '@elliemae/ds-form-combobox';
-export declare const singleSelectFilterFn: (datum: Record<string, unknown>, filterValue: DSComboboxT.ItemOption | null, filterKey: string) => boolean;
+import { type DSComboboxSingleT } from '@elliemae/ds-form-single-combobox';
+export declare const singleSelectFilterFn: (datum: Record<string, unknown>, filterValue: DSComboboxSingleT.SelectionableOptions | null, filterKey: string) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-data-table-filters",
-  "version": "3.70.0-next.7",
+  "version": "3.70.0-next.70",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Data Table Filters",
   "files": [
@@ -22,7 +22,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+    "url": "https://github.com/intcx/PLATFORM-UI.dimsum.git"
   },
   "engines": {
     "pnpm": ">=9",
@@ -36,25 +36,25 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-button-v2": "3.70.0-next.7",
-    "@elliemae/ds-form-combobox": "3.70.0-next.7",
-    "@elliemae/ds-form-date-range-picker": "3.70.0-next.7",
-    "@elliemae/ds-floating-context": "3.70.0-next.7",
-    "@elliemae/ds-form-date-time-picker": "3.70.0-next.7",
-    "@elliemae/ds-form-layout-blocks": "3.70.0-next.7",
-    "@elliemae/ds-form-input-text": "3.70.0-next.7",
-    "@elliemae/ds-form-helpers-mask-hooks": "3.70.0-next.7",
-    "@elliemae/ds-grid": "3.70.0-next.7",
-    "@elliemae/ds-hooks-on-blur-out": "3.70.0-next.7",
-    "@elliemae/ds-icons": "3.70.0-next.7",
-    "@elliemae/ds-pills-v2": "3.70.0-next.7",
-    "@elliemae/ds-typescript-helpers": "3.70.0-next.7",
-    "@elliemae/ds-props-helpers": "3.70.0-next.7",
-    "@elliemae/ds-system": "3.70.0-next.7"
+    "@elliemae/ds-button-v2": "3.70.0-next.70",
+    "@elliemae/ds-form-helpers-mask-hooks": "3.70.0-next.70",
+    "@elliemae/ds-form-date-time-picker": "3.70.0-next.70",
+    "@elliemae/ds-floating-context": "3.70.0-next.70",
+    "@elliemae/ds-form-combobox": "3.70.0-next.70",
+    "@elliemae/ds-form-date-range-picker": "3.70.0-next.70",
+    "@elliemae/ds-form-input-text": "3.70.0-next.70",
+    "@elliemae/ds-form-layout-blocks": "3.70.0-next.70",
+    "@elliemae/ds-hooks-on-blur-out": "3.70.0-next.70",
+    "@elliemae/ds-pills-v2": "3.70.0-next.70",
+    "@elliemae/ds-props-helpers": "3.70.0-next.70",
+    "@elliemae/ds-typescript-helpers": "3.70.0-next.70",
+    "@elliemae/ds-system": "3.70.0-next.70",
+    "@elliemae/ds-grid": "3.70.0-next.70",
+    "@elliemae/ds-icons": "3.70.0-next.70"
   },
   "devDependencies": {
     "jest": "^30.0.0",
-    "@elliemae/ds-monorepo-devops": "3.70.0-next.7"
+    "@elliemae/ds-monorepo-devops": "3.70.0-next.70"
   },
   "peerDependencies": {
     "@testing-library/jest-dom": "^6.6.3",
@@ -78,4 +78,4 @@
     "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
     "checkDeps": "npx -yes ../../util/ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
   }
-}
+}