@elliemae/ds-form-combobox 3.51.0-next.9 → 3.51.0-rc.1

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

@@ -1,8 +1,10 @@
 import type React from 'react';
 import type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';
+import type { DSFloatingWrapperT } from '@elliemae/ds-floating-context';
 import type { DSMaskT } from '@elliemae/ds-form-helpers-mask-hooks';
 import type { SizingProps } from '@elliemae/ds-system';
 import type { DSPopperJST } from '@elliemae/ds-popperjs';
+import type { DSFastListT } from '@elliemae/ds-fast-list';
 export declare function noop<T extends unknown[]>(..._args: T): void;
 export declare namespace DSComboboxT {
     interface CommonItemOptions extends GlobalAttributesT {
@@ -31,7 +33,6 @@ export declare namespace DSComboboxT {
     type OptionTypes = ItemOption | ItemSectionOptions | ItemSeparatorOptions | ItemCreatableOption;
     type SelectedOptionsT = ItemOption[] | ItemOption | null;
     interface PropsOptional {
-        inputMinWidth?: number;
         menuMinWidth?: SizingProps['minWidth'];
         menuMaxHeight?: SizingProps['maxHeight'];
         placeholder?: string;
@@ -45,6 +46,7 @@ export declare namespace DSComboboxT {
         onSelectAll?: (suggestedValue: OptionTypes[] | [], event: React.MouseEvent | React.KeyboardEvent) => null;
         onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>, value: ItemOption) => void;
         isLoading?: boolean;
+        popperProps?: DSFloatingWrapperT.Props;
     }
     interface RequiredProps {
         allOptions: OptionTypes[];
@@ -71,6 +73,9 @@ export declare namespace DSComboboxT {
     }
     interface InternalProps extends DefaultProps, RequiredProps, PropsOptional, Omit<GlobalAttributesT, keyof DefaultProps | keyof RequiredProps | keyof PropsOptional>, XstyledProps {
     }
+    type ActionRefVirtualized = {
+        scrollTo: (index: number, opts?: DSFastListT.ScrollToOptions) => void;
+    };
 }
 export declare const ComboboxPropTypes: {
     placeholder: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
@@ -86,7 +91,6 @@ export declare const ComboboxPropTypes: {
     onCreate: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
     onCancel: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
     onMenuChange: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    inputMinWidth: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
     menuMinWidth: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
     menuMaxHeight: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
     withoutPortal: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
@@ -96,6 +100,7 @@ export declare const ComboboxPropTypes: {
     applyAriaDisabled: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
     readOnly: 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;
     '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;

package/dist/types/sharedTypes.d.ts

@@ -1,20 +1,17 @@
 import type React from 'react';
-import type { useVirtual } from 'react-virtual';
+import type { DSFastListT } from '@elliemae/ds-fast-list';
 import type { DSComboboxT } from './react-desc-prop-types.js';
 export declare namespace DSComboboxInternalsT {
     interface ComboBoxContextT {
         props: DSComboboxT.InternalProps;
         internalRef: React.RefObject<HTMLInputElement>;
-        virtualListHelpers?: ReturnType<typeof useVirtual>;
         menuState: boolean;
         setShowPopover: React.Dispatch<React.SetStateAction<boolean>>;
-        referenceElement: HTMLElement | null;
-        setReferenceElement: React.Dispatch<React.SetStateAction<HTMLElement | null>>;
         pillGroupRef: React.RefObject<HTMLDivElement>;
-        scrollOptionIntoView: (dsId: string) => void;
+        scrollOptionIntoView: (dsId: string, opts: DSFastListT.ScrollToOptions) => void;
         setHasFocus: React.Dispatch<React.SetStateAction<boolean>>;
         hasFocus: boolean;
-        listRef: React.RefObject<HTMLDivElement>;
+        listRef: React.MutableRefObject<DSComboboxT.ActionRefVirtualized>;
         wrapperListRef: React.RefObject<HTMLDivElement>;
         inputValue: string;
         setInputValue: React.Dispatch<React.SetStateAction<string>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-form-combobox",
-  "version": "3.51.0-next.9",
+  "version": "3.51.0-rc.1",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Controlled Form Combobox",
   "files": [
@@ -38,17 +38,17 @@
   "dependencies": {
     "react-virtual": "~2.10.4",
     "uid": "~2.0.1",
-    "@elliemae/ds-button-v2": "3.51.0-next.9",
-    "@elliemae/ds-circular-progress-indicator": "3.51.0-next.9",
-    "@elliemae/ds-form-checkbox": "3.51.0-next.9",
-    "@elliemae/ds-grid": "3.51.0-next.9",
-    "@elliemae/ds-floating-context": "3.51.0-next.9",
-    "@elliemae/ds-icons": "3.51.0-next.9",
-    "@elliemae/ds-menu-items": "3.51.0-next.9",
-    "@elliemae/ds-pills-v2": "3.51.0-next.9",
-    "@elliemae/ds-props-helpers": "3.51.0-next.9",
-    "@elliemae/ds-system": "3.51.0-next.9",
-    "@elliemae/ds-truncated-tooltip-text": "3.51.0-next.9"
+    "@elliemae/ds-button-v2": "3.51.0-rc.1",
+    "@elliemae/ds-circular-progress-indicator": "3.51.0-rc.1",
+    "@elliemae/ds-floating-context": "3.51.0-rc.1",
+    "@elliemae/ds-form-checkbox": "3.51.0-rc.1",
+    "@elliemae/ds-grid": "3.51.0-rc.1",
+    "@elliemae/ds-icons": "3.51.0-rc.1",
+    "@elliemae/ds-menu-items": "3.51.0-rc.1",
+    "@elliemae/ds-pills-v2": "3.51.0-rc.1",
+    "@elliemae/ds-props-helpers": "3.51.0-rc.1",
+    "@elliemae/ds-system": "3.51.0-rc.1",
+    "@elliemae/ds-truncated-tooltip-text": "3.51.0-rc.1"
   },
   "devDependencies": {
     "@elliemae/pui-cli": "9.0.0-next.55",
@@ -56,8 +56,8 @@
     "jest": "~29.7.0",
     "styled-components": "~5.3.9",
     "styled-system": "^5.1.5",
-    "@elliemae/ds-form-helpers-mask-hooks": "3.51.0-next.9",
-    "@elliemae/ds-monorepo-devops": "3.51.0-next.9"
+    "@elliemae/ds-form-helpers-mask-hooks": "3.51.0-rc.1",
+    "@elliemae/ds-monorepo-devops": "3.51.0-rc.1"
   },
   "peerDependencies": {
     "@elliemae/pui-theme": "~2.10.0",