@elliemae/ds-form-combobox 3.17.0-next.9 → 3.17.0

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './ComboBox.js';\nexport * from './theming.js';\nexport * from './ComboboxDataTestids.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["export * from './ComboBox.js';\nexport * from './theming.js';\nexport * from './ComboboxDataTestids.js';\nexport type { DSComboboxT } from './react-desc-prop-types.js';\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,0BAAd;AACA,wBAAc,yBADd;AAEA,wBAAc,qCAFd;",
   "names": []
 }

package/dist/cjs/parts/menu-list/MenuList.js

@@ -94,6 +94,9 @@ const MenuList = () => {
     listRef,
     isLoading
   ]);
+  (0, import_react.useLayoutEffect)(() => {
+    virtualListHelpers?.measure();
+  }, [width]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_styled.StyledListWrapper,
     {
@@ -103,8 +106,7 @@ const MenuList = () => {
       width,
       minWidth: menuMinWidth,
       children: menuListRender
-    },
-    width
+    }
   );
 };
 //# sourceMappingURL=MenuList.js.map

package/dist/cjs/parts/menu-list/MenuList.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/parts/menu-list/MenuList.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useContext, useMemo, useCallback } from 'react';\nimport { useOnElementResize } from '@elliemae/ds-utilities';\nimport { StyledListWrapper, StyledNoResultsWrapper, StyledList, StyledVirtualListWrapper } from './styled.js';\nimport { ComboboxDataTestid } from '../../ComboboxDataTestids.js';\nimport { ComboBoxContext } from '../../ComboBoxCTX.js';\nimport { HeaderList } from '../header-list/index.js';\nimport { useItemRenderer } from './useItemRenderer.js';\nimport { LoadingContainer } from './LoadingContainer.js';\n\nexport const MenuList = (): JSX.Element => {\n  const {\n    props: {\n      isLoading,\n      menuMinWidth,\n      noOptionsMessage,\n      menuMaxHeight,\n      onCreate,\n      inline,\n      filteredOptions,\n      selectedValues,\n    },\n    controlsWrapperRef,\n    listRef,\n    inputValue,\n    wrapperListRef,\n    virtualListHelpers,\n  } = useContext(ComboBoxContext);\n\n  const multiple = Array.isArray(selectedValues);\n  // removing the header list if we are filtering or is inline cb or we have no options to show\n  const withHeader = !inline && multiple && filteredOptions.length > 0 && !inputValue;\n  const ItemRenderer = useItemRenderer();\n  const { width } = useOnElementResize(controlsWrapperRef);\n  const preventLoseInputFocus: React.MouseEventHandler = useCallback((e) => {\n    e.preventDefault();\n  }, []);\n\n  const menuListRender = useMemo(() => {\n    if (isLoading) return <LoadingContainer />;\n\n    return (\n      <>\n        {withHeader && <HeaderList />}\n        {filteredOptions.length > 0 || onCreate ? (\n          <StyledVirtualListWrapper inline={inline} maxHeight={menuMaxHeight} ref={listRef} withHeader={withHeader}>\n            <StyledList\n              id=\"combo-listbox\"\n              role=\"listbox\"\n              data-testid={ComboboxDataTestid.LIST}\n              style={{ height: virtualListHelpers?.totalSize, margin: inline ? '0px' : '8px 0px' }}\n            >\n              {ItemRenderer}\n            </StyledList>\n          </StyledVirtualListWrapper>\n        ) : (\n          <StyledNoResultsWrapper role=\"alert\">{noOptionsMessage}</StyledNoResultsWrapper>\n        )}\n      </>\n    );\n  }, [\n    onCreate,\n    withHeader,\n    filteredOptions,\n    noOptionsMessage,\n    ItemRenderer,\n    virtualListHelpers,\n    inline,\n    menuMaxHeight,\n    listRef,\n    isLoading,\n  ]);\n\n  return (\n    <StyledListWrapper\n      ref={wrapperListRef}\n      inline={inline}\n      onMouseDown={preventLoseInputFocus}\n      width={width}\n      minWidth={menuMinWidth}\n      // we use width as key to force react virtual re-render on window resize\n      // and update the item height accordly\n      key={width}\n    >\n      {menuListRender}\n    </StyledListWrapper>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADsCG;AAtC1B,mBAAwD;AACxD,0BAAmC;AACnC,oBAAgG;AAChG,iCAAmC;AACnC,yBAAgC;AAChC,yBAA2B;AAC3B,6BAAgC;AAChC,8BAAiC;AAE1B,MAAM,WAAW,MAAmB;AACzC,QAAM;AAAA,IACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,kCAAe;AAE9B,QAAM,WAAW,MAAM,QAAQ,cAAc;AAE7C,QAAM,aAAa,CAAC,UAAU,YAAY,gBAAgB,SAAS,KAAK,CAAC;AACzE,QAAM,mBAAe,wCAAgB;AACrC,QAAM,EAAE,MAAM,QAAI,wCAAmB,kBAAkB;AACvD,QAAM,4BAAiD,0BAAY,CAAC,MAAM;AACxE,MAAE,eAAe;AAAA,EACnB,GAAG,CAAC,CAAC;AAEL,QAAM,qBAAiB,sBAAQ,MAAM;AACnC,QAAI;AAAW,aAAO,4CAAC,4CAAiB;AAExC,WACE,4EACG;AAAA,oBAAc,4CAAC,iCAAW;AAAA,MAC1B,gBAAgB,SAAS,KAAK,WAC7B,4CAAC,0CAAyB,QAAgB,WAAW,eAAe,KAAK,SAAS,YAChF;AAAA,QAAC;AAAA;AAAA,UACC,IAAG;AAAA,UACH,MAAK;AAAA,UACL,eAAa,8CAAmB;AAAA,UAChC,OAAO,EAAE,QAAQ,oBAAoB,WAAW,QAAQ,SAAS,QAAQ,UAAU;AAAA,UAElF;AAAA;AAAA,MACH,GACF,IAEA,4CAAC,wCAAuB,MAAK,SAAS,4BAAiB;AAAA,OAE3D;AAAA,EAEJ,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MACA,UAAU;AAAA,MAKT;AAAA;AAAA,IAFI;AAAA,EAGP;AAEJ;",
+  "sourcesContent": ["import React, { useContext, useMemo, useCallback, useLayoutEffect } from 'react';\nimport { useOnElementResize } from '@elliemae/ds-utilities';\nimport { StyledListWrapper, StyledNoResultsWrapper, StyledList, StyledVirtualListWrapper } from './styled.js';\nimport { ComboboxDataTestid } from '../../ComboboxDataTestids.js';\nimport { ComboBoxContext } from '../../ComboBoxCTX.js';\nimport { HeaderList } from '../header-list/index.js';\nimport { useItemRenderer } from './useItemRenderer.js';\nimport { LoadingContainer } from './LoadingContainer.js';\n\nexport const MenuList = (): JSX.Element => {\n  const {\n    props: {\n      isLoading,\n      menuMinWidth,\n      noOptionsMessage,\n      menuMaxHeight,\n      onCreate,\n      inline,\n      filteredOptions,\n      selectedValues,\n    },\n    controlsWrapperRef,\n    listRef,\n    inputValue,\n    wrapperListRef,\n    virtualListHelpers,\n  } = useContext(ComboBoxContext);\n\n  const multiple = Array.isArray(selectedValues);\n  // removing the header list if we are filtering or is inline cb or we have no options to show\n  const withHeader = !inline && multiple && filteredOptions.length > 0 && !inputValue;\n  const ItemRenderer = useItemRenderer();\n  const { width } = useOnElementResize(controlsWrapperRef);\n  const preventLoseInputFocus: React.MouseEventHandler = useCallback((e) => {\n    e.preventDefault();\n  }, []);\n\n  const menuListRender = useMemo(() => {\n    if (isLoading) return <LoadingContainer />;\n\n    return (\n      <>\n        {withHeader && <HeaderList />}\n        {filteredOptions.length > 0 || onCreate ? (\n          <StyledVirtualListWrapper inline={inline} maxHeight={menuMaxHeight} ref={listRef} withHeader={withHeader}>\n            <StyledList\n              id=\"combo-listbox\"\n              role=\"listbox\"\n              data-testid={ComboboxDataTestid.LIST}\n              style={{ height: virtualListHelpers?.totalSize, margin: inline ? '0px' : '8px 0px' }}\n            >\n              {ItemRenderer}\n            </StyledList>\n          </StyledVirtualListWrapper>\n        ) : (\n          <StyledNoResultsWrapper role=\"alert\">{noOptionsMessage}</StyledNoResultsWrapper>\n        )}\n      </>\n    );\n  }, [\n    onCreate,\n    withHeader,\n    filteredOptions,\n    noOptionsMessage,\n    ItemRenderer,\n    virtualListHelpers,\n    inline,\n    menuMaxHeight,\n    listRef,\n    isLoading,\n  ]);\n\n  useLayoutEffect(() => {\n    virtualListHelpers?.measure();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [width]);\n\n  return (\n    <StyledListWrapper\n      ref={wrapperListRef}\n      inline={inline}\n      onMouseDown={preventLoseInputFocus}\n      width={width}\n      minWidth={menuMinWidth}\n    >\n      {menuListRender}\n    </StyledListWrapper>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADsCG;AAtC1B,mBAAyE;AACzE,0BAAmC;AACnC,oBAAgG;AAChG,iCAAmC;AACnC,yBAAgC;AAChC,yBAA2B;AAC3B,6BAAgC;AAChC,8BAAiC;AAE1B,MAAM,WAAW,MAAmB;AACzC,QAAM;AAAA,IACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,kCAAe;AAE9B,QAAM,WAAW,MAAM,QAAQ,cAAc;AAE7C,QAAM,aAAa,CAAC,UAAU,YAAY,gBAAgB,SAAS,KAAK,CAAC;AACzE,QAAM,mBAAe,wCAAgB;AACrC,QAAM,EAAE,MAAM,QAAI,wCAAmB,kBAAkB;AACvD,QAAM,4BAAiD,0BAAY,CAAC,MAAM;AACxE,MAAE,eAAe;AAAA,EACnB,GAAG,CAAC,CAAC;AAEL,QAAM,qBAAiB,sBAAQ,MAAM;AACnC,QAAI;AAAW,aAAO,4CAAC,4CAAiB;AAExC,WACE,4EACG;AAAA,oBAAc,4CAAC,iCAAW;AAAA,MAC1B,gBAAgB,SAAS,KAAK,WAC7B,4CAAC,0CAAyB,QAAgB,WAAW,eAAe,KAAK,SAAS,YAChF;AAAA,QAAC;AAAA;AAAA,UACC,IAAG;AAAA,UACH,MAAK;AAAA,UACL,eAAa,8CAAmB;AAAA,UAChC,OAAO,EAAE,QAAQ,oBAAoB,WAAW,QAAQ,SAAS,QAAQ,UAAU;AAAA,UAElF;AAAA;AAAA,MACH,GACF,IAEA,4CAAC,wCAAuB,MAAK,SAAS,4BAAiB;AAAA,OAE3D;AAAA,EAEJ,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,oCAAgB,MAAM;AACpB,wBAAoB,QAAQ;AAAA,EAE9B,GAAG,CAAC,KAAK,CAAC;AAEV,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MACA,UAAU;AAAA,MAET;AAAA;AAAA,EACH;AAEJ;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/react-desc-prop-types.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable no-unused-vars */\nimport type React from 'react';\nimport { globalAttributesPropTypes, PropTypes } from '@elliemae/ds-props-helpers';\nimport type { DSMaskT } from '@elliemae/ds-form-helpers-mask-hooks';\nexport function noop<T extends unknown[]>(..._args: T): void {}\n\nexport declare namespace DSComboboxT {\n  export interface CommonItemOptions {\n    dsId: string;\n    disabled?: boolean;\n    render?: React.ComponentType<unknown>;\n  }\n  export interface ItemSeparatorOptions extends CommonItemOptions {\n    type: 'separator';\n  }\n\n  export interface ItemSectionOptions extends CommonItemOptions {\n    type: 'section';\n    label: string;\n  }\n\n  export interface ItemOption extends CommonItemOptions {\n    value: string;\n    label: string;\n    type: 'option';\n  }\n\n  export interface ItemCreatableOption extends CommonItemOptions {\n    label: string;\n    type: 'creatable';\n  }\n\n  export type OptionTypes = ItemOption | ItemSectionOptions | ItemSeparatorOptions | ItemCreatableOption;\n\n  export type SelectedOptionsT = ItemOption[] | ItemOption | null;\n  export interface PropsOptional {\n    inputMinWidth?: number;\n    menuMinWidth?: number;\n    menuMaxHeight?: number;\n    placeholder?: string;\n    autoFocus?: boolean;\n    filteredOptions: OptionTypes[];\n    isMenuOpen?: boolean;\n    onMenuChange?: (\n      state: boolean,\n      reason: string,\n      e: React.KeyboardEvent | React.MouseEvent | React.ChangeEvent<HTMLInputElement>,\n    ) => void;\n    onCreate?: (label: string) => void;\n    onFilter?: (newOptions: OptionTypes[], inputValue?: string) => void;\n    onCancel?: () => void;\n    onSelectAll?: (suggestedValue: OptionTypes[] | [], event: React.MouseEvent | React.KeyboardEvent) => null;\n    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>, value: ItemOption) => void;\n    zIndex?: number;\n    isLoading?: boolean;\n  }\n\n  export interface RequiredProps {\n    allOptions: OptionTypes[];\n    selectedValues: SelectedOptionsT;\n    onChange: (\n      suggestedValue: ItemOption | OptionTypes[] | null,\n      selectedOption: ItemOption,\n      event: React.MouseEvent | React.KeyboardEvent,\n    ) => void;\n  }\n  export interface DefaultProps {\n    startPlacementPreference: string;\n    placementOrderPreference: string[];\n    hasError: boolean;\n    inline: boolean;\n    withoutPortal: boolean;\n    isNonClearable: boolean;\n    disabled: boolean;\n    noOptionsMessage: string;\n    innerRef: React.RefObject<HTMLInputElement>;\n    useMask: DSMaskT.Hook | typeof noop;\n    onlySelectable: boolean;\n  }\n\n  export interface Props extends Partial<DefaultProps>, RequiredProps, PropsOptional {}\n\n  export interface InternalProps extends DefaultProps, RequiredProps, PropsOptional {}\n}\n\nexport const ComboboxPropTypes = {\n  ...globalAttributesPropTypes,\n  placeholder: PropTypes.string.description(\"input's placeholder value\").defaultValue(''),\n  allOptions: PropTypes.oneOfType([PropTypes.array, PropTypes.object])\n    .isRequired.description('List of original options')\n    .defaultValue([]),\n  filteredOptions: PropTypes.oneOfType([PropTypes.array, PropTypes.object])\n    .description('List of filtered options to show in the menu based on the current internal input filter value')\n    .defaultValue([]),\n  selectedValues: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.object), PropTypes.object]).isRequired.description(\n    'Array of option or single option selected',\n  ),\n  disabled: PropTypes.bool.description('wheter or not the input is disabled').defaultValue('false'),\n  autoFocus: PropTypes.bool.description('Whether the combo box uses auto focus or not').defaultValue('false'),\n  hasError: PropTypes.bool.description('Whether the combo box has error or not').defaultValue('false'),\n  noOptionsMessage: PropTypes.string\n    .description('Custome message to be display when no matches found after filtering')\n    .defaultValue('No Matches Found'),\n  onChange: PropTypes.func.isRequired\n    .description('function triggered when an option is selected it will send the options selected')\n    .defaultValue('() => {}'),\n  onFilter: PropTypes.func.description('function triggered when user type in the combobox input').defaultValue(''),\n  onCreate: PropTypes.func\n    .description(\n      'function triggered when user select \"create\" a new item whenever is not a match in the all option list',\n    )\n    .defaultValue(''),\n  onCancel: PropTypes.func.description('function triggered when user press ESC key').defaultValue('() => {}'),\n  onMenuChange: PropTypes.func\n    .description('function triggered when user open or close the menu list')\n    .defaultValue('() => {}'),\n  inputMinWidth: PropTypes.any.description('Minimum width for the combo box input controller').defaultValue(undefined),\n  menuMinWidth: PropTypes.any.description('Minimum width for the dropdown menu').defaultValue(undefined),\n  menuMaxHeight: PropTypes.any.description('Maximum height for the dropdown menu').defaultValue(undefined),\n  withoutPortal: PropTypes.bool\n    .description('Whether the combobox menu is rendered in a portal or not')\n    .defaultValue(false),\n  zIndex: PropTypes.number.description('The z-index of the combobox menu').defaultValue(10),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description(\n    'reference to the component',\n  ),\n  onlySelectable: PropTypes.bool.description('filtering is disabled'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable no-unused-vars */\nimport type React from 'react';\nimport { globalAttributesPropTypes, PropTypes } from '@elliemae/ds-props-helpers';\nimport type { DSMaskT } from '@elliemae/ds-form-helpers-mask-hooks';\nexport function noop<T extends unknown[]>(..._args: T): void {}\n\nexport declare namespace DSComboboxT {\n  export interface CommonItemOptions {\n    dsId: string;\n    disabled?: boolean;\n    render?: React.ComponentType<unknown>;\n  }\n  export interface ItemSeparatorOptions extends CommonItemOptions {\n    type: 'separator';\n  }\n\n  export interface ItemSectionOptions extends CommonItemOptions {\n    type: 'section';\n    label: string;\n  }\n\n  export interface ItemOption extends CommonItemOptions {\n    value: string;\n    label: string;\n    type: 'option';\n  }\n\n  export interface ItemCreatableOption extends CommonItemOptions {\n    label: string;\n    type: 'creatable';\n  }\n\n  export type OptionTypes = ItemOption | ItemSectionOptions | ItemSeparatorOptions | ItemCreatableOption;\n\n  export type SelectedOptionsT = ItemOption[] | ItemOption | null;\n  export interface PropsOptional {\n    inputMinWidth?: number;\n    menuMinWidth?: number;\n    menuMaxHeight?: number;\n    placeholder?: string;\n    autoFocus?: boolean;\n    filteredOptions?: OptionTypes[];\n    isMenuOpen?: boolean;\n    onMenuChange?: (\n      state: boolean,\n      reason: string,\n      e: React.KeyboardEvent | React.MouseEvent | React.ChangeEvent<HTMLInputElement>,\n    ) => void;\n    onCreate?: (label: string) => void;\n    onFilter?: (newOptions: OptionTypes[], inputValue?: string) => void;\n    onCancel?: () => void;\n    onSelectAll?: (suggestedValue: OptionTypes[] | [], event: React.MouseEvent | React.KeyboardEvent) => null;\n    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>, value: ItemOption) => void;\n    zIndex?: number;\n    isLoading?: boolean;\n  }\n\n  export interface RequiredProps {\n    allOptions: OptionTypes[];\n    selectedValues: SelectedOptionsT;\n    onChange: (\n      suggestedValue: SelectedOptionsT,\n      selectedOption: ItemOption,\n      event: React.MouseEvent | React.KeyboardEvent,\n    ) => void;\n  }\n  export interface DefaultProps {\n    startPlacementPreference: string;\n    placementOrderPreference: string[];\n    hasError: boolean;\n    inline: boolean;\n    withoutPortal: boolean;\n    isNonClearable: boolean;\n    disabled: boolean;\n    noOptionsMessage: string;\n    innerRef: React.MutableRefObject<HTMLInputElement | null> | ((ref: HTMLInputElement | null) => void);\n    useMask: DSMaskT.Hook | typeof noop;\n    onlySelectable: boolean;\n  }\n\n  export interface Props extends Partial<DefaultProps>, RequiredProps, PropsOptional {}\n\n  export interface InternalProps extends DefaultProps, RequiredProps, PropsOptional {}\n}\n\nexport const ComboboxPropTypes = {\n  ...globalAttributesPropTypes,\n  placeholder: PropTypes.string.description(\"input's placeholder value\").defaultValue(''),\n  allOptions: PropTypes.oneOfType([PropTypes.array, PropTypes.object])\n    .isRequired.description('List of original options')\n    .defaultValue([]),\n  filteredOptions: PropTypes.oneOfType([PropTypes.array, PropTypes.object])\n    .description('List of filtered options to show in the menu based on the current internal input filter value')\n    .defaultValue([]),\n  selectedValues: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.object), PropTypes.object]).isRequired.description(\n    'Array of option or single option selected',\n  ),\n  disabled: PropTypes.bool.description('wheter or not the input is disabled').defaultValue('false'),\n  autoFocus: PropTypes.bool.description('Whether the combo box uses auto focus or not').defaultValue('false'),\n  hasError: PropTypes.bool.description('Whether the combo box has error or not').defaultValue('false'),\n  noOptionsMessage: PropTypes.string\n    .description('Custome message to be display when no matches found after filtering')\n    .defaultValue('No Matches Found'),\n  onChange: PropTypes.func.isRequired\n    .description('function triggered when an option is selected it will send the options selected')\n    .defaultValue('() => {}'),\n  onFilter: PropTypes.func.description('function triggered when user type in the combobox input').defaultValue(''),\n  onCreate: PropTypes.func\n    .description(\n      'function triggered when user select \"create\" a new item whenever is not a match in the all option list',\n    )\n    .defaultValue(''),\n  onCancel: PropTypes.func.description('function triggered when user press ESC key').defaultValue('() => {}'),\n  onMenuChange: PropTypes.func\n    .description('function triggered when user open or close the menu list')\n    .defaultValue('() => {}'),\n  inputMinWidth: PropTypes.any.description('Minimum width for the combo box input controller').defaultValue(undefined),\n  menuMinWidth: PropTypes.any.description('Minimum width for the dropdown menu').defaultValue(undefined),\n  menuMaxHeight: PropTypes.any.description('Maximum height for the dropdown menu').defaultValue(undefined),\n  withoutPortal: PropTypes.bool\n    .description('Whether the combobox menu is rendered in a portal or not')\n    .defaultValue(false),\n  zIndex: PropTypes.number.description('The z-index of the combobox menu').defaultValue(10),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description(\n    'reference to the component',\n  ),\n  onlySelectable: PropTypes.bool.description('filtering is disabled'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,8BAAqD;AAE9C,SAAS,QAA6B,OAAgB;AAAC;AAiFvD,MAAM,oBAAoB;AAAA,EAC/B,GAAG;AAAA,EACH,aAAa,kCAAU,OAAO,YAAY,2BAA2B,EAAE,aAAa,EAAE;AAAA,EACtF,YAAY,kCAAU,UAAU,CAAC,kCAAU,OAAO,kCAAU,MAAM,CAAC,EAChE,WAAW,YAAY,0BAA0B,EACjD,aAAa,CAAC,CAAC;AAAA,EAClB,iBAAiB,kCAAU,UAAU,CAAC,kCAAU,OAAO,kCAAU,MAAM,CAAC,EACrE,YAAY,+FAA+F,EAC3G,aAAa,CAAC,CAAC;AAAA,EAClB,gBAAgB,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,MAAM,GAAG,kCAAU,MAAM,CAAC,EAAE,WAAW;AAAA,IACtG;AAAA,EACF;AAAA,EACA,UAAU,kCAAU,KAAK,YAAY,qCAAqC,EAAE,aAAa,OAAO;AAAA,EAChG,WAAW,kCAAU,KAAK,YAAY,8CAA8C,EAAE,aAAa,OAAO;AAAA,EAC1G,UAAU,kCAAU,KAAK,YAAY,wCAAwC,EAAE,aAAa,OAAO;AAAA,EACnG,kBAAkB,kCAAU,OACzB,YAAY,qEAAqE,EACjF,aAAa,kBAAkB;AAAA,EAClC,UAAU,kCAAU,KAAK,WACtB,YAAY,iFAAiF,EAC7F,aAAa,UAAU;AAAA,EAC1B,UAAU,kCAAU,KAAK,YAAY,yDAAyD,EAAE,aAAa,EAAE;AAAA,EAC/G,UAAU,kCAAU,KACjB;AAAA,IACC;AAAA,EACF,EACC,aAAa,EAAE;AAAA,EAClB,UAAU,kCAAU,KAAK,YAAY,4CAA4C,EAAE,aAAa,UAAU;AAAA,EAC1G,cAAc,kCAAU,KACrB,YAAY,0DAA0D,EACtE,aAAa,UAAU;AAAA,EAC1B,eAAe,kCAAU,IAAI,YAAY,kDAAkD,EAAE,aAAa,MAAS;AAAA,EACnH,cAAc,kCAAU,IAAI,YAAY,qCAAqC,EAAE,aAAa,MAAS;AAAA,EACrG,eAAe,kCAAU,IAAI,YAAY,sCAAsC,EAAE,aAAa,MAAS;AAAA,EACvG,eAAe,kCAAU,KACtB,YAAY,0DAA0D,EACtE,aAAa,KAAK;AAAA,EACrB,QAAQ,kCAAU,OAAO,YAAY,kCAAkC,EAAE,aAAa,EAAE;AAAA,EACxF,UAAU,kCAAU,UAAU,CAAC,kCAAU,MAAM,kCAAU,MAAM,EAAE,SAAS,kCAAU,IAAI,CAAC,CAAC,CAAC,EAAE;AAAA,IAC3F;AAAA,EACF;AAAA,EACA,gBAAgB,kCAAU,KAAK,YAAY,uBAAuB;AACpE;",
   "names": []
 }

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './ComboBox.js';\nexport * from './theming.js';\nexport * from './ComboboxDataTestids.js';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './ComboBox.js';\nexport * from './theming.js';\nexport * from './ComboboxDataTestids.js';\nexport type { DSComboboxT } from './react-desc-prop-types.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;AACd,cAAc;",
   "names": []
 }

package/dist/esm/parts/menu-list/MenuList.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useContext, useMemo, useCallback } from "react";
+import { useContext, useMemo, useCallback, useLayoutEffect } from "react";
 import { useOnElementResize } from "@elliemae/ds-utilities";
 import { StyledListWrapper, StyledNoResultsWrapper, StyledList, StyledVirtualListWrapper } from "./styled.js";
 import { ComboboxDataTestid } from "../../ComboboxDataTestids.js";
@@ -61,6 +61,9 @@ const MenuList = () => {
     listRef,
     isLoading
   ]);
+  useLayoutEffect(() => {
+    virtualListHelpers?.measure();
+  }, [width]);
   return /* @__PURE__ */ jsx(
     StyledListWrapper,
     {
@@ -70,8 +73,7 @@ const MenuList = () => {
       width,
       minWidth: menuMinWidth,
       children: menuListRender
-    },
-    width
+    }
   );
 };
 export {

package/dist/esm/parts/menu-list/MenuList.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/menu-list/MenuList.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext, useMemo, useCallback } from 'react';\nimport { useOnElementResize } from '@elliemae/ds-utilities';\nimport { StyledListWrapper, StyledNoResultsWrapper, StyledList, StyledVirtualListWrapper } from './styled.js';\nimport { ComboboxDataTestid } from '../../ComboboxDataTestids.js';\nimport { ComboBoxContext } from '../../ComboBoxCTX.js';\nimport { HeaderList } from '../header-list/index.js';\nimport { useItemRenderer } from './useItemRenderer.js';\nimport { LoadingContainer } from './LoadingContainer.js';\n\nexport const MenuList = (): JSX.Element => {\n  const {\n    props: {\n      isLoading,\n      menuMinWidth,\n      noOptionsMessage,\n      menuMaxHeight,\n      onCreate,\n      inline,\n      filteredOptions,\n      selectedValues,\n    },\n    controlsWrapperRef,\n    listRef,\n    inputValue,\n    wrapperListRef,\n    virtualListHelpers,\n  } = useContext(ComboBoxContext);\n\n  const multiple = Array.isArray(selectedValues);\n  // removing the header list if we are filtering or is inline cb or we have no options to show\n  const withHeader = !inline && multiple && filteredOptions.length > 0 && !inputValue;\n  const ItemRenderer = useItemRenderer();\n  const { width } = useOnElementResize(controlsWrapperRef);\n  const preventLoseInputFocus: React.MouseEventHandler = useCallback((e) => {\n    e.preventDefault();\n  }, []);\n\n  const menuListRender = useMemo(() => {\n    if (isLoading) return <LoadingContainer />;\n\n    return (\n      <>\n        {withHeader && <HeaderList />}\n        {filteredOptions.length > 0 || onCreate ? (\n          <StyledVirtualListWrapper inline={inline} maxHeight={menuMaxHeight} ref={listRef} withHeader={withHeader}>\n            <StyledList\n              id=\"combo-listbox\"\n              role=\"listbox\"\n              data-testid={ComboboxDataTestid.LIST}\n              style={{ height: virtualListHelpers?.totalSize, margin: inline ? '0px' : '8px 0px' }}\n            >\n              {ItemRenderer}\n            </StyledList>\n          </StyledVirtualListWrapper>\n        ) : (\n          <StyledNoResultsWrapper role=\"alert\">{noOptionsMessage}</StyledNoResultsWrapper>\n        )}\n      </>\n    );\n  }, [\n    onCreate,\n    withHeader,\n    filteredOptions,\n    noOptionsMessage,\n    ItemRenderer,\n    virtualListHelpers,\n    inline,\n    menuMaxHeight,\n    listRef,\n    isLoading,\n  ]);\n\n  return (\n    <StyledListWrapper\n      ref={wrapperListRef}\n      inline={inline}\n      onMouseDown={preventLoseInputFocus}\n      width={width}\n      minWidth={menuMinWidth}\n      // we use width as key to force react virtual re-render on window resize\n      // and update the item height accordly\n      key={width}\n    >\n      {menuListRender}\n    </StyledListWrapper>\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACsCG,SAGpB,UAHoB,KAGpB,YAHoB;AAtC1B,SAAgB,YAAY,SAAS,mBAAmB;AACxD,SAAS,0BAA0B;AACnC,SAAS,mBAAmB,wBAAwB,YAAY,gCAAgC;AAChG,SAAS,0BAA0B;AACnC,SAAS,uBAAuB;AAChC,SAAS,kBAAkB;AAC3B,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AAE1B,MAAM,WAAW,MAAmB;AACzC,QAAM;AAAA,IACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,WAAW,eAAe;AAE9B,QAAM,WAAW,MAAM,QAAQ,cAAc;AAE7C,QAAM,aAAa,CAAC,UAAU,YAAY,gBAAgB,SAAS,KAAK,CAAC;AACzE,QAAM,eAAe,gBAAgB;AACrC,QAAM,EAAE,MAAM,IAAI,mBAAmB,kBAAkB;AACvD,QAAM,wBAAiD,YAAY,CAAC,MAAM;AACxE,MAAE,eAAe;AAAA,EACnB,GAAG,CAAC,CAAC;AAEL,QAAM,iBAAiB,QAAQ,MAAM;AACnC,QAAI;AAAW,aAAO,oBAAC,oBAAiB;AAExC,WACE,iCACG;AAAA,oBAAc,oBAAC,cAAW;AAAA,MAC1B,gBAAgB,SAAS,KAAK,WAC7B,oBAAC,4BAAyB,QAAgB,WAAW,eAAe,KAAK,SAAS,YAChF;AAAA,QAAC;AAAA;AAAA,UACC,IAAG;AAAA,UACH,MAAK;AAAA,UACL,eAAa,mBAAmB;AAAA,UAChC,OAAO,EAAE,QAAQ,oBAAoB,WAAW,QAAQ,SAAS,QAAQ,UAAU;AAAA,UAElF;AAAA;AAAA,MACH,GACF,IAEA,oBAAC,0BAAuB,MAAK,SAAS,4BAAiB;AAAA,OAE3D;AAAA,EAEJ,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MACA,UAAU;AAAA,MAKT;AAAA;AAAA,IAFI;AAAA,EAGP;AAEJ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext, useMemo, useCallback, useLayoutEffect } from 'react';\nimport { useOnElementResize } from '@elliemae/ds-utilities';\nimport { StyledListWrapper, StyledNoResultsWrapper, StyledList, StyledVirtualListWrapper } from './styled.js';\nimport { ComboboxDataTestid } from '../../ComboboxDataTestids.js';\nimport { ComboBoxContext } from '../../ComboBoxCTX.js';\nimport { HeaderList } from '../header-list/index.js';\nimport { useItemRenderer } from './useItemRenderer.js';\nimport { LoadingContainer } from './LoadingContainer.js';\n\nexport const MenuList = (): JSX.Element => {\n  const {\n    props: {\n      isLoading,\n      menuMinWidth,\n      noOptionsMessage,\n      menuMaxHeight,\n      onCreate,\n      inline,\n      filteredOptions,\n      selectedValues,\n    },\n    controlsWrapperRef,\n    listRef,\n    inputValue,\n    wrapperListRef,\n    virtualListHelpers,\n  } = useContext(ComboBoxContext);\n\n  const multiple = Array.isArray(selectedValues);\n  // removing the header list if we are filtering or is inline cb or we have no options to show\n  const withHeader = !inline && multiple && filteredOptions.length > 0 && !inputValue;\n  const ItemRenderer = useItemRenderer();\n  const { width } = useOnElementResize(controlsWrapperRef);\n  const preventLoseInputFocus: React.MouseEventHandler = useCallback((e) => {\n    e.preventDefault();\n  }, []);\n\n  const menuListRender = useMemo(() => {\n    if (isLoading) return <LoadingContainer />;\n\n    return (\n      <>\n        {withHeader && <HeaderList />}\n        {filteredOptions.length > 0 || onCreate ? (\n          <StyledVirtualListWrapper inline={inline} maxHeight={menuMaxHeight} ref={listRef} withHeader={withHeader}>\n            <StyledList\n              id=\"combo-listbox\"\n              role=\"listbox\"\n              data-testid={ComboboxDataTestid.LIST}\n              style={{ height: virtualListHelpers?.totalSize, margin: inline ? '0px' : '8px 0px' }}\n            >\n              {ItemRenderer}\n            </StyledList>\n          </StyledVirtualListWrapper>\n        ) : (\n          <StyledNoResultsWrapper role=\"alert\">{noOptionsMessage}</StyledNoResultsWrapper>\n        )}\n      </>\n    );\n  }, [\n    onCreate,\n    withHeader,\n    filteredOptions,\n    noOptionsMessage,\n    ItemRenderer,\n    virtualListHelpers,\n    inline,\n    menuMaxHeight,\n    listRef,\n    isLoading,\n  ]);\n\n  useLayoutEffect(() => {\n    virtualListHelpers?.measure();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [width]);\n\n  return (\n    <StyledListWrapper\n      ref={wrapperListRef}\n      inline={inline}\n      onMouseDown={preventLoseInputFocus}\n      width={width}\n      minWidth={menuMinWidth}\n    >\n      {menuListRender}\n    </StyledListWrapper>\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACsCG,SAGpB,UAHoB,KAGpB,YAHoB;AAtC1B,SAAgB,YAAY,SAAS,aAAa,uBAAuB;AACzE,SAAS,0BAA0B;AACnC,SAAS,mBAAmB,wBAAwB,YAAY,gCAAgC;AAChG,SAAS,0BAA0B;AACnC,SAAS,uBAAuB;AAChC,SAAS,kBAAkB;AAC3B,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AAE1B,MAAM,WAAW,MAAmB;AACzC,QAAM;AAAA,IACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,WAAW,eAAe;AAE9B,QAAM,WAAW,MAAM,QAAQ,cAAc;AAE7C,QAAM,aAAa,CAAC,UAAU,YAAY,gBAAgB,SAAS,KAAK,CAAC;AACzE,QAAM,eAAe,gBAAgB;AACrC,QAAM,EAAE,MAAM,IAAI,mBAAmB,kBAAkB;AACvD,QAAM,wBAAiD,YAAY,CAAC,MAAM;AACxE,MAAE,eAAe;AAAA,EACnB,GAAG,CAAC,CAAC;AAEL,QAAM,iBAAiB,QAAQ,MAAM;AACnC,QAAI;AAAW,aAAO,oBAAC,oBAAiB;AAExC,WACE,iCACG;AAAA,oBAAc,oBAAC,cAAW;AAAA,MAC1B,gBAAgB,SAAS,KAAK,WAC7B,oBAAC,4BAAyB,QAAgB,WAAW,eAAe,KAAK,SAAS,YAChF;AAAA,QAAC;AAAA;AAAA,UACC,IAAG;AAAA,UACH,MAAK;AAAA,UACL,eAAa,mBAAmB;AAAA,UAChC,OAAO,EAAE,QAAQ,oBAAoB,WAAW,QAAQ,SAAS,QAAQ,UAAU;AAAA,UAElF;AAAA;AAAA,MACH,GACF,IAEA,oBAAC,0BAAuB,MAAK,SAAS,4BAAiB;AAAA,OAE3D;AAAA,EAEJ,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,kBAAgB,MAAM;AACpB,wBAAoB,QAAQ;AAAA,EAE9B,GAAG,CAAC,KAAK,CAAC;AAEV,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MACA,UAAU;AAAA,MAET;AAAA;AAAA,EACH;AAEJ;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable no-unused-vars */\nimport type React from 'react';\nimport { globalAttributesPropTypes, PropTypes } from '@elliemae/ds-props-helpers';\nimport type { DSMaskT } from '@elliemae/ds-form-helpers-mask-hooks';\nexport function noop<T extends unknown[]>(..._args: T): void {}\n\nexport declare namespace DSComboboxT {\n  export interface CommonItemOptions {\n    dsId: string;\n    disabled?: boolean;\n    render?: React.ComponentType<unknown>;\n  }\n  export interface ItemSeparatorOptions extends CommonItemOptions {\n    type: 'separator';\n  }\n\n  export interface ItemSectionOptions extends CommonItemOptions {\n    type: 'section';\n    label: string;\n  }\n\n  export interface ItemOption extends CommonItemOptions {\n    value: string;\n    label: string;\n    type: 'option';\n  }\n\n  export interface ItemCreatableOption extends CommonItemOptions {\n    label: string;\n    type: 'creatable';\n  }\n\n  export type OptionTypes = ItemOption | ItemSectionOptions | ItemSeparatorOptions | ItemCreatableOption;\n\n  export type SelectedOptionsT = ItemOption[] | ItemOption | null;\n  export interface PropsOptional {\n    inputMinWidth?: number;\n    menuMinWidth?: number;\n    menuMaxHeight?: number;\n    placeholder?: string;\n    autoFocus?: boolean;\n    filteredOptions: OptionTypes[];\n    isMenuOpen?: boolean;\n    onMenuChange?: (\n      state: boolean,\n      reason: string,\n      e: React.KeyboardEvent | React.MouseEvent | React.ChangeEvent<HTMLInputElement>,\n    ) => void;\n    onCreate?: (label: string) => void;\n    onFilter?: (newOptions: OptionTypes[], inputValue?: string) => void;\n    onCancel?: () => void;\n    onSelectAll?: (suggestedValue: OptionTypes[] | [], event: React.MouseEvent | React.KeyboardEvent) => null;\n    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>, value: ItemOption) => void;\n    zIndex?: number;\n    isLoading?: boolean;\n  }\n\n  export interface RequiredProps {\n    allOptions: OptionTypes[];\n    selectedValues: SelectedOptionsT;\n    onChange: (\n      suggestedValue: ItemOption | OptionTypes[] | null,\n      selectedOption: ItemOption,\n      event: React.MouseEvent | React.KeyboardEvent,\n    ) => void;\n  }\n  export interface DefaultProps {\n    startPlacementPreference: string;\n    placementOrderPreference: string[];\n    hasError: boolean;\n    inline: boolean;\n    withoutPortal: boolean;\n    isNonClearable: boolean;\n    disabled: boolean;\n    noOptionsMessage: string;\n    innerRef: React.RefObject<HTMLInputElement>;\n    useMask: DSMaskT.Hook | typeof noop;\n    onlySelectable: boolean;\n  }\n\n  export interface Props extends Partial<DefaultProps>, RequiredProps, PropsOptional {}\n\n  export interface InternalProps extends DefaultProps, RequiredProps, PropsOptional {}\n}\n\nexport const ComboboxPropTypes = {\n  ...globalAttributesPropTypes,\n  placeholder: PropTypes.string.description(\"input's placeholder value\").defaultValue(''),\n  allOptions: PropTypes.oneOfType([PropTypes.array, PropTypes.object])\n    .isRequired.description('List of original options')\n    .defaultValue([]),\n  filteredOptions: PropTypes.oneOfType([PropTypes.array, PropTypes.object])\n    .description('List of filtered options to show in the menu based on the current internal input filter value')\n    .defaultValue([]),\n  selectedValues: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.object), PropTypes.object]).isRequired.description(\n    'Array of option or single option selected',\n  ),\n  disabled: PropTypes.bool.description('wheter or not the input is disabled').defaultValue('false'),\n  autoFocus: PropTypes.bool.description('Whether the combo box uses auto focus or not').defaultValue('false'),\n  hasError: PropTypes.bool.description('Whether the combo box has error or not').defaultValue('false'),\n  noOptionsMessage: PropTypes.string\n    .description('Custome message to be display when no matches found after filtering')\n    .defaultValue('No Matches Found'),\n  onChange: PropTypes.func.isRequired\n    .description('function triggered when an option is selected it will send the options selected')\n    .defaultValue('() => {}'),\n  onFilter: PropTypes.func.description('function triggered when user type in the combobox input').defaultValue(''),\n  onCreate: PropTypes.func\n    .description(\n      'function triggered when user select \"create\" a new item whenever is not a match in the all option list',\n    )\n    .defaultValue(''),\n  onCancel: PropTypes.func.description('function triggered when user press ESC key').defaultValue('() => {}'),\n  onMenuChange: PropTypes.func\n    .description('function triggered when user open or close the menu list')\n    .defaultValue('() => {}'),\n  inputMinWidth: PropTypes.any.description('Minimum width for the combo box input controller').defaultValue(undefined),\n  menuMinWidth: PropTypes.any.description('Minimum width for the dropdown menu').defaultValue(undefined),\n  menuMaxHeight: PropTypes.any.description('Maximum height for the dropdown menu').defaultValue(undefined),\n  withoutPortal: PropTypes.bool\n    .description('Whether the combobox menu is rendered in a portal or not')\n    .defaultValue(false),\n  zIndex: PropTypes.number.description('The z-index of the combobox menu').defaultValue(10),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description(\n    'reference to the component',\n  ),\n  onlySelectable: PropTypes.bool.description('filtering is disabled'),\n};\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable no-unused-vars */\nimport type React from 'react';\nimport { globalAttributesPropTypes, PropTypes } from '@elliemae/ds-props-helpers';\nimport type { DSMaskT } from '@elliemae/ds-form-helpers-mask-hooks';\nexport function noop<T extends unknown[]>(..._args: T): void {}\n\nexport declare namespace DSComboboxT {\n  export interface CommonItemOptions {\n    dsId: string;\n    disabled?: boolean;\n    render?: React.ComponentType<unknown>;\n  }\n  export interface ItemSeparatorOptions extends CommonItemOptions {\n    type: 'separator';\n  }\n\n  export interface ItemSectionOptions extends CommonItemOptions {\n    type: 'section';\n    label: string;\n  }\n\n  export interface ItemOption extends CommonItemOptions {\n    value: string;\n    label: string;\n    type: 'option';\n  }\n\n  export interface ItemCreatableOption extends CommonItemOptions {\n    label: string;\n    type: 'creatable';\n  }\n\n  export type OptionTypes = ItemOption | ItemSectionOptions | ItemSeparatorOptions | ItemCreatableOption;\n\n  export type SelectedOptionsT = ItemOption[] | ItemOption | null;\n  export interface PropsOptional {\n    inputMinWidth?: number;\n    menuMinWidth?: number;\n    menuMaxHeight?: number;\n    placeholder?: string;\n    autoFocus?: boolean;\n    filteredOptions?: OptionTypes[];\n    isMenuOpen?: boolean;\n    onMenuChange?: (\n      state: boolean,\n      reason: string,\n      e: React.KeyboardEvent | React.MouseEvent | React.ChangeEvent<HTMLInputElement>,\n    ) => void;\n    onCreate?: (label: string) => void;\n    onFilter?: (newOptions: OptionTypes[], inputValue?: string) => void;\n    onCancel?: () => void;\n    onSelectAll?: (suggestedValue: OptionTypes[] | [], event: React.MouseEvent | React.KeyboardEvent) => null;\n    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>, value: ItemOption) => void;\n    zIndex?: number;\n    isLoading?: boolean;\n  }\n\n  export interface RequiredProps {\n    allOptions: OptionTypes[];\n    selectedValues: SelectedOptionsT;\n    onChange: (\n      suggestedValue: SelectedOptionsT,\n      selectedOption: ItemOption,\n      event: React.MouseEvent | React.KeyboardEvent,\n    ) => void;\n  }\n  export interface DefaultProps {\n    startPlacementPreference: string;\n    placementOrderPreference: string[];\n    hasError: boolean;\n    inline: boolean;\n    withoutPortal: boolean;\n    isNonClearable: boolean;\n    disabled: boolean;\n    noOptionsMessage: string;\n    innerRef: React.MutableRefObject<HTMLInputElement | null> | ((ref: HTMLInputElement | null) => void);\n    useMask: DSMaskT.Hook | typeof noop;\n    onlySelectable: boolean;\n  }\n\n  export interface Props extends Partial<DefaultProps>, RequiredProps, PropsOptional {}\n\n  export interface InternalProps extends DefaultProps, RequiredProps, PropsOptional {}\n}\n\nexport const ComboboxPropTypes = {\n  ...globalAttributesPropTypes,\n  placeholder: PropTypes.string.description(\"input's placeholder value\").defaultValue(''),\n  allOptions: PropTypes.oneOfType([PropTypes.array, PropTypes.object])\n    .isRequired.description('List of original options')\n    .defaultValue([]),\n  filteredOptions: PropTypes.oneOfType([PropTypes.array, PropTypes.object])\n    .description('List of filtered options to show in the menu based on the current internal input filter value')\n    .defaultValue([]),\n  selectedValues: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.object), PropTypes.object]).isRequired.description(\n    'Array of option or single option selected',\n  ),\n  disabled: PropTypes.bool.description('wheter or not the input is disabled').defaultValue('false'),\n  autoFocus: PropTypes.bool.description('Whether the combo box uses auto focus or not').defaultValue('false'),\n  hasError: PropTypes.bool.description('Whether the combo box has error or not').defaultValue('false'),\n  noOptionsMessage: PropTypes.string\n    .description('Custome message to be display when no matches found after filtering')\n    .defaultValue('No Matches Found'),\n  onChange: PropTypes.func.isRequired\n    .description('function triggered when an option is selected it will send the options selected')\n    .defaultValue('() => {}'),\n  onFilter: PropTypes.func.description('function triggered when user type in the combobox input').defaultValue(''),\n  onCreate: PropTypes.func\n    .description(\n      'function triggered when user select \"create\" a new item whenever is not a match in the all option list',\n    )\n    .defaultValue(''),\n  onCancel: PropTypes.func.description('function triggered when user press ESC key').defaultValue('() => {}'),\n  onMenuChange: PropTypes.func\n    .description('function triggered when user open or close the menu list')\n    .defaultValue('() => {}'),\n  inputMinWidth: PropTypes.any.description('Minimum width for the combo box input controller').defaultValue(undefined),\n  menuMinWidth: PropTypes.any.description('Minimum width for the dropdown menu').defaultValue(undefined),\n  menuMaxHeight: PropTypes.any.description('Maximum height for the dropdown menu').defaultValue(undefined),\n  withoutPortal: PropTypes.bool\n    .description('Whether the combobox menu is rendered in a portal or not')\n    .defaultValue(false),\n  zIndex: PropTypes.number.description('The z-index of the combobox menu').defaultValue(10),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description(\n    'reference to the component',\n  ),\n  onlySelectable: PropTypes.bool.description('filtering is disabled'),\n};\n"],
   "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,2BAA2B,iBAAiB;AAE9C,SAAS,QAA6B,OAAgB;AAAC;AAiFvD,MAAM,oBAAoB;AAAA,EAC/B,GAAG;AAAA,EACH,aAAa,UAAU,OAAO,YAAY,2BAA2B,EAAE,aAAa,EAAE;AAAA,EACtF,YAAY,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,CAAC,EAChE,WAAW,YAAY,0BAA0B,EACjD,aAAa,CAAC,CAAC;AAAA,EAClB,iBAAiB,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,CAAC,EACrE,YAAY,+FAA+F,EAC3G,aAAa,CAAC,CAAC;AAAA,EAClB,gBAAgB,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,GAAG,UAAU,MAAM,CAAC,EAAE,WAAW;AAAA,IACtG;AAAA,EACF;AAAA,EACA,UAAU,UAAU,KAAK,YAAY,qCAAqC,EAAE,aAAa,OAAO;AAAA,EAChG,WAAW,UAAU,KAAK,YAAY,8CAA8C,EAAE,aAAa,OAAO;AAAA,EAC1G,UAAU,UAAU,KAAK,YAAY,wCAAwC,EAAE,aAAa,OAAO;AAAA,EACnG,kBAAkB,UAAU,OACzB,YAAY,qEAAqE,EACjF,aAAa,kBAAkB;AAAA,EAClC,UAAU,UAAU,KAAK,WACtB,YAAY,iFAAiF,EAC7F,aAAa,UAAU;AAAA,EAC1B,UAAU,UAAU,KAAK,YAAY,yDAAyD,EAAE,aAAa,EAAE;AAAA,EAC/G,UAAU,UAAU,KACjB;AAAA,IACC;AAAA,EACF,EACC,aAAa,EAAE;AAAA,EAClB,UAAU,UAAU,KAAK,YAAY,4CAA4C,EAAE,aAAa,UAAU;AAAA,EAC1G,cAAc,UAAU,KACrB,YAAY,0DAA0D,EACtE,aAAa,UAAU;AAAA,EAC1B,eAAe,UAAU,IAAI,YAAY,kDAAkD,EAAE,aAAa,MAAS;AAAA,EACnH,cAAc,UAAU,IAAI,YAAY,qCAAqC,EAAE,aAAa,MAAS;AAAA,EACrG,eAAe,UAAU,IAAI,YAAY,sCAAsC,EAAE,aAAa,MAAS;AAAA,EACvG,eAAe,UAAU,KACtB,YAAY,0DAA0D,EACtE,aAAa,KAAK;AAAA,EACrB,QAAQ,UAAU,OAAO,YAAY,kCAAkC,EAAE,aAAa,EAAE;AAAA,EACxF,UAAU,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,EAAE,SAAS,UAAU,IAAI,CAAC,CAAC,CAAC,EAAE;AAAA,IAC3F;AAAA,EACF;AAAA,EACA,gBAAgB,UAAU,KAAK,YAAY,uBAAuB;AACpE;",
   "names": []
 }

package/dist/types/ComboBox.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { DSComboboxT } from './react-desc-prop-types.js';
+declare const DSComboBox: React.ComponentType<DSComboboxT.Props>;
+declare const DSComboBoxWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSComboboxT.Props>;
+export { DSComboBox, DSComboBoxWithSchema, DSComboBox as DSComboBoxV3 };

package/dist/types/ComboBoxCTX.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { DSComboboxT } from './react-desc-prop-types.js';
+import type { DSComboboxInternalsT } from './sharedTypes.js';
+export declare function noop<T extends unknown[]>(..._args: T): void;
+export declare const defaultProps: DSComboboxT.DefaultProps;
+/** Context for cross component communication */
+export declare const ComboBoxContext: import("react").Context<DSComboboxInternalsT.ComboBoxContextT>;
+export default ComboBoxContext;

package/dist/types/ComboboxDataTestids.d.ts

@@ -0,0 +1,14 @@
+export declare const ComboboxDataTestid: {
+    MULTISELECT: {
+        HEADER_LIST: string;
+        SHOW_SELECTED_OPTIONS_TOGGLE: string;
+    };
+    CONTROLS_WRAPPER: string;
+    CONTAINER: string;
+    INPUT: string;
+    LIST: string;
+    SELECTED_VALUES: string;
+    DROPDOWN: string;
+    OPTION: string;
+    ALLY_SELECTED_VALUES: string;
+};

package/dist/types/config/useComboBox.d.ts

@@ -0,0 +1,3 @@
+import type { DSComboboxT } from '../react-desc-prop-types.js';
+import type { DSComboboxInternalsT } from '../sharedTypes.js';
+export declare const useComboBox: (props: DSComboboxT.Props) => DSComboboxInternalsT.ComboBoxContextT;

package/dist/types/config/useCorrectOptions.d.ts

@@ -0,0 +1,3 @@
+import type { DSComboboxT } from '../react-desc-prop-types.js';
+declare const useCorrectOptions: (propsWithDefaults: DSComboboxT.Props, inputValue: string, showSelectedOptions: boolean) => DSComboboxT.OptionTypes[];
+export { useCorrectOptions };

package/dist/types/constants.d.ts

@@ -0,0 +1,14 @@
+export declare const MENU_OPTION_TYPES: {
+    readonly OPTION: "option";
+    readonly SECTION: "section";
+    readonly SEPARATOR: "separator";
+};
+export declare const INTERNAL_MENU_OPTION_TYPES: {
+    readonly CREATABLE: "creatable";
+};
+export declare const MENU_CONTROL_REASONS: {
+    SELECT_OPTION: string;
+    CLOSE: string;
+    OPEN: string;
+    BLUR: string;
+};

package/dist/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from './ComboBox.js';
+export * from './theming.js';
+export * from './ComboboxDataTestids.js';
+export type { DSComboboxT } from './react-desc-prop-types.js';

package/dist/types/parts/DropdownIndicator.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const DropdownIndicator: () => JSX.Element;

package/dist/types/parts/LiveRegion.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const LiveRegion: () => JSX.Element;

package/dist/types/parts/container/Container.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Container: () => JSX.Element;

package/dist/types/parts/container/index.d.ts

@@ -0,0 +1 @@
+export { Container } from './Container.js';

package/dist/types/parts/controls/Controls.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Controls: () => JSX.Element;

package/dist/types/parts/controls/index.d.ts

@@ -0,0 +1 @@
+export { Controls } from './Controls.js';

package/dist/types/parts/controls/styled.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+interface StyledControlsWrapperT {
+    hasError: boolean;
+    inline: boolean;
+    minWidth?: number;
+    disabled: boolean;
+}
+export declare const StyledControlsWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types.js").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, StyledControlsWrapperT, never>;
+export declare const StyledSelection: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;
+export declare const StyledHeaderActionsWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types.js").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, object, never>;
+export declare const StyleDropdownIndicator: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;
+export declare const StyleHeaderActionsSeparator: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & Partial<StyledControlsWrapperT>, never>;
+export {};

package/dist/types/parts/controls/useOnPillsNavigation.d.ts

@@ -0,0 +1,4 @@
+import type React from 'react';
+export declare const useOnPillsNavigation: () => {
+    onKeyDownPills: React.KeyboardEventHandler<HTMLInputElement>;
+};

package/dist/types/parts/controls-input/ControlsInput.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const ControlsInput: () => JSX.Element;

package/dist/types/parts/controls-input/styled.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const StyledInput: import("styled-components").StyledComponent<"input", import("@elliemae/ds-system").Theme, {
+    withoutCaret: boolean;
+}, never>;
+export declare const StyledInputPlaceHolder: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;
+export declare const StyledInputWidthReference: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;
+export declare const StyledInputWrapper: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object, never>;

package/dist/types/parts/controls-input/useControlsInput.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+interface UseControlsInputT {
+    handleOnBlur: () => void;
+    handleOnChange?: React.ChangeEventHandler<HTMLInputElement>;
+    handleOnFocus: React.FocusEventHandler<HTMLInputElement>;
+    showPlaceholder: string | null | undefined;
+    spanReferenceText: string | undefined;
+    width: number;
+    spanReference: React.Ref<HTMLSpanElement>;
+}
+declare const useControlsInput: () => UseControlsInputT;
+export { useControlsInput };

package/dist/types/parts/controls-input/useKeyboardNavigation.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const useKeyboardNavigation: () => {
+    onInputKeyDown: import("react").KeyboardEventHandler<HTMLInputElement>;
+};

package/dist/types/parts/controls-input/useMaskedOnChange.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const useMaskedOnChange: () => import("react").ChangeEventHandler<HTMLInputElement>;
+export { useMaskedOnChange };

package/dist/types/parts/header-list/HeaderList.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const HeaderList: () => JSX.Element;

package/dist/types/parts/header-list/index.d.ts

@@ -0,0 +1 @@
+export { HeaderList } from './HeaderList.js';

package/dist/types/parts/header-list/styled.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const StyledHeaderListWrapper: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;
+export declare const StyledButtonSelection: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button").DSButtonT.Props>, import("@elliemae/ds-system").Theme, object, never>;
+export declare const StyledSelectedItems: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;
+export declare const StyledNoOptionsSelected: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;
+export declare const StyledSelectAllCheckbox: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;

package/dist/types/parts/header-list/useHeaderListHandlers.d.ts

@@ -0,0 +1,11 @@
+import type React from 'react';
+declare const useHeaderListHandlers: () => {
+    handleKeyDown: (e: React.KeyboardEvent) => void;
+    handleToggleSelectedValuesFilter: React.MouseEventHandler<Element>;
+    handleFilterSelectionBtnOnTab: (e: React.KeyboardEvent) => void;
+    handleOnMouseDown: (e: React.MouseEvent) => void;
+    handleCheckAllOnTab: (e: React.KeyboardEvent) => void;
+    handleSelectAllCheckboxChange: (e: React.MouseEvent | React.KeyboardEvent) => void;
+    checkboxStatus: boolean | "mixed";
+};
+export { useHeaderListHandlers };

package/dist/types/parts/menu-list/LoadingContainer.d.ts

@@ -0,0 +1,3 @@
+declare const LoadingContainer: () => import("react/jsx-runtime").JSX.Element;
+export { LoadingContainer };
+export default LoadingContainer;

package/dist/types/parts/menu-list/MenuList.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const MenuList: () => JSX.Element;

package/dist/types/parts/menu-list/index.d.ts

@@ -0,0 +1 @@
+export { MenuList } from './MenuList.js';

package/dist/types/parts/menu-list/styled.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+interface StyledListWrapperT {
+    minWidth: number | string;
+    maxHeight: number;
+    width: number | string;
+    inline?: boolean;
+}
+export declare const StyledListWrapper: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & StyledListWrapperT, never>;
+export declare const StyledList: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;
+export declare const StyledVirtualListWrapper: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & {
+    inline: boolean | undefined;
+    maxHeight: number;
+    withHeader: boolean;
+}, never>;
+export declare const StyledCreatableLabel: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;
+export declare const StyledCreatableValue: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;
+export declare const StyledNoResultsWrapper: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;
+export {};

package/dist/types/parts/menu-list/useItemRenderer.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const useItemRenderer: () => Array<JSX.Element> | null;

package/dist/types/parts/multi-selected-values-container/MultiSelectedValuesContainer.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const MultiSelectedValuesContainer: () => JSX.Element;

package/dist/types/parts/multi-selected-values-container/RemovableSelectedValuePill.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { DSComboboxT } from '../../react-desc-prop-types.js';
+export declare const RemovableSelectedValuePill: React.ComponentType<{
+    pill: DSComboboxT.ItemOption;
+}>;

package/dist/types/parts/multi-selected-values-container/index.d.ts

@@ -0,0 +1 @@
+export { MultiSelectedValuesContainer } from './MultiSelectedValuesContainer.js';

package/dist/types/parts/multi-selected-values-container/useGroupPills.d.ts

@@ -0,0 +1,2 @@
+declare const useGroupPills: () => number;
+export { useGroupPills };

package/dist/types/parts/styled.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const StyledA11ySelectedValues: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;

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

@@ -0,0 +1,450 @@
+import type React from 'react';
+import type { DSMaskT } from '@elliemae/ds-form-helpers-mask-hooks';
+export declare function noop<T extends unknown[]>(..._args: T): void;
+export declare namespace DSComboboxT {
+    interface CommonItemOptions {
+        dsId: string;
+        disabled?: boolean;
+        render?: React.ComponentType<unknown>;
+    }
+    interface ItemSeparatorOptions extends CommonItemOptions {
+        type: 'separator';
+    }
+    interface ItemSectionOptions extends CommonItemOptions {
+        type: 'section';
+        label: string;
+    }
+    interface ItemOption extends CommonItemOptions {
+        value: string;
+        label: string;
+        type: 'option';
+    }
+    interface ItemCreatableOption extends CommonItemOptions {
+        label: string;
+        type: 'creatable';
+    }
+    type OptionTypes = ItemOption | ItemSectionOptions | ItemSeparatorOptions | ItemCreatableOption;
+    type SelectedOptionsT = ItemOption[] | ItemOption | null;
+    interface PropsOptional {
+        inputMinWidth?: number;
+        menuMinWidth?: number;
+        menuMaxHeight?: number;
+        placeholder?: string;
+        autoFocus?: boolean;
+        filteredOptions?: OptionTypes[];
+        isMenuOpen?: boolean;
+        onMenuChange?: (state: boolean, reason: string, e: React.KeyboardEvent | React.MouseEvent | React.ChangeEvent<HTMLInputElement>) => void;
+        onCreate?: (label: string) => void;
+        onFilter?: (newOptions: OptionTypes[], inputValue?: string) => void;
+        onCancel?: () => void;
+        onSelectAll?: (suggestedValue: OptionTypes[] | [], event: React.MouseEvent | React.KeyboardEvent) => null;
+        onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>, value: ItemOption) => void;
+        zIndex?: number;
+        isLoading?: boolean;
+    }
+    interface RequiredProps {
+        allOptions: OptionTypes[];
+        selectedValues: SelectedOptionsT;
+        onChange: (suggestedValue: SelectedOptionsT, selectedOption: ItemOption, event: React.MouseEvent | React.KeyboardEvent) => void;
+    }
+    interface DefaultProps {
+        startPlacementPreference: string;
+        placementOrderPreference: string[];
+        hasError: boolean;
+        inline: boolean;
+        withoutPortal: boolean;
+        isNonClearable: boolean;
+        disabled: boolean;
+        noOptionsMessage: string;
+        innerRef: React.MutableRefObject<HTMLInputElement | null> | ((ref: HTMLInputElement | null) => void);
+        useMask: DSMaskT.Hook | typeof noop;
+        onlySelectable: boolean;
+    }
+    interface Props extends Partial<DefaultProps>, RequiredProps, PropsOptional {
+    }
+    interface InternalProps extends DefaultProps, RequiredProps, PropsOptional {
+    }
+}
+export declare const ComboboxPropTypes: {
+    placeholder: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    allOptions: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    filteredOptions: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    selectedValues: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    disabled: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    autoFocus: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    hasError: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    noOptionsMessage: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onChange: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onFilter: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onCreate: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onCancel: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onMenuChange: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    inputMinWidth: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    menuMinWidth: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    menuMaxHeight: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    withoutPortal: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    zIndex: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    innerRef: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onlySelectable: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-*': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'on-*': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'data-*': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'all HTML attributes': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    about: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    accept: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    acceptCharset: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    accessKey: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    action: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    allowFullScreen: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    allowTransparency: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    alt: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-activedescendant': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-atomic': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-autocomplete': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-busy': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-checked': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-colcount': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-colindex': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-colspan': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-controls': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-current': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-describedby': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-details': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-disabled': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-dropeffect': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-errormessage': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-expanded': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-flowto': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-grabbed': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-haspopup': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-hidden': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-invalid': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-keyshortcuts': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-label': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-labelledby': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-level': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-live': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-modal': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-multiline': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-multiselectable': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-orientation': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-owns': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-placeholder': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-posinset': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-pressed': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-readonly': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-relevant': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-required': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-roledescription': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-rowcount': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-rowindex': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-rowspan': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-selected': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-setsize': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-sort': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-valuemax': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-valuemin': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-valuenow': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-valuetext': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    as: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    async: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    autoCapitalize: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    autoComplete: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    autoCorrect: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    autoPlay: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    autoSave: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    capture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    cellPadding: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    cellSpacing: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    challenge: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    charSet: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    checked: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    children: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    cite: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    classID: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    className: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    color: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    cols: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    colSpan: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    content: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    contentEditable: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    contextMenu: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    controls: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    coords: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    crossOrigin: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    data: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    datatype: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    dateTime: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    default: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    defaultChecked: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    defaultValue: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    defer: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    dir: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    download: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    draggable: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    encType: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    form: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    formAction: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    formEncType: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    formMethod: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    formNoValidate: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    formTarget: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    frameBorder: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    headers: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    height: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    hidden: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    high: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    href: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    hrefLang: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    htmlFor: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    httpEquiv: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    id: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    inlist: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    inputMode: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    integrity: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    is: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    itemID: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    itemProp: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    itemRef: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    itemScope: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    itemType: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    keyParams: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    keyType: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    kind: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    label: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    lang: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    list: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    loop: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    low: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    manifest: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    marginHeight: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    marginWidth: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    max: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    maxLength: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    media: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    mediaGroup: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    method: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    min: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    minLength: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    multiple: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    muted: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    name: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    nonce: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    noValidate: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onAbort: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onAbortCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onAnimationEnd: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onAnimationEndCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onAnimationIteration: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onAnimationIterationCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onAnimationStart: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onAnimationStartCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onAuxClick: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onAuxClickCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onBeforeInput: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onBeforeInputCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onBlur: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onBlurCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onCanPlay: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onCanPlayCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onCanPlayThrough: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onCanPlayThroughCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onChangeCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onClick: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onClickCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onCompositionEnd: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onCompositionEndCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onCompositionStart: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onCompositionStartCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onCompositionUpdate: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onCompositionUpdateCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onContextMenu: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onContextMenuCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onCopy: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onCopyCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onCut: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onCutCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onDoubleClick: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onDoubleClickCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onDrag: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onDragCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onDragEnd: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onDragEndCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onDragEnter: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onDragEnterCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onDragExit: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onDragExitCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onDragLeave: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onDragLeaveCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onDragOver: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onDragOverCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onDragStart: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onDragStartCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onDrop: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onDropCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onDurationChange: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onDurationChangeCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onEmptied: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onEmptiedCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onEncrypted: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onEncryptedCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onEnded: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onEndedCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onError: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onErrorCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onFocus: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onFocusCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onGotPointerCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onGotPointerCaptureCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onInput: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onInputCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onInvalid: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onInvalidCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onKeyDown: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onKeyDownCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onKeyPress: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onKeyPressCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onKeyUp: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onKeyUpCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onLoad: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onLoadCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onLoadedData: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onLoadedDataCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onLoadedMetadata: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onLoadedMetadataCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onLoadStart: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onLoadStartCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onLostPointerCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onLostPointerCaptureCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onMouseDown: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onMouseDownCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onMouseEnter: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onMouseLeave: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onMouseMove: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onMouseMoveCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onMouseOut: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onMouseOutCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onMouseOver: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onMouseOverCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onMouseUp: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onMouseUpCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onPaste: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onPasteCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onPause: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onPauseCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onPlay: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onPlayCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onPlaying: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onPlayingCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onPointerCancel: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onPointerCancelCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onPointerDown: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onPointerDownCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onPointerEnter: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onPointerEnterCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onPointerLeave: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onPointerLeaveCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onPointerMove: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onPointerMoveCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onPointerOut: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onPointerOutCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onPointerOver: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onPointerOverCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onPointerUp: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onPointerUpCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onProgress: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onProgressCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onRateChange: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onRateChangeCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onReset: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onResetCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onResize: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onResizeCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onScroll: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onScrollCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onSeeked: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onSeekedCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onSeeking: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onSeekingCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onSelect: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onSelectCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onStalled: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onStalledCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onSubmit: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onSubmitCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onSuspend: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onSuspendCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onTimeUpdate: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onTimeUpdateCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onTouchCancel: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onTouchCancelCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onTouchEnd: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onTouchEndCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onTouchMove: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onTouchMoveCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onTouchStart: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onTouchStartCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onTransitionEnd: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onTransitionEndCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onVolumeChange: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onVolumeChangeCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onWaiting: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onWaitingCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onWheel: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onWheelCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    open: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    optimum: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    pattern: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    playsInline: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    poster: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    prefix: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    preload: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    property: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    radioGroup: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    readOnly: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    rel: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    rev: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    required: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    resource: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    results: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    reversed: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    role: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    rows: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    rowSpan: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    sandbox: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    scope: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    scoped: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    scrolling: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    seamless: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    security: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    selected: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    shape: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    size: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    sizes: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    slot: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    span: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    spellCheck: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    src: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    srcDoc: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    srcLang: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    srcSet: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    start: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    step: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    style: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    summary: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    suppressContentEditableWarning: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    suppressHydrationWarning: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    tabIndex: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    target: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    title: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    translate: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    type: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    typeof: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    unselectable: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    useMap: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    value: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    vocab: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    width: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    wmode: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    wrap: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+};

package/dist/types/sharedTypes.d.ts

@@ -0,0 +1,33 @@
+import type React from 'react';
+import type { useVirtual } from 'react-virtual';
+import type { DSComboboxT } from './react-desc-prop-types.js';
+export declare namespace DSComboboxInternalsT {
+    interface ComboBoxContextT {
+        props: DSComboboxT.InternalProps;
+        internalRef: React.RefObject<HTMLInputElement>;
+        virtualListHelpers?: ReturnType<typeof useVirtual>;
+        menuState: boolean;
+        setShowPopover: React.Dispatch<React.SetStateAction<boolean>>;
+        referenceElement: HTMLElement | null;
+        setReferenceElement: React.Dispatch<React.SetStateAction<HTMLElement | null>>;
+        pillGroupRef: React.RefObject<HTMLDivElement>;
+        scrollOptionIntoView: (dsId: string) => void;
+        setHasFocus: React.Dispatch<React.SetStateAction<boolean>>;
+        hasFocus: boolean;
+        listRef: React.RefObject<HTMLDivElement>;
+        wrapperListRef: React.RefObject<HTMLDivElement>;
+        inputValue: string;
+        setInputValue: React.Dispatch<React.SetStateAction<string>>;
+        selectedOptionsRef: React.RefObject<HTMLDivElement>;
+        controlsWrapperRef: React.RefObject<HTMLDivElement>;
+        selectAllCheckboxRef: React.RefObject<HTMLInputElement>;
+        toggleSelectionButtonRef: React.RefObject<HTMLButtonElement>;
+        focusOptionIdx: string;
+        setFocusOptionIdx: React.Dispatch<React.SetStateAction<string>>;
+        showSelectedOptions: boolean;
+        setShowSelectedOptions: React.Dispatch<React.SetStateAction<boolean>>;
+        setMenuState: (newState: boolean, reason?: string, e?: React.KeyboardEvent | React.MouseEvent | React.ChangeEvent<HTMLInputElement>) => void;
+    }
+}
+export declare const isSeparator: (el: DSComboboxT.OptionTypes | undefined) => el is DSComboboxT.ItemSeparatorOptions;
+export declare const isOption: (el: DSComboboxT.OptionTypes | undefined) => el is DSComboboxT.ItemOption;

package/dist/types/tests/creatable.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tests/disabled.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tests/general.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tests/multi-select.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tests/onlyselectable.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tests/single-select.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tests/usemask.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tests/utils.d.ts

@@ -0,0 +1,22 @@
+export declare const basicOptions: {
+    dsId: string;
+    type: string;
+    value: string;
+    label: string;
+}[];
+export declare const groupedOptions: ({
+    dsId: string;
+    type: string;
+    value: string;
+    label: string;
+} | {
+    dsId: string;
+    type: string;
+    value?: undefined;
+    label?: undefined;
+} | {
+    dsId: string;
+    type: string;
+    label: string;
+    value?: undefined;
+})[];

package/dist/types/theming.d.ts

@@ -0,0 +1,6 @@
+export declare const DSComboBoxName = "DSCombobox";
+export declare const DSComboboxSlots: {
+    CONTAINER: string;
+    INPUT_WRAPPER: string;
+    INPUT: string;
+};

package/dist/types/utils/listHelper.d.ts

@@ -0,0 +1,14 @@
+import type { DSComboboxT } from '../react-desc-prop-types.js';
+export declare const getSelectableOptions: (options: Array<DSComboboxT.OptionTypes>) => Array<DSComboboxT.OptionTypes>;
+export declare const getOptions: (options: Array<DSComboboxT.OptionTypes>) => Array<DSComboboxT.OptionTypes>;
+export declare const isSelectedValueEmpty: (value: DSComboboxT.SelectedOptionsT) => boolean;
+export declare const isSelectedValueMultiple: (value: DSComboboxT.SelectedOptionsT) => boolean;
+export declare const isSelected: (value: DSComboboxT.SelectedOptionsT, activeOption: DSComboboxT.ItemOption) => boolean;
+export declare const findInCircularList: (list: DSComboboxT.OptionTypes[], from: number, criteria: (item: DSComboboxT.OptionTypes) => boolean, step?: number) => number;
+export declare const getLastValueSelected: (selectedValues: DSComboboxT.SelectedOptionsT) => DSComboboxT.ItemOption | null;
+export declare const getFirstOption: (options: DSComboboxT.OptionTypes[], selectedValues: DSComboboxT.SelectedOptionsT) => string;
+export declare const getSuggestedValueOnChange: (selectedOption: DSComboboxT.ItemOption, selectedValues: DSComboboxT.SelectedOptionsT, isNonClearable?: boolean) => DSComboboxT.ItemOption | DSComboboxT.ItemOption[] | null;
+export declare const filterOptions: (inputValue: string, options: DSComboboxT.OptionTypes[]) => DSComboboxT.OptionTypes[];
+export declare const selectedValuesWithSections: (optionsToParse: DSComboboxT.OptionTypes[], multiSelectedValue: DSComboboxT.ItemOption[]) => DSComboboxT.OptionTypes[];
+export declare const getFilteredOptionsSelected: (filteredOption: DSComboboxT.OptionTypes[], selectedValues: DSComboboxT.ItemOption[]) => DSComboboxT.OptionTypes[];
+export declare const scrollIfNeeded: (elem: HTMLElement, options?: ScrollIntoViewOptions | undefined) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-form-combobox",
-  "version": "3.17.0-next.9",
+  "version": "3.17.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Controlled Form Combobox",
   "files": [
@@ -37,18 +37,18 @@
   "dependencies": {
     "react-virtual": "~2.10.4",
     "uid": "~2.0.1",
-    "@elliemae/ds-button": "3.17.0-next.9",
-    "@elliemae/ds-icons": "3.17.0-next.9",
-    "@elliemae/ds-circular-progress-indicator": "3.17.0-next.9",
-    "@elliemae/ds-pills": "3.17.0-next.9",
-    "@elliemae/ds-grid": "3.17.0-next.9",
-    "@elliemae/ds-props-helpers": "3.17.0-next.9",
-    "@elliemae/ds-system": "3.17.0-next.9",
-    "@elliemae/ds-truncated-tooltip-text": "3.17.0-next.9",
-    "@elliemae/ds-utilities": "3.17.0-next.9",
-    "@elliemae/ds-menu-items": "3.17.0-next.9",
-    "@elliemae/ds-form-checkbox": "3.17.0-next.9",
-    "@elliemae/ds-popperjs": "3.17.0-next.9"
+    "@elliemae/ds-button": "3.17.0",
+    "@elliemae/ds-circular-progress-indicator": "3.17.0",
+    "@elliemae/ds-grid": "3.17.0",
+    "@elliemae/ds-form-checkbox": "3.17.0",
+    "@elliemae/ds-menu-items": "3.17.0",
+    "@elliemae/ds-icons": "3.17.0",
+    "@elliemae/ds-pills": "3.17.0",
+    "@elliemae/ds-popperjs": "3.17.0",
+    "@elliemae/ds-props-helpers": "3.17.0",
+    "@elliemae/ds-truncated-tooltip-text": "3.17.0",
+    "@elliemae/ds-system": "3.17.0",
+    "@elliemae/ds-utilities": "3.17.0"
   },
   "devDependencies": {
     "@elliemae/pui-theme": "~2.7.0",
@@ -58,7 +58,7 @@
     "@testing-library/user-event": "~13.5.0",
     "styled-components": "~5.3.9",
     "styled-system": "~5.1.5",
-    "@elliemae/ds-form-helpers-mask-hooks": "3.17.0-next.9"
+    "@elliemae/ds-form-helpers-mask-hooks": "3.17.0"
   },
   "peerDependencies": {
     "@elliemae/pui-theme": "~2.7.0",