@elliemae/ds-form-combobox 3.57.10 → 3.57.13

package/dist/cjs/parts/container/Container.js

@@ -70,9 +70,8 @@ const Container = () => {
   }, [menuState, setMenuState]);
   const config = (0, import_react2.useMemo)(
     () => ({
-      placement: "bottom",
+      placement: startPlacementPreference,
       withoutAnimation: true,
-      startPlacementPreference,
       placementOrderPreference,
       zIndex: correctZIndex,
       customOffset: [0, 5],

package/dist/cjs/parts/container/Container.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/parts/container/Container.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable consistent-return */\n/* eslint-disable complexity */\nimport React, { useCallback, useMemo, useEffect, useContext } from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps, useOwnerProps } from '@elliemae/ds-props-helpers';\nimport { useFloatingContext, FloatingWrapper, type DSHookFloatingContextT } from '@elliemae/ds-floating-context';\nimport ComboBoxContext from '../../ComboBoxCTX.js';\nimport { StyledContainer, StyledPopperWrapper } from './styled.js';\nimport { Controls } from '../controls/index.js';\nimport { MenuList } from '../menu-list/index.js';\nimport { ComboboxDataTestid } from '../../ComboboxDataTestids.js';\nimport { LiveRegion } from '../LiveRegion.js';\nimport { useOnClickOutside } from '../../config/useClickOutside.js';\n\nexport const Container = (): JSX.Element => {\n  const { props, internalRef, setMenuState, menuState } = useContext(ComboBoxContext);\n\n  const { inline, startPlacementPreference, placementOrderPreference, isLoading, isSkeleton, applyAriaDisabled } =\n    props;\n  const globalAttributes = useGetGlobalAttributes(props) as ReturnType<typeof useGetGlobalAttributes> & {\n    'data-testid'?: string;\n  };\n  const { zIndex, ...xStyledProps } = useGetXstyledProps(props);\n  const { getOwnerProps, getOwnerPropsArguments } = useOwnerProps(props);\n\n  const correctZIndex = zIndex ? parseInt(zIndex as string, 10) : undefined;\n  // Removing possible collisionable props\n  const { className, 'data-testid': dataTestId } = globalAttributes;\n  const handleMouseDown = useCallback((e: React.MouseEvent) => {\n    e.preventDefault();\n  }, []);\n\n  const handleCloseMenu = useCallback(() => {\n    setMenuState(false, 'blur');\n    if (internalRef?.current) internalRef.current.blur();\n  }, [internalRef, setMenuState]);\n\n  useEffect(() => {\n    const closeMenuOnWindowBlur = () => {\n      if (menuState) setMenuState(false, 'blur');\n    };\n\n    window.addEventListener('blur', closeMenuOnWindowBlur);\n\n    return () => {\n      window.removeEventListener('blur', closeMenuOnWindowBlur);\n    };\n  }, [menuState, setMenuState]);\n\n  const config = useMemo(\n    () => ({\n      placement: 'bottom' as DSHookFloatingContextT.PopperPlacementsT,\n      withoutAnimation: true,\n      startPlacementPreference,\n      placementOrderPreference,\n      zIndex: correctZIndex,\n      customOffset: [0, 5] as [number, number],\n      handleCloseMenu,\n      externallyControlledIsOpen: menuState,\n    }),\n    [startPlacementPreference, placementOrderPreference, correctZIndex, handleCloseMenu, menuState],\n  );\n\n  const { refs, floatingStyles, context } = useFloatingContext(config);\n\n  const hideTooltip = useCallback(() => {\n    setMenuState(false, 'blur');\n  }, [setMenuState]);\n\n  useOnClickOutside(refs.reference, hideTooltip, refs.floating);\n\n  return (\n    <StyledContainer\n      data-testid={dataTestId ?? ComboboxDataTestid.CONTAINER}\n      innerRef={refs.setReference}\n      className={className}\n      applyAriaDisabled={applyAriaDisabled}\n      {...xStyledProps}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      <LiveRegion />\n      <Controls />\n\n      {menuState && inline ? <MenuList /> : null}\n      {menuState && !inline && refs.reference ? (\n        <FloatingWrapper\n          innerRef={refs.setFloating}\n          floatingStyles={floatingStyles}\n          isOpen={menuState}\n          context={context}\n          {...props.popperProps}\n          key={`${isLoading}${isSkeleton}`} // to force remount when loading/skeleton changes\n        >\n          <StyledPopperWrapper tabIndex={-1} onMouseDown={handleMouseDown} applyAriaDisabled={applyAriaDisabled}>\n            <MenuList />\n          </StyledPopperWrapper>\n        </FloatingWrapper>\n      ) : null}\n    </StyledContainer>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADuEnB;AAcI;AAnFR,IAAAA,gBAAmE;AACnE,8BAA0E;AAC1E,iCAAiF;AACjF,yBAA4B;AAC5B,oBAAqD;AACrD,sBAAyB;AACzB,uBAAyB;AACzB,iCAAmC;AACnC,wBAA2B;AAC3B,6BAAkC;AAE3B,MAAM,YAAY,MAAmB;AAC1C,QAAM,EAAE,OAAO,aAAa,cAAc,UAAU,QAAI,0BAAW,mBAAAC,OAAe;AAElF,QAAM,EAAE,QAAQ,0BAA0B,0BAA0B,WAAW,YAAY,kBAAkB,IAC3G;AACF,QAAM,uBAAmB,gDAAuB,KAAK;AAGrD,QAAM,EAAE,QAAQ,GAAG,aAAa,QAAI,4CAAmB,KAAK;AAC5D,QAAM,EAAE,eAAe,uBAAuB,QAAI,uCAAc,KAAK;AAErE,QAAM,gBAAgB,SAAS,SAAS,QAAkB,EAAE,IAAI;AAEhE,QAAM,EAAE,WAAW,eAAe,WAAW,IAAI;AACjD,QAAM,sBAAkB,2BAAY,CAAC,MAAwB;AAC3D,MAAE,eAAe;AAAA,EACnB,GAAG,CAAC,CAAC;AAEL,QAAM,sBAAkB,2BAAY,MAAM;AACxC,iBAAa,OAAO,MAAM;AAC1B,QAAI,aAAa,QAAS,aAAY,QAAQ,KAAK;AAAA,EACrD,GAAG,CAAC,aAAa,YAAY,CAAC;AAE9B,+BAAU,MAAM;AACd,UAAM,wBAAwB,MAAM;AAClC,UAAI,UAAW,cAAa,OAAO,MAAM;AAAA,IAC3C;AAEA,WAAO,iBAAiB,QAAQ,qBAAqB;AAErD,WAAO,MAAM;AACX,aAAO,oBAAoB,QAAQ,qBAAqB;AAAA,IAC1D;AAAA,EACF,GAAG,CAAC,WAAW,YAAY,CAAC;AAE5B,QAAM,aAAS;AAAA,IACb,OAAO;AAAA,MACL,WAAW;AAAA,MACX,kBAAkB;AAAA,MAClB;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,MACR,cAAc,CAAC,GAAG,CAAC;AAAA,MACnB;AAAA,MACA,4BAA4B;AAAA,IAC9B;AAAA,IACA,CAAC,0BAA0B,0BAA0B,eAAe,iBAAiB,SAAS;AAAA,EAChG;AAEA,QAAM,EAAE,MAAM,gBAAgB,QAAQ,QAAI,+CAAmB,MAAM;AAEnE,QAAM,kBAAc,2BAAY,MAAM;AACpC,iBAAa,OAAO,MAAM;AAAA,EAC5B,GAAG,CAAC,YAAY,CAAC;AAEjB,gDAAkB,KAAK,WAAW,aAAa,KAAK,QAAQ;AAE5D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa,cAAc,8CAAmB;AAAA,MAC9C,UAAU,KAAK;AAAA,MACf;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MAEA;AAAA,oDAAC,gCAAW;AAAA,QACZ,4CAAC,4BAAS;AAAA,QAET,aAAa,SAAS,4CAAC,6BAAS,IAAK;AAAA,QACrC,aAAa,CAAC,UAAU,KAAK,YAC5B;AAAA,UAAC;AAAA;AAAA,YACC,UAAU,KAAK;AAAA,YACf;AAAA,YACA,QAAQ;AAAA,YACR;AAAA,YACC,GAAG,MAAM;AAAA,YACV,KAAK,GAAG,SAAS,GAAG,UAAU;AAAA;AAAA,UAE9B,4CAAC,qCAAoB,UAAU,IAAI,aAAa,iBAAiB,mBAC/D,sDAAC,6BAAS,GACZ;AAAA,QACF,IACE;AAAA;AAAA;AAAA,EACN;AAEJ;",
+  "sourcesContent": ["/* eslint-disable consistent-return */\n/* eslint-disable complexity */\nimport React, { useCallback, useMemo, useEffect, useContext } from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps, useOwnerProps } from '@elliemae/ds-props-helpers';\nimport { useFloatingContext, FloatingWrapper } from '@elliemae/ds-floating-context';\nimport ComboBoxContext from '../../ComboBoxCTX.js';\nimport { StyledContainer, StyledPopperWrapper } from './styled.js';\nimport { Controls } from '../controls/index.js';\nimport { MenuList } from '../menu-list/index.js';\nimport { ComboboxDataTestid } from '../../ComboboxDataTestids.js';\nimport { LiveRegion } from '../LiveRegion.js';\nimport { useOnClickOutside } from '../../config/useClickOutside.js';\n\nexport const Container = (): JSX.Element => {\n  const { props, internalRef, setMenuState, menuState } = useContext(ComboBoxContext);\n\n  const { inline, startPlacementPreference, placementOrderPreference, isLoading, isSkeleton, applyAriaDisabled } =\n    props;\n  const globalAttributes = useGetGlobalAttributes(props) as ReturnType<typeof useGetGlobalAttributes> & {\n    'data-testid'?: string;\n  };\n  const { zIndex, ...xStyledProps } = useGetXstyledProps(props);\n  const { getOwnerProps, getOwnerPropsArguments } = useOwnerProps(props);\n\n  const correctZIndex = zIndex ? parseInt(zIndex as string, 10) : undefined;\n  // Removing possible collisionable props\n  const { className, 'data-testid': dataTestId } = globalAttributes;\n  const handleMouseDown = useCallback((e: React.MouseEvent) => {\n    e.preventDefault();\n  }, []);\n\n  const handleCloseMenu = useCallback(() => {\n    setMenuState(false, 'blur');\n    if (internalRef?.current) internalRef.current.blur();\n  }, [internalRef, setMenuState]);\n\n  useEffect(() => {\n    const closeMenuOnWindowBlur = () => {\n      if (menuState) setMenuState(false, 'blur');\n    };\n\n    window.addEventListener('blur', closeMenuOnWindowBlur);\n\n    return () => {\n      window.removeEventListener('blur', closeMenuOnWindowBlur);\n    };\n  }, [menuState, setMenuState]);\n\n  const config = useMemo(\n    () => ({\n      placement: startPlacementPreference,\n      withoutAnimation: true,\n      placementOrderPreference,\n      zIndex: correctZIndex,\n      customOffset: [0, 5] as [number, number],\n      handleCloseMenu,\n      externallyControlledIsOpen: menuState,\n    }),\n    [startPlacementPreference, placementOrderPreference, correctZIndex, handleCloseMenu, menuState],\n  );\n\n  const { refs, floatingStyles, context } = useFloatingContext(config);\n\n  const hideTooltip = useCallback(() => {\n    setMenuState(false, 'blur');\n  }, [setMenuState]);\n\n  useOnClickOutside(refs.reference, hideTooltip, refs.floating);\n\n  return (\n    <StyledContainer\n      data-testid={dataTestId ?? ComboboxDataTestid.CONTAINER}\n      innerRef={refs.setReference}\n      className={className}\n      applyAriaDisabled={applyAriaDisabled}\n      {...xStyledProps}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      <LiveRegion />\n      <Controls />\n\n      {menuState && inline ? <MenuList /> : null}\n      {menuState && !inline && refs.reference ? (\n        <FloatingWrapper\n          innerRef={refs.setFloating}\n          floatingStyles={floatingStyles}\n          isOpen={menuState}\n          context={context}\n          {...props.popperProps}\n          key={`${isLoading}${isSkeleton}`} // to force remount when loading/skeleton changes\n        >\n          <StyledPopperWrapper tabIndex={-1} onMouseDown={handleMouseDown} applyAriaDisabled={applyAriaDisabled}>\n            <MenuList />\n          </StyledPopperWrapper>\n        </FloatingWrapper>\n      ) : null}\n    </StyledContainer>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADsEnB;AAcI;AAlFR,IAAAA,gBAAmE;AACnE,8BAA0E;AAC1E,iCAAoD;AACpD,yBAA4B;AAC5B,oBAAqD;AACrD,sBAAyB;AACzB,uBAAyB;AACzB,iCAAmC;AACnC,wBAA2B;AAC3B,6BAAkC;AAE3B,MAAM,YAAY,MAAmB;AAC1C,QAAM,EAAE,OAAO,aAAa,cAAc,UAAU,QAAI,0BAAW,mBAAAC,OAAe;AAElF,QAAM,EAAE,QAAQ,0BAA0B,0BAA0B,WAAW,YAAY,kBAAkB,IAC3G;AACF,QAAM,uBAAmB,gDAAuB,KAAK;AAGrD,QAAM,EAAE,QAAQ,GAAG,aAAa,QAAI,4CAAmB,KAAK;AAC5D,QAAM,EAAE,eAAe,uBAAuB,QAAI,uCAAc,KAAK;AAErE,QAAM,gBAAgB,SAAS,SAAS,QAAkB,EAAE,IAAI;AAEhE,QAAM,EAAE,WAAW,eAAe,WAAW,IAAI;AACjD,QAAM,sBAAkB,2BAAY,CAAC,MAAwB;AAC3D,MAAE,eAAe;AAAA,EACnB,GAAG,CAAC,CAAC;AAEL,QAAM,sBAAkB,2BAAY,MAAM;AACxC,iBAAa,OAAO,MAAM;AAC1B,QAAI,aAAa,QAAS,aAAY,QAAQ,KAAK;AAAA,EACrD,GAAG,CAAC,aAAa,YAAY,CAAC;AAE9B,+BAAU,MAAM;AACd,UAAM,wBAAwB,MAAM;AAClC,UAAI,UAAW,cAAa,OAAO,MAAM;AAAA,IAC3C;AAEA,WAAO,iBAAiB,QAAQ,qBAAqB;AAErD,WAAO,MAAM;AACX,aAAO,oBAAoB,QAAQ,qBAAqB;AAAA,IAC1D;AAAA,EACF,GAAG,CAAC,WAAW,YAAY,CAAC;AAE5B,QAAM,aAAS;AAAA,IACb,OAAO;AAAA,MACL,WAAW;AAAA,MACX,kBAAkB;AAAA,MAClB;AAAA,MACA,QAAQ;AAAA,MACR,cAAc,CAAC,GAAG,CAAC;AAAA,MACnB;AAAA,MACA,4BAA4B;AAAA,IAC9B;AAAA,IACA,CAAC,0BAA0B,0BAA0B,eAAe,iBAAiB,SAAS;AAAA,EAChG;AAEA,QAAM,EAAE,MAAM,gBAAgB,QAAQ,QAAI,+CAAmB,MAAM;AAEnE,QAAM,kBAAc,2BAAY,MAAM;AACpC,iBAAa,OAAO,MAAM;AAAA,EAC5B,GAAG,CAAC,YAAY,CAAC;AAEjB,gDAAkB,KAAK,WAAW,aAAa,KAAK,QAAQ;AAE5D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa,cAAc,8CAAmB;AAAA,MAC9C,UAAU,KAAK;AAAA,MACf;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MAEA;AAAA,oDAAC,gCAAW;AAAA,QACZ,4CAAC,4BAAS;AAAA,QAET,aAAa,SAAS,4CAAC,6BAAS,IAAK;AAAA,QACrC,aAAa,CAAC,UAAU,KAAK,YAC5B;AAAA,UAAC;AAAA;AAAA,YACC,UAAU,KAAK;AAAA,YACf;AAAA,YACA,QAAQ;AAAA,YACR;AAAA,YACC,GAAG,MAAM;AAAA,YACV,KAAK,GAAG,SAAS,GAAG,UAAU;AAAA;AAAA,UAE9B,4CAAC,qCAAoB,UAAU,IAAI,aAAa,iBAAiB,mBAC/D,sDAAC,6BAAS,GACZ;AAAA,QACF,IACE;AAAA;AAAA;AAAA,EACN;AAEJ;",
   "names": ["import_react", "ComboBoxContext"]
 }

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

@@ -38,6 +38,7 @@ function noop(..._args) {
 }
 const ComboboxPropTypes = {
   ...import_ds_props_helpers.globalAttributesPropTypes,
+  ...import_ds_props_helpers.xstyledPropTypes,
   placeholder: import_ds_props_helpers.PropTypes.string.description("input's placeholder value").defaultValue(""),
   allOptions: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.array, import_ds_props_helpers.PropTypes.object]).isRequired.description("List of original options").defaultValue([]),
   filteredOptions: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.array, import_ds_props_helpers.PropTypes.object]).description("List of filtered options to show in the menu based on the current internal input filter value").defaultValue([]),
@@ -70,6 +71,13 @@ const ComboboxPropTypes = {
   isMenuOpenableWithReadOnly: import_ds_props_helpers.PropTypes.bool.description("Whether the menu can be opened when the input is readonly").defaultValue(false),
   onSelectAll: import_ds_props_helpers.PropTypes.func.description("function triggered when user select all the options").defaultValue("() => {}").deprecated({ version: "25.2" }),
   popperProps: import_ds_props_helpers.PropTypes.object.description("props to be passed to the FloatingWrapper component").defaultValue(void 0),
-  forceFocusFirstOptionOnType: import_ds_props_helpers.PropTypes.bool.description("Whether to focus the first option when typing in the input.").defaultValue(false)
+  forceFocusFirstOptionOnType: import_ds_props_helpers.PropTypes.bool.description("Whether to focus the first option when typing in the input.").defaultValue(false),
+  placementOrderPreference: import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.string).description("The order of preference of placements for the menu").defaultValue(["bottom-start", "top-start", "bottom-end", "top-end", "right-start", "left-start"]),
+  startPlacementPreference: import_ds_props_helpers.PropTypes.string.description("The initial preferred placement of the menu").defaultValue("bottom-start"),
+  inline: import_ds_props_helpers.PropTypes.bool.description("Whether the menu should be rendered inline mode").defaultValue(false),
+  isNonClearable: import_ds_props_helpers.PropTypes.bool.description("Whether the selected value can be cleared or not").defaultValue(false),
+  useMask: import_ds_props_helpers.PropTypes.func.description("Hook or function that returns mask handlers (e.g. usePhoneMask).").defaultValue(void 0),
+  isMenuOpen: import_ds_props_helpers.PropTypes.bool.description("Whether the menu is open or not").defaultValue(void 0),
+  isLoading: import_ds_props_helpers.PropTypes.bool.description("Whether the options are loading or not").defaultValue(false)
 };
 //# sourceMappingURL=react-desc-prop-types.js.map

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 { DSFastListT } from '@elliemae/ds-fast-list';\nimport type { DSFloatingWrapperT, useFloatingContext } from '@elliemae/ds-floating-context';\nimport type { DSMaskT } from '@elliemae/ds-form-helpers-mask-hooks';\nimport type { DSPopperJST } from '@elliemae/ds-popperjs';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { globalAttributesPropTypes, PropTypes } from '@elliemae/ds-props-helpers';\nimport type { SizingProps } from '@elliemae/ds-system';\nimport type React from 'react';\n\nexport function noop<T extends unknown[]>(..._args: T): void {}\n\nexport declare namespace DSComboboxT {\n  type ReturnOfUseFloatingContext = ReturnType<typeof useFloatingContext>;\n  export interface CommonItemOptions extends GlobalAttributesT {\n    dsId: string;\n    disabled?: boolean;\n    applyAriaDisabled?: 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    options: OptionTypes[];\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    menuMinWidth?: SizingProps['minWidth'];\n    menuMaxHeight?: SizingProps['maxHeight'];\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    isLoading?: boolean;\n    popperProps?: DSFloatingWrapperT.Props;\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: DSPopperJST.PopperPlacementsT;\n    placementOrderPreference: DSPopperJST.PopperPlacementsT[];\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    isSkeleton: boolean;\n    applyAriaDisabled: boolean;\n    readOnly: boolean;\n    isMenuOpenableWithReadOnly: boolean;\n    forceFocusFirstOptionOnType: boolean;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      RequiredProps,\n      PropsOptional,\n      Omit<GlobalAttributesT, keyof DefaultProps | keyof RequiredProps | keyof PropsOptional>,\n      XstyledProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      RequiredProps,\n      PropsOptional,\n      Omit<GlobalAttributesT, keyof DefaultProps | keyof RequiredProps | keyof PropsOptional>,\n      XstyledProps {}\n\n  type ActionRefVirtualized = {\n    scrollTo: (index: number, opts?: DSFastListT.ScrollToOptions) => void;\n  };\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  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  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  isSkeleton: PropTypes.bool.description('whether or not the component is in skeleton state').defaultValue(false),\n  applyAriaDisabled: PropTypes.bool\n    .description(\n      'Whether to apply disabled styling and announce as disabled in SR. CAN STILL RECEIVE FOCUS. PREVENTS ONLY MAIN ACTION.',\n    )\n    .defaultValue(false),\n  readOnly: PropTypes.bool\n    .description('Makes the component non-editable while remaining accessible.')\n    .defaultValue(false),\n  isMenuOpenableWithReadOnly: PropTypes.bool\n    .description('Whether the menu can be opened when the input is readonly')\n    .defaultValue(false),\n  onSelectAll: PropTypes.func\n    .description('function triggered when user select all the options')\n    .defaultValue('() => {}')\n    .deprecated({ version: '25.2' }),\n  popperProps: PropTypes.object\n    .description('props to be passed to the FloatingWrapper component')\n    .defaultValue(undefined),\n  forceFocusFirstOptionOnType: PropTypes.bool\n    .description('Whether to focus the first option when typing in the input.')\n    .defaultValue(false),\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADOvB,8BAAqD;AAI9C,SAAS,QAA6B,OAAgB;AAAC;AAsGvD,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,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,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;AAAA,EAClE,YAAY,kCAAU,KAAK,YAAY,mDAAmD,EAAE,aAAa,KAAK;AAAA,EAC9G,mBAAmB,kCAAU,KAC1B;AAAA,IACC;AAAA,EACF,EACC,aAAa,KAAK;AAAA,EACrB,UAAU,kCAAU,KACjB,YAAY,8DAA8D,EAC1E,aAAa,KAAK;AAAA,EACrB,4BAA4B,kCAAU,KACnC,YAAY,2DAA2D,EACvE,aAAa,KAAK;AAAA,EACrB,aAAa,kCAAU,KACpB,YAAY,qDAAqD,EACjE,aAAa,UAAU,EACvB,WAAW,EAAE,SAAS,OAAO,CAAC;AAAA,EACjC,aAAa,kCAAU,OACpB,YAAY,qDAAqD,EACjE,aAAa,MAAS;AAAA,EACzB,6BAA6B,kCAAU,KACpC,YAAY,6DAA6D,EACzE,aAAa,KAAK;AACvB;",
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable no-unused-vars */\nimport type { DSFastListT } from '@elliemae/ds-fast-list';\nimport type { DSFloatingWrapperT, DSHookFloatingContextT, useFloatingContext } from '@elliemae/ds-floating-context';\nimport type { DSMaskT } from '@elliemae/ds-form-helpers-mask-hooks';\nimport type { DSPropTypesSchema, GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { globalAttributesPropTypes, PropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport type { SizingProps } from '@elliemae/ds-system';\nimport type React from 'react';\n\nexport function noop<T extends unknown[]>(..._args: T): void {}\n\nexport declare namespace DSComboboxT {\n  type ReturnOfUseFloatingContext = ReturnType<typeof useFloatingContext>;\n  export interface CommonItemOptions extends GlobalAttributesT {\n    dsId: string;\n    disabled?: boolean;\n    applyAriaDisabled?: 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    options: OptionTypes[];\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    menuMinWidth?: SizingProps['minWidth'];\n    menuMaxHeight?: SizingProps['maxHeight'];\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    isLoading?: boolean;\n    popperProps?: DSFloatingWrapperT.Props;\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: DSHookFloatingContextT.PopperPlacementsT;\n    placementOrderPreference: DSHookFloatingContextT.PopperPlacementsT[];\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    isSkeleton: boolean;\n    applyAriaDisabled: boolean;\n    readOnly: boolean;\n    isMenuOpenableWithReadOnly: boolean;\n    forceFocusFirstOptionOnType: boolean;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      RequiredProps,\n      PropsOptional,\n      Omit<GlobalAttributesT, keyof DefaultProps | keyof RequiredProps | keyof PropsOptional>,\n      XstyledProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      RequiredProps,\n      PropsOptional,\n      Omit<GlobalAttributesT, keyof DefaultProps | keyof RequiredProps | keyof PropsOptional>,\n      XstyledProps {}\n\n  type ActionRefVirtualized = {\n    scrollTo: (index: number, opts?: DSFastListT.ScrollToOptions) => void;\n  };\n}\n\nexport const ComboboxPropTypes: DSPropTypesSchema<DSComboboxT.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\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  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  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  isSkeleton: PropTypes.bool.description('whether or not the component is in skeleton state').defaultValue(false),\n  applyAriaDisabled: PropTypes.bool\n    .description(\n      'Whether to apply disabled styling and announce as disabled in SR. CAN STILL RECEIVE FOCUS. PREVENTS ONLY MAIN ACTION.',\n    )\n    .defaultValue(false),\n  readOnly: PropTypes.bool\n    .description('Makes the component non-editable while remaining accessible.')\n    .defaultValue(false),\n  isMenuOpenableWithReadOnly: PropTypes.bool\n    .description('Whether the menu can be opened when the input is readonly')\n    .defaultValue(false),\n  onSelectAll: PropTypes.func\n    .description('function triggered when user select all the options')\n    .defaultValue('() => {}')\n    .deprecated({ version: '25.2' }),\n  popperProps: PropTypes.object\n    .description('props to be passed to the FloatingWrapper component')\n    .defaultValue(undefined),\n  forceFocusFirstOptionOnType: PropTypes.bool\n    .description('Whether to focus the first option when typing in the input.')\n    .defaultValue(false),\n  placementOrderPreference: PropTypes.arrayOf(PropTypes.string)\n    .description('The order of preference of placements for the menu')\n    .defaultValue(['bottom-start', 'top-start', 'bottom-end', 'top-end', 'right-start', 'left-start']),\n  startPlacementPreference: PropTypes.string\n    .description('The initial preferred placement of the menu')\n    .defaultValue('bottom-start'),\n  inline: PropTypes.bool.description('Whether the menu should be rendered inline mode').defaultValue(false),\n  isNonClearable: PropTypes.bool.description('Whether the selected value can be cleared or not').defaultValue(false),\n  useMask: PropTypes.func\n    .description('Hook or function that returns mask handlers (e.g. usePhoneMask).')\n    .defaultValue(undefined),\n  isMenuOpen: PropTypes.bool.description('Whether the menu is open or not').defaultValue(undefined),\n  isLoading: PropTypes.bool.description('Whether the options are loading or not').defaultValue(false),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADMvB,8BAAuE;AAIhE,SAAS,QAA6B,OAAgB;AAAC;AAsGvD,MAAM,oBAA0D;AAAA,EACrE,GAAG;AAAA,EACH,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,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,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;AAAA,EAClE,YAAY,kCAAU,KAAK,YAAY,mDAAmD,EAAE,aAAa,KAAK;AAAA,EAC9G,mBAAmB,kCAAU,KAC1B;AAAA,IACC;AAAA,EACF,EACC,aAAa,KAAK;AAAA,EACrB,UAAU,kCAAU,KACjB,YAAY,8DAA8D,EAC1E,aAAa,KAAK;AAAA,EACrB,4BAA4B,kCAAU,KACnC,YAAY,2DAA2D,EACvE,aAAa,KAAK;AAAA,EACrB,aAAa,kCAAU,KACpB,YAAY,qDAAqD,EACjE,aAAa,UAAU,EACvB,WAAW,EAAE,SAAS,OAAO,CAAC;AAAA,EACjC,aAAa,kCAAU,OACpB,YAAY,qDAAqD,EACjE,aAAa,MAAS;AAAA,EACzB,6BAA6B,kCAAU,KACpC,YAAY,6DAA6D,EACzE,aAAa,KAAK;AAAA,EACrB,0BAA0B,kCAAU,QAAQ,kCAAU,MAAM,EACzD,YAAY,oDAAoD,EAChE,aAAa,CAAC,gBAAgB,aAAa,cAAc,WAAW,eAAe,YAAY,CAAC;AAAA,EACnG,0BAA0B,kCAAU,OACjC,YAAY,6CAA6C,EACzD,aAAa,cAAc;AAAA,EAC9B,QAAQ,kCAAU,KAAK,YAAY,iDAAiD,EAAE,aAAa,KAAK;AAAA,EACxG,gBAAgB,kCAAU,KAAK,YAAY,kDAAkD,EAAE,aAAa,KAAK;AAAA,EACjH,SAAS,kCAAU,KAChB,YAAY,kEAAkE,EAC9E,aAAa,MAAS;AAAA,EACzB,YAAY,kCAAU,KAAK,YAAY,iCAAiC,EAAE,aAAa,MAAS;AAAA,EAChG,WAAW,kCAAU,KAAK,YAAY,wCAAwC,EAAE,aAAa,KAAK;AACpG;",
   "names": []
 }

package/dist/esm/parts/container/Container.js

@@ -37,9 +37,8 @@ const Container = () => {
   }, [menuState, setMenuState]);
   const config = useMemo(
     () => ({
-      placement: "bottom",
+      placement: startPlacementPreference,
       withoutAnimation: true,
-      startPlacementPreference,
       placementOrderPreference,
       zIndex: correctZIndex,
       customOffset: [0, 5],

package/dist/esm/parts/container/Container.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/container/Container.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable consistent-return */\n/* eslint-disable complexity */\nimport React, { useCallback, useMemo, useEffect, useContext } from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps, useOwnerProps } from '@elliemae/ds-props-helpers';\nimport { useFloatingContext, FloatingWrapper, type DSHookFloatingContextT } from '@elliemae/ds-floating-context';\nimport ComboBoxContext from '../../ComboBoxCTX.js';\nimport { StyledContainer, StyledPopperWrapper } from './styled.js';\nimport { Controls } from '../controls/index.js';\nimport { MenuList } from '../menu-list/index.js';\nimport { ComboboxDataTestid } from '../../ComboboxDataTestids.js';\nimport { LiveRegion } from '../LiveRegion.js';\nimport { useOnClickOutside } from '../../config/useClickOutside.js';\n\nexport const Container = (): JSX.Element => {\n  const { props, internalRef, setMenuState, menuState } = useContext(ComboBoxContext);\n\n  const { inline, startPlacementPreference, placementOrderPreference, isLoading, isSkeleton, applyAriaDisabled } =\n    props;\n  const globalAttributes = useGetGlobalAttributes(props) as ReturnType<typeof useGetGlobalAttributes> & {\n    'data-testid'?: string;\n  };\n  const { zIndex, ...xStyledProps } = useGetXstyledProps(props);\n  const { getOwnerProps, getOwnerPropsArguments } = useOwnerProps(props);\n\n  const correctZIndex = zIndex ? parseInt(zIndex as string, 10) : undefined;\n  // Removing possible collisionable props\n  const { className, 'data-testid': dataTestId } = globalAttributes;\n  const handleMouseDown = useCallback((e: React.MouseEvent) => {\n    e.preventDefault();\n  }, []);\n\n  const handleCloseMenu = useCallback(() => {\n    setMenuState(false, 'blur');\n    if (internalRef?.current) internalRef.current.blur();\n  }, [internalRef, setMenuState]);\n\n  useEffect(() => {\n    const closeMenuOnWindowBlur = () => {\n      if (menuState) setMenuState(false, 'blur');\n    };\n\n    window.addEventListener('blur', closeMenuOnWindowBlur);\n\n    return () => {\n      window.removeEventListener('blur', closeMenuOnWindowBlur);\n    };\n  }, [menuState, setMenuState]);\n\n  const config = useMemo(\n    () => ({\n      placement: 'bottom' as DSHookFloatingContextT.PopperPlacementsT,\n      withoutAnimation: true,\n      startPlacementPreference,\n      placementOrderPreference,\n      zIndex: correctZIndex,\n      customOffset: [0, 5] as [number, number],\n      handleCloseMenu,\n      externallyControlledIsOpen: menuState,\n    }),\n    [startPlacementPreference, placementOrderPreference, correctZIndex, handleCloseMenu, menuState],\n  );\n\n  const { refs, floatingStyles, context } = useFloatingContext(config);\n\n  const hideTooltip = useCallback(() => {\n    setMenuState(false, 'blur');\n  }, [setMenuState]);\n\n  useOnClickOutside(refs.reference, hideTooltip, refs.floating);\n\n  return (\n    <StyledContainer\n      data-testid={dataTestId ?? ComboboxDataTestid.CONTAINER}\n      innerRef={refs.setReference}\n      className={className}\n      applyAriaDisabled={applyAriaDisabled}\n      {...xStyledProps}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      <LiveRegion />\n      <Controls />\n\n      {menuState && inline ? <MenuList /> : null}\n      {menuState && !inline && refs.reference ? (\n        <FloatingWrapper\n          innerRef={refs.setFloating}\n          floatingStyles={floatingStyles}\n          isOpen={menuState}\n          context={context}\n          {...props.popperProps}\n          key={`${isLoading}${isSkeleton}`} // to force remount when loading/skeleton changes\n        >\n          <StyledPopperWrapper tabIndex={-1} onMouseDown={handleMouseDown} applyAriaDisabled={applyAriaDisabled}>\n            <MenuList />\n          </StyledPopperWrapper>\n        </FloatingWrapper>\n      ) : null}\n    </StyledContainer>\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACuEnB,SASE,KATF;AAcI;AAnFR,SAAgB,aAAa,SAAS,WAAW,kBAAkB;AACnE,SAAS,wBAAwB,oBAAoB,qBAAqB;AAC1E,SAAS,oBAAoB,uBAAoD;AACjF,OAAO,qBAAqB;AAC5B,SAAS,iBAAiB,2BAA2B;AACrD,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;AACzB,SAAS,0BAA0B;AACnC,SAAS,kBAAkB;AAC3B,SAAS,yBAAyB;AAE3B,MAAM,YAAY,MAAmB;AAC1C,QAAM,EAAE,OAAO,aAAa,cAAc,UAAU,IAAI,WAAW,eAAe;AAElF,QAAM,EAAE,QAAQ,0BAA0B,0BAA0B,WAAW,YAAY,kBAAkB,IAC3G;AACF,QAAM,mBAAmB,uBAAuB,KAAK;AAGrD,QAAM,EAAE,QAAQ,GAAG,aAAa,IAAI,mBAAmB,KAAK;AAC5D,QAAM,EAAE,eAAe,uBAAuB,IAAI,cAAc,KAAK;AAErE,QAAM,gBAAgB,SAAS,SAAS,QAAkB,EAAE,IAAI;AAEhE,QAAM,EAAE,WAAW,eAAe,WAAW,IAAI;AACjD,QAAM,kBAAkB,YAAY,CAAC,MAAwB;AAC3D,MAAE,eAAe;AAAA,EACnB,GAAG,CAAC,CAAC;AAEL,QAAM,kBAAkB,YAAY,MAAM;AACxC,iBAAa,OAAO,MAAM;AAC1B,QAAI,aAAa,QAAS,aAAY,QAAQ,KAAK;AAAA,EACrD,GAAG,CAAC,aAAa,YAAY,CAAC;AAE9B,YAAU,MAAM;AACd,UAAM,wBAAwB,MAAM;AAClC,UAAI,UAAW,cAAa,OAAO,MAAM;AAAA,IAC3C;AAEA,WAAO,iBAAiB,QAAQ,qBAAqB;AAErD,WAAO,MAAM;AACX,aAAO,oBAAoB,QAAQ,qBAAqB;AAAA,IAC1D;AAAA,EACF,GAAG,CAAC,WAAW,YAAY,CAAC;AAE5B,QAAM,SAAS;AAAA,IACb,OAAO;AAAA,MACL,WAAW;AAAA,MACX,kBAAkB;AAAA,MAClB;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,MACR,cAAc,CAAC,GAAG,CAAC;AAAA,MACnB;AAAA,MACA,4BAA4B;AAAA,IAC9B;AAAA,IACA,CAAC,0BAA0B,0BAA0B,eAAe,iBAAiB,SAAS;AAAA,EAChG;AAEA,QAAM,EAAE,MAAM,gBAAgB,QAAQ,IAAI,mBAAmB,MAAM;AAEnE,QAAM,cAAc,YAAY,MAAM;AACpC,iBAAa,OAAO,MAAM;AAAA,EAC5B,GAAG,CAAC,YAAY,CAAC;AAEjB,oBAAkB,KAAK,WAAW,aAAa,KAAK,QAAQ;AAE5D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa,cAAc,mBAAmB;AAAA,MAC9C,UAAU,KAAK;AAAA,MACf;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MAEA;AAAA,4BAAC,cAAW;AAAA,QACZ,oBAAC,YAAS;AAAA,QAET,aAAa,SAAS,oBAAC,YAAS,IAAK;AAAA,QACrC,aAAa,CAAC,UAAU,KAAK,YAC5B;AAAA,UAAC;AAAA;AAAA,YACC,UAAU,KAAK;AAAA,YACf;AAAA,YACA,QAAQ;AAAA,YACR;AAAA,YACC,GAAG,MAAM;AAAA,YACV,KAAK,GAAG,SAAS,GAAG,UAAU;AAAA;AAAA,UAE9B,oBAAC,uBAAoB,UAAU,IAAI,aAAa,iBAAiB,mBAC/D,8BAAC,YAAS,GACZ;AAAA,QACF,IACE;AAAA;AAAA;AAAA,EACN;AAEJ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable consistent-return */\n/* eslint-disable complexity */\nimport React, { useCallback, useMemo, useEffect, useContext } from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps, useOwnerProps } from '@elliemae/ds-props-helpers';\nimport { useFloatingContext, FloatingWrapper } from '@elliemae/ds-floating-context';\nimport ComboBoxContext from '../../ComboBoxCTX.js';\nimport { StyledContainer, StyledPopperWrapper } from './styled.js';\nimport { Controls } from '../controls/index.js';\nimport { MenuList } from '../menu-list/index.js';\nimport { ComboboxDataTestid } from '../../ComboboxDataTestids.js';\nimport { LiveRegion } from '../LiveRegion.js';\nimport { useOnClickOutside } from '../../config/useClickOutside.js';\n\nexport const Container = (): JSX.Element => {\n  const { props, internalRef, setMenuState, menuState } = useContext(ComboBoxContext);\n\n  const { inline, startPlacementPreference, placementOrderPreference, isLoading, isSkeleton, applyAriaDisabled } =\n    props;\n  const globalAttributes = useGetGlobalAttributes(props) as ReturnType<typeof useGetGlobalAttributes> & {\n    'data-testid'?: string;\n  };\n  const { zIndex, ...xStyledProps } = useGetXstyledProps(props);\n  const { getOwnerProps, getOwnerPropsArguments } = useOwnerProps(props);\n\n  const correctZIndex = zIndex ? parseInt(zIndex as string, 10) : undefined;\n  // Removing possible collisionable props\n  const { className, 'data-testid': dataTestId } = globalAttributes;\n  const handleMouseDown = useCallback((e: React.MouseEvent) => {\n    e.preventDefault();\n  }, []);\n\n  const handleCloseMenu = useCallback(() => {\n    setMenuState(false, 'blur');\n    if (internalRef?.current) internalRef.current.blur();\n  }, [internalRef, setMenuState]);\n\n  useEffect(() => {\n    const closeMenuOnWindowBlur = () => {\n      if (menuState) setMenuState(false, 'blur');\n    };\n\n    window.addEventListener('blur', closeMenuOnWindowBlur);\n\n    return () => {\n      window.removeEventListener('blur', closeMenuOnWindowBlur);\n    };\n  }, [menuState, setMenuState]);\n\n  const config = useMemo(\n    () => ({\n      placement: startPlacementPreference,\n      withoutAnimation: true,\n      placementOrderPreference,\n      zIndex: correctZIndex,\n      customOffset: [0, 5] as [number, number],\n      handleCloseMenu,\n      externallyControlledIsOpen: menuState,\n    }),\n    [startPlacementPreference, placementOrderPreference, correctZIndex, handleCloseMenu, menuState],\n  );\n\n  const { refs, floatingStyles, context } = useFloatingContext(config);\n\n  const hideTooltip = useCallback(() => {\n    setMenuState(false, 'blur');\n  }, [setMenuState]);\n\n  useOnClickOutside(refs.reference, hideTooltip, refs.floating);\n\n  return (\n    <StyledContainer\n      data-testid={dataTestId ?? ComboboxDataTestid.CONTAINER}\n      innerRef={refs.setReference}\n      className={className}\n      applyAriaDisabled={applyAriaDisabled}\n      {...xStyledProps}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      <LiveRegion />\n      <Controls />\n\n      {menuState && inline ? <MenuList /> : null}\n      {menuState && !inline && refs.reference ? (\n        <FloatingWrapper\n          innerRef={refs.setFloating}\n          floatingStyles={floatingStyles}\n          isOpen={menuState}\n          context={context}\n          {...props.popperProps}\n          key={`${isLoading}${isSkeleton}`} // to force remount when loading/skeleton changes\n        >\n          <StyledPopperWrapper tabIndex={-1} onMouseDown={handleMouseDown} applyAriaDisabled={applyAriaDisabled}>\n            <MenuList />\n          </StyledPopperWrapper>\n        </FloatingWrapper>\n      ) : null}\n    </StyledContainer>\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACsEnB,SASE,KATF;AAcI;AAlFR,SAAgB,aAAa,SAAS,WAAW,kBAAkB;AACnE,SAAS,wBAAwB,oBAAoB,qBAAqB;AAC1E,SAAS,oBAAoB,uBAAuB;AACpD,OAAO,qBAAqB;AAC5B,SAAS,iBAAiB,2BAA2B;AACrD,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;AACzB,SAAS,0BAA0B;AACnC,SAAS,kBAAkB;AAC3B,SAAS,yBAAyB;AAE3B,MAAM,YAAY,MAAmB;AAC1C,QAAM,EAAE,OAAO,aAAa,cAAc,UAAU,IAAI,WAAW,eAAe;AAElF,QAAM,EAAE,QAAQ,0BAA0B,0BAA0B,WAAW,YAAY,kBAAkB,IAC3G;AACF,QAAM,mBAAmB,uBAAuB,KAAK;AAGrD,QAAM,EAAE,QAAQ,GAAG,aAAa,IAAI,mBAAmB,KAAK;AAC5D,QAAM,EAAE,eAAe,uBAAuB,IAAI,cAAc,KAAK;AAErE,QAAM,gBAAgB,SAAS,SAAS,QAAkB,EAAE,IAAI;AAEhE,QAAM,EAAE,WAAW,eAAe,WAAW,IAAI;AACjD,QAAM,kBAAkB,YAAY,CAAC,MAAwB;AAC3D,MAAE,eAAe;AAAA,EACnB,GAAG,CAAC,CAAC;AAEL,QAAM,kBAAkB,YAAY,MAAM;AACxC,iBAAa,OAAO,MAAM;AAC1B,QAAI,aAAa,QAAS,aAAY,QAAQ,KAAK;AAAA,EACrD,GAAG,CAAC,aAAa,YAAY,CAAC;AAE9B,YAAU,MAAM;AACd,UAAM,wBAAwB,MAAM;AAClC,UAAI,UAAW,cAAa,OAAO,MAAM;AAAA,IAC3C;AAEA,WAAO,iBAAiB,QAAQ,qBAAqB;AAErD,WAAO,MAAM;AACX,aAAO,oBAAoB,QAAQ,qBAAqB;AAAA,IAC1D;AAAA,EACF,GAAG,CAAC,WAAW,YAAY,CAAC;AAE5B,QAAM,SAAS;AAAA,IACb,OAAO;AAAA,MACL,WAAW;AAAA,MACX,kBAAkB;AAAA,MAClB;AAAA,MACA,QAAQ;AAAA,MACR,cAAc,CAAC,GAAG,CAAC;AAAA,MACnB;AAAA,MACA,4BAA4B;AAAA,IAC9B;AAAA,IACA,CAAC,0BAA0B,0BAA0B,eAAe,iBAAiB,SAAS;AAAA,EAChG;AAEA,QAAM,EAAE,MAAM,gBAAgB,QAAQ,IAAI,mBAAmB,MAAM;AAEnE,QAAM,cAAc,YAAY,MAAM;AACpC,iBAAa,OAAO,MAAM;AAAA,EAC5B,GAAG,CAAC,YAAY,CAAC;AAEjB,oBAAkB,KAAK,WAAW,aAAa,KAAK,QAAQ;AAE5D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa,cAAc,mBAAmB;AAAA,MAC9C,UAAU,KAAK;AAAA,MACf;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MAEA;AAAA,4BAAC,cAAW;AAAA,QACZ,oBAAC,YAAS;AAAA,QAET,aAAa,SAAS,oBAAC,YAAS,IAAK;AAAA,QACrC,aAAa,CAAC,UAAU,KAAK,YAC5B;AAAA,UAAC;AAAA;AAAA,YACC,UAAU,KAAK;AAAA,YACf;AAAA,YACA,QAAQ;AAAA,YACR;AAAA,YACC,GAAG,MAAM;AAAA,YACV,KAAK,GAAG,SAAS,GAAG,UAAU;AAAA;AAAA,UAE9B,oBAAC,uBAAoB,UAAU,IAAI,aAAa,iBAAiB,mBAC/D,8BAAC,YAAS,GACZ;AAAA,QACF,IACE;AAAA;AAAA;AAAA,EACN;AAEJ;",
   "names": []
 }

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

@@ -1,9 +1,10 @@
 import * as React from "react";
-import { globalAttributesPropTypes, PropTypes } from "@elliemae/ds-props-helpers";
+import { globalAttributesPropTypes, PropTypes, xstyledPropTypes } from "@elliemae/ds-props-helpers";
 function noop(..._args) {
 }
 const ComboboxPropTypes = {
   ...globalAttributesPropTypes,
+  ...xstyledPropTypes,
   placeholder: PropTypes.string.description("input's placeholder value").defaultValue(""),
   allOptions: PropTypes.oneOfType([PropTypes.array, PropTypes.object]).isRequired.description("List of original options").defaultValue([]),
   filteredOptions: PropTypes.oneOfType([PropTypes.array, PropTypes.object]).description("List of filtered options to show in the menu based on the current internal input filter value").defaultValue([]),
@@ -36,7 +37,14 @@ const ComboboxPropTypes = {
   isMenuOpenableWithReadOnly: PropTypes.bool.description("Whether the menu can be opened when the input is readonly").defaultValue(false),
   onSelectAll: PropTypes.func.description("function triggered when user select all the options").defaultValue("() => {}").deprecated({ version: "25.2" }),
   popperProps: PropTypes.object.description("props to be passed to the FloatingWrapper component").defaultValue(void 0),
-  forceFocusFirstOptionOnType: PropTypes.bool.description("Whether to focus the first option when typing in the input.").defaultValue(false)
+  forceFocusFirstOptionOnType: PropTypes.bool.description("Whether to focus the first option when typing in the input.").defaultValue(false),
+  placementOrderPreference: PropTypes.arrayOf(PropTypes.string).description("The order of preference of placements for the menu").defaultValue(["bottom-start", "top-start", "bottom-end", "top-end", "right-start", "left-start"]),
+  startPlacementPreference: PropTypes.string.description("The initial preferred placement of the menu").defaultValue("bottom-start"),
+  inline: PropTypes.bool.description("Whether the menu should be rendered inline mode").defaultValue(false),
+  isNonClearable: PropTypes.bool.description("Whether the selected value can be cleared or not").defaultValue(false),
+  useMask: PropTypes.func.description("Hook or function that returns mask handlers (e.g. usePhoneMask).").defaultValue(void 0),
+  isMenuOpen: PropTypes.bool.description("Whether the menu is open or not").defaultValue(void 0),
+  isLoading: PropTypes.bool.description("Whether the options are loading or not").defaultValue(false)
 };
 export {
   ComboboxPropTypes,

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 { DSFastListT } from '@elliemae/ds-fast-list';\nimport type { DSFloatingWrapperT, useFloatingContext } from '@elliemae/ds-floating-context';\nimport type { DSMaskT } from '@elliemae/ds-form-helpers-mask-hooks';\nimport type { DSPopperJST } from '@elliemae/ds-popperjs';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { globalAttributesPropTypes, PropTypes } from '@elliemae/ds-props-helpers';\nimport type { SizingProps } from '@elliemae/ds-system';\nimport type React from 'react';\n\nexport function noop<T extends unknown[]>(..._args: T): void {}\n\nexport declare namespace DSComboboxT {\n  type ReturnOfUseFloatingContext = ReturnType<typeof useFloatingContext>;\n  export interface CommonItemOptions extends GlobalAttributesT {\n    dsId: string;\n    disabled?: boolean;\n    applyAriaDisabled?: 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    options: OptionTypes[];\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    menuMinWidth?: SizingProps['minWidth'];\n    menuMaxHeight?: SizingProps['maxHeight'];\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    isLoading?: boolean;\n    popperProps?: DSFloatingWrapperT.Props;\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: DSPopperJST.PopperPlacementsT;\n    placementOrderPreference: DSPopperJST.PopperPlacementsT[];\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    isSkeleton: boolean;\n    applyAriaDisabled: boolean;\n    readOnly: boolean;\n    isMenuOpenableWithReadOnly: boolean;\n    forceFocusFirstOptionOnType: boolean;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      RequiredProps,\n      PropsOptional,\n      Omit<GlobalAttributesT, keyof DefaultProps | keyof RequiredProps | keyof PropsOptional>,\n      XstyledProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      RequiredProps,\n      PropsOptional,\n      Omit<GlobalAttributesT, keyof DefaultProps | keyof RequiredProps | keyof PropsOptional>,\n      XstyledProps {}\n\n  type ActionRefVirtualized = {\n    scrollTo: (index: number, opts?: DSFastListT.ScrollToOptions) => void;\n  };\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  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  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  isSkeleton: PropTypes.bool.description('whether or not the component is in skeleton state').defaultValue(false),\n  applyAriaDisabled: PropTypes.bool\n    .description(\n      'Whether to apply disabled styling and announce as disabled in SR. CAN STILL RECEIVE FOCUS. PREVENTS ONLY MAIN ACTION.',\n    )\n    .defaultValue(false),\n  readOnly: PropTypes.bool\n    .description('Makes the component non-editable while remaining accessible.')\n    .defaultValue(false),\n  isMenuOpenableWithReadOnly: PropTypes.bool\n    .description('Whether the menu can be opened when the input is readonly')\n    .defaultValue(false),\n  onSelectAll: PropTypes.func\n    .description('function triggered when user select all the options')\n    .defaultValue('() => {}')\n    .deprecated({ version: '25.2' }),\n  popperProps: PropTypes.object\n    .description('props to be passed to the FloatingWrapper component')\n    .defaultValue(undefined),\n  forceFocusFirstOptionOnType: PropTypes.bool\n    .description('Whether to focus the first option when typing in the input.')\n    .defaultValue(false),\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACOvB,SAAS,2BAA2B,iBAAiB;AAI9C,SAAS,QAA6B,OAAgB;AAAC;AAsGvD,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,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,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;AAAA,EAClE,YAAY,UAAU,KAAK,YAAY,mDAAmD,EAAE,aAAa,KAAK;AAAA,EAC9G,mBAAmB,UAAU,KAC1B;AAAA,IACC;AAAA,EACF,EACC,aAAa,KAAK;AAAA,EACrB,UAAU,UAAU,KACjB,YAAY,8DAA8D,EAC1E,aAAa,KAAK;AAAA,EACrB,4BAA4B,UAAU,KACnC,YAAY,2DAA2D,EACvE,aAAa,KAAK;AAAA,EACrB,aAAa,UAAU,KACpB,YAAY,qDAAqD,EACjE,aAAa,UAAU,EACvB,WAAW,EAAE,SAAS,OAAO,CAAC;AAAA,EACjC,aAAa,UAAU,OACpB,YAAY,qDAAqD,EACjE,aAAa,MAAS;AAAA,EACzB,6BAA6B,UAAU,KACpC,YAAY,6DAA6D,EACzE,aAAa,KAAK;AACvB;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable no-unused-vars */\nimport type { DSFastListT } from '@elliemae/ds-fast-list';\nimport type { DSFloatingWrapperT, DSHookFloatingContextT, useFloatingContext } from '@elliemae/ds-floating-context';\nimport type { DSMaskT } from '@elliemae/ds-form-helpers-mask-hooks';\nimport type { DSPropTypesSchema, GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { globalAttributesPropTypes, PropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport type { SizingProps } from '@elliemae/ds-system';\nimport type React from 'react';\n\nexport function noop<T extends unknown[]>(..._args: T): void {}\n\nexport declare namespace DSComboboxT {\n  type ReturnOfUseFloatingContext = ReturnType<typeof useFloatingContext>;\n  export interface CommonItemOptions extends GlobalAttributesT {\n    dsId: string;\n    disabled?: boolean;\n    applyAriaDisabled?: 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    options: OptionTypes[];\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    menuMinWidth?: SizingProps['minWidth'];\n    menuMaxHeight?: SizingProps['maxHeight'];\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    isLoading?: boolean;\n    popperProps?: DSFloatingWrapperT.Props;\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: DSHookFloatingContextT.PopperPlacementsT;\n    placementOrderPreference: DSHookFloatingContextT.PopperPlacementsT[];\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    isSkeleton: boolean;\n    applyAriaDisabled: boolean;\n    readOnly: boolean;\n    isMenuOpenableWithReadOnly: boolean;\n    forceFocusFirstOptionOnType: boolean;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      RequiredProps,\n      PropsOptional,\n      Omit<GlobalAttributesT, keyof DefaultProps | keyof RequiredProps | keyof PropsOptional>,\n      XstyledProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      RequiredProps,\n      PropsOptional,\n      Omit<GlobalAttributesT, keyof DefaultProps | keyof RequiredProps | keyof PropsOptional>,\n      XstyledProps {}\n\n  type ActionRefVirtualized = {\n    scrollTo: (index: number, opts?: DSFastListT.ScrollToOptions) => void;\n  };\n}\n\nexport const ComboboxPropTypes: DSPropTypesSchema<DSComboboxT.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\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  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  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  isSkeleton: PropTypes.bool.description('whether or not the component is in skeleton state').defaultValue(false),\n  applyAriaDisabled: PropTypes.bool\n    .description(\n      'Whether to apply disabled styling and announce as disabled in SR. CAN STILL RECEIVE FOCUS. PREVENTS ONLY MAIN ACTION.',\n    )\n    .defaultValue(false),\n  readOnly: PropTypes.bool\n    .description('Makes the component non-editable while remaining accessible.')\n    .defaultValue(false),\n  isMenuOpenableWithReadOnly: PropTypes.bool\n    .description('Whether the menu can be opened when the input is readonly')\n    .defaultValue(false),\n  onSelectAll: PropTypes.func\n    .description('function triggered when user select all the options')\n    .defaultValue('() => {}')\n    .deprecated({ version: '25.2' }),\n  popperProps: PropTypes.object\n    .description('props to be passed to the FloatingWrapper component')\n    .defaultValue(undefined),\n  forceFocusFirstOptionOnType: PropTypes.bool\n    .description('Whether to focus the first option when typing in the input.')\n    .defaultValue(false),\n  placementOrderPreference: PropTypes.arrayOf(PropTypes.string)\n    .description('The order of preference of placements for the menu')\n    .defaultValue(['bottom-start', 'top-start', 'bottom-end', 'top-end', 'right-start', 'left-start']),\n  startPlacementPreference: PropTypes.string\n    .description('The initial preferred placement of the menu')\n    .defaultValue('bottom-start'),\n  inline: PropTypes.bool.description('Whether the menu should be rendered inline mode').defaultValue(false),\n  isNonClearable: PropTypes.bool.description('Whether the selected value can be cleared or not').defaultValue(false),\n  useMask: PropTypes.func\n    .description('Hook or function that returns mask handlers (e.g. usePhoneMask).')\n    .defaultValue(undefined),\n  isMenuOpen: PropTypes.bool.description('Whether the menu is open or not').defaultValue(undefined),\n  isLoading: PropTypes.bool.description('Whether the options are loading or not').defaultValue(false),\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACMvB,SAAS,2BAA2B,WAAW,wBAAwB;AAIhE,SAAS,QAA6B,OAAgB;AAAC;AAsGvD,MAAM,oBAA0D;AAAA,EACrE,GAAG;AAAA,EACH,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,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,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;AAAA,EAClE,YAAY,UAAU,KAAK,YAAY,mDAAmD,EAAE,aAAa,KAAK;AAAA,EAC9G,mBAAmB,UAAU,KAC1B;AAAA,IACC;AAAA,EACF,EACC,aAAa,KAAK;AAAA,EACrB,UAAU,UAAU,KACjB,YAAY,8DAA8D,EAC1E,aAAa,KAAK;AAAA,EACrB,4BAA4B,UAAU,KACnC,YAAY,2DAA2D,EACvE,aAAa,KAAK;AAAA,EACrB,aAAa,UAAU,KACpB,YAAY,qDAAqD,EACjE,aAAa,UAAU,EACvB,WAAW,EAAE,SAAS,OAAO,CAAC;AAAA,EACjC,aAAa,UAAU,OACpB,YAAY,qDAAqD,EACjE,aAAa,MAAS;AAAA,EACzB,6BAA6B,UAAU,KACpC,YAAY,6DAA6D,EACzE,aAAa,KAAK;AAAA,EACrB,0BAA0B,UAAU,QAAQ,UAAU,MAAM,EACzD,YAAY,oDAAoD,EAChE,aAAa,CAAC,gBAAgB,aAAa,cAAc,WAAW,eAAe,YAAY,CAAC;AAAA,EACnG,0BAA0B,UAAU,OACjC,YAAY,6CAA6C,EACzD,aAAa,cAAc;AAAA,EAC9B,QAAQ,UAAU,KAAK,YAAY,iDAAiD,EAAE,aAAa,KAAK;AAAA,EACxG,gBAAgB,UAAU,KAAK,YAAY,kDAAkD,EAAE,aAAa,KAAK;AAAA,EACjH,SAAS,UAAU,KAChB,YAAY,kEAAkE,EAC9E,aAAa,MAAS;AAAA,EACzB,YAAY,UAAU,KAAK,YAAY,iCAAiC,EAAE,aAAa,MAAS;AAAA,EAChG,WAAW,UAAU,KAAK,YAAY,wCAAwC,EAAE,aAAa,KAAK;AACpG;",
   "names": []
 }

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

@@ -1,8 +1,7 @@
 import type { DSFastListT } from '@elliemae/ds-fast-list';
-import type { DSFloatingWrapperT, useFloatingContext } from '@elliemae/ds-floating-context';
+import type { DSFloatingWrapperT, DSHookFloatingContextT, useFloatingContext } from '@elliemae/ds-floating-context';
 import type { DSMaskT } from '@elliemae/ds-form-helpers-mask-hooks';
-import type { DSPopperJST } from '@elliemae/ds-popperjs';
-import type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';
+import type { DSPropTypesSchema, GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';
 import type { SizingProps } from '@elliemae/ds-system';
 import type React from 'react';
 export declare function noop<T extends unknown[]>(..._args: T): void;
@@ -55,8 +54,8 @@ export declare namespace DSComboboxT {
         onChange: (suggestedValue: SelectedOptionsT, selectedOption: ItemOption, event: React.MouseEvent | React.KeyboardEvent) => void;
     }
     interface DefaultProps {
-        startPlacementPreference: DSPopperJST.PopperPlacementsT;
-        placementOrderPreference: DSPopperJST.PopperPlacementsT[];
+        startPlacementPreference: DSHookFloatingContextT.PopperPlacementsT;
+        placementOrderPreference: DSHookFloatingContextT.PopperPlacementsT[];
         hasError: boolean;
         inline: boolean;
         withoutPortal: boolean;
@@ -80,398 +79,4 @@ export declare namespace DSComboboxT {
         scrollTo: (index: number, opts?: DSFastListT.ScrollToOptions) => void;
     };
 }
-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;
-    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;
-    innerRef: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    onlySelectable: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    isSkeleton: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    applyAriaDisabled: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    readOnly: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    isMenuOpenableWithReadOnly: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    onSelectAll: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    popperProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    forceFocusFirstOptionOnType: 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;
-    enterKeyHint: 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;
-    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;
-    'aria-braillelabel': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    'aria-brailleroledescription': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    'aria-colindextext': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    'aria-description': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    'aria-rowindextext': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    part: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    exportparts: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-};
+export declare const ComboboxPropTypes: DSPropTypesSchema<DSComboboxT.Props>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-form-combobox",
-  "version": "3.57.10",
+  "version": "3.57.13",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Controlled Form Combobox",
   "files": [
@@ -38,18 +38,18 @@
   "dependencies": {
     "react-virtual": "~2.10.4",
     "uid": "^2.0.2",
-    "@elliemae/ds-button-v2": "3.57.10",
-    "@elliemae/ds-circular-progress-indicator": "3.57.10",
-    "@elliemae/ds-floating-context": "3.57.10",
-    "@elliemae/ds-fast-list": "3.57.10",
-    "@elliemae/ds-grid": "3.57.10",
-    "@elliemae/ds-form-checkbox": "3.57.10",
-    "@elliemae/ds-menu-items": "3.57.10",
-    "@elliemae/ds-icons": "3.57.10",
-    "@elliemae/ds-system": "3.57.10",
-    "@elliemae/ds-props-helpers": "3.57.10",
-    "@elliemae/ds-pills-v2": "3.57.10",
-    "@elliemae/ds-truncated-tooltip-text": "3.57.10"
+    "@elliemae/ds-button-v2": "3.57.13",
+    "@elliemae/ds-circular-progress-indicator": "3.57.13",
+    "@elliemae/ds-floating-context": "3.57.13",
+    "@elliemae/ds-fast-list": "3.57.13",
+    "@elliemae/ds-form-checkbox": "3.57.13",
+    "@elliemae/ds-grid": "3.57.13",
+    "@elliemae/ds-pills-v2": "3.57.13",
+    "@elliemae/ds-props-helpers": "3.57.13",
+    "@elliemae/ds-icons": "3.57.13",
+    "@elliemae/ds-menu-items": "3.57.13",
+    "@elliemae/ds-system": "3.57.13",
+    "@elliemae/ds-truncated-tooltip-text": "3.57.13"
   },
   "devDependencies": {
     "@elliemae/pui-cli": "9.0.0-next.65",
@@ -57,9 +57,9 @@
     "jest": "~29.7.0",
     "styled-components": "~5.3.9",
     "styled-system": "^5.1.5",
-    "@elliemae/ds-monorepo-devops": "3.57.10",
-    "@elliemae/ds-form-helpers-mask-hooks": "3.57.10",
-    "@elliemae/ds-test-utils": "3.57.10"
+    "@elliemae/ds-form-helpers-mask-hooks": "3.57.13",
+    "@elliemae/ds-monorepo-devops": "3.57.13",
+    "@elliemae/ds-test-utils": "3.57.13"
   },
   "peerDependencies": {
     "@elliemae/pui-theme": "~2.13.0",