@elliemae/ds-legacy-dropdownmenu 1.0.0-rc.1

package/dist/esm/utils/manageOpenedSubmenus.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/utils/manageOpenedSubmenus.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { DSDropdownMenuT } from '../react-desc-prop-types.js';\n\nconst isSubmenu = (item: DSDropdownMenuT.Item): boolean => item.type === 'submenu' || item.type === 'singleWithSubmenu';\n\nconst buildItemToParentObject = (options: DSDropdownMenuT.Item[], parent = '__root'): Record<string, string> => {\n  let obj: Record<string, string> = {};\n  options?.forEach((opt) => {\n    if (isSubmenu(opt)) {\n      obj[opt.dsId] = parent;\n      if ('options' in opt) {\n        obj = { ...obj, ...buildItemToParentObject(opt.options, opt.dsId) };\n      }\n    }\n  });\n  return obj;\n};\n\nexport const manageOpenedSubmenus = (\n  options: DSDropdownMenuT.Item[],\n  selectedOptions: Record<string, boolean>,\n  clickedOption: DSDropdownMenuT.Item,\n): Record<string, boolean> => {\n  // If this options is not a submenu, do nothing\n  if (!isSubmenu(clickedOption)) {\n    return selectedOptions;\n  }\n\n  // If we are closing this submenu, do nothing\n  if (selectedOptions[clickedOption.dsId] === false) {\n    return selectedOptions;\n  }\n\n  // Get the item --> parent relationships of the submenus\n  const itemToParent = buildItemToParentObject(options);\n\n  // Clone the selected options\n  const nextSelectedOptions = { ...selectedOptions };\n\n  // Close all submenus\n  Object.keys(itemToParent).forEach((item) => {\n    nextSelectedOptions[item] = false;\n  });\n\n  // Open this submenu and all of it's parents\n  let currentItem = clickedOption.dsId;\n  while (currentItem !== '__root') {\n    nextSelectedOptions[currentItem] = true;\n    currentItem = itemToParent[currentItem];\n  }\n\n  return nextSelectedOptions;\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACEvB,MAAM,YAAY,CAAC,SAAwC,KAAK,SAAS,aAAa,KAAK,SAAS;AAEpG,MAAM,0BAA0B,CAAC,SAAiC,SAAS,aAAqC;AAC9G,MAAI,MAA8B,CAAC;AACnC,WAAS,QAAQ,CAAC,QAAQ;AACxB,QAAI,UAAU,GAAG,GAAG;AAClB,UAAI,IAAI,IAAI,IAAI;AAChB,UAAI,aAAa,KAAK;AACpB,cAAM,EAAE,GAAG,KAAK,GAAG,wBAAwB,IAAI,SAAS,IAAI,IAAI,EAAE;AAAA,MACpE;AAAA,IACF;AAAA,EACF,CAAC;AACD,SAAO;AACT;AAEO,MAAM,uBAAuB,CAClC,SACA,iBACA,kBAC4B;AAE5B,MAAI,CAAC,UAAU,aAAa,GAAG;AAC7B,WAAO;AAAA,EACT;AAGA,MAAI,gBAAgB,cAAc,IAAI,MAAM,OAAO;AACjD,WAAO;AAAA,EACT;AAGA,QAAM,eAAe,wBAAwB,OAAO;AAGpD,QAAM,sBAAsB,EAAE,GAAG,gBAAgB;AAGjD,SAAO,KAAK,YAAY,EAAE,QAAQ,CAAC,SAAS;AAC1C,wBAAoB,IAAI,IAAI;AAAA,EAC9B,CAAC;AAGD,MAAI,cAAc,cAAc;AAChC,SAAO,gBAAgB,UAAU;AAC/B,wBAAoB,WAAW,IAAI;AACnC,kBAAc,aAAa,WAAW;AAAA,EACxC;AAEA,SAAO;AACT;",
+  "names": []
+}

package/dist/types/DSDropdownMenu.d.ts

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

package/dist/types/DropdownMenuContext.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { DSDropdownMenuT } from './react-desc-prop-types.js';
+export declare const DSDropdownMenuContext: import("react").Context<DSDropdownMenuT.CTX>;

package/dist/types/DropdownMenuDataTestId.d.ts

@@ -0,0 +1,7 @@
+export declare const DropdownMenuDataTestId: {
+    TRIGGER_WRAPPER: string;
+    LISTBOX: string;
+    MENU_WRAPPER: string;
+    LOADING: string;
+    OPTION: string;
+};

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

@@ -0,0 +1,2 @@
+import type { DSDropdownMenuT } from '../react-desc-prop-types.js';
+export declare const useDropdownMenuConfig: (props: DSDropdownMenuT.Props, self: React.ComponentType<DSDropdownMenuT.Props>) => DSDropdownMenuT.CTX;

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const useReferenceConfig: () => {
+    triggerReferenceElement: HTMLDivElement | null;
+    setTriggerReferenceElement: import("react").Dispatch<import("react").SetStateAction<HTMLDivElement | null>>;
+    listboxReference: import("react").RefObject<HTMLDivElement>;
+    inputReference: import("react").RefObject<HTMLInputElement>;
+};

package/dist/types/deprecated/CustomPhoneRenderer.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const CustomPhoneRenderer: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;

package/dist/types/deprecated/DSDropdownMenu.d.ts

@@ -0,0 +1,110 @@
+declare const DSDropdownMenu: {
+    ({ containerProps, className, contentStyle, options, onSelectMenuItem, onOpenMenu, onClickOutsideMenu, preventOverflow, placement, interactionType, triggerComponent, customMenu, isOpen, selection, menuProps, referenceNode, focusOnOpen, onClose, itemsRenderer, responsiveHeight, singleGroupSelection, onSelectChange, minWidth, maxWidth, zIndex, type, loading, hideIfNotVisible, }: {
+        containerProps?: {} | undefined;
+        className?: string | undefined;
+        contentStyle?: null | undefined;
+        options?: never[] | undefined;
+        onSelectMenuItem?: (() => null) | undefined;
+        onOpenMenu?: (() => null) | undefined;
+        onClickOutsideMenu?: (() => null) | undefined;
+        preventOverflow?: string | undefined;
+        placement?: string | undefined;
+        interactionType?: string | undefined;
+        triggerComponent?: (() => null) | undefined;
+        customMenu?: null | undefined;
+        isOpen?: undefined;
+        selection?: {} | undefined;
+        menuProps?: {} | undefined;
+        referenceNode?: undefined;
+        focusOnOpen?: boolean | undefined;
+        onClose?: (() => null) | undefined;
+        itemsRenderer?: undefined;
+        responsiveHeight?: boolean | undefined;
+        singleGroupSelection?: boolean | undefined;
+        onSelectChange?: (() => null) | undefined;
+        minWidth?: undefined;
+        maxWidth?: undefined;
+        zIndex: any;
+        type: any;
+        loading?: boolean | undefined;
+        hideIfNotVisible: any;
+    }): import("react/jsx-runtime.js").JSX.Element;
+    propTypes: {
+        hideIfNotVisible: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        containerProps: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        contentStyle: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        options: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        onSelectMenuItem: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        onOpenMenu: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /**  Handler when user clicks outside the menu */
+        onClickOutsideMenu: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Prevent to move the menu outside of the container defined when interacting with the page  */
+        preventOverflow: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Menu placement */
+        placement: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** How to open the menu with click, hover */
+        interactionType: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** The component that is going to open / close the menu */
+        triggerComponent: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Custom menu component */
+        customMenu: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Whether the menu is open or not */
+        isOpen: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Selection state. Ex: { [itemId]: '{bool}', [idMultiSelectionItem]: '{string}' } */
+        selection: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Props object passed to the menu component */
+        menuProps: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Customize the items render */
+        itemsRenderer: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Customize menu format. Can be undefined or 'phone' */
+        type: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Customize menu minWidth. Can be undefined or 'number' */
+        minWidth: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Customize menu maxWidth. Can be undefined or 'number' */
+        maxWidth: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Make the menu responsive, it uses a margin of 120 px */
+        responsiveHeight: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Customize menu zIndex. Can be undefined or 'number' */
+        zIndex: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        className: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        focusOnOpen: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        loading: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        referenceNode: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        onClose: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        onSelectChange: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        singleGroupSelection: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    };
+    displayName: string;
+};
+declare const DropdownMenuWithSchema: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<{
+    containerProps?: {} | undefined;
+    className?: string | undefined;
+    contentStyle?: null | undefined;
+    options?: never[] | undefined;
+    onSelectMenuItem?: (() => null) | undefined;
+    onOpenMenu?: (() => null) | undefined;
+    onClickOutsideMenu?: (() => null) | undefined;
+    preventOverflow?: string | undefined;
+    placement?: string | undefined;
+    interactionType?: string | undefined;
+    triggerComponent?: (() => null) | undefined;
+    customMenu?: null | undefined;
+    isOpen?: undefined;
+    selection?: {} | undefined;
+    menuProps?: {} | undefined;
+    referenceNode?: undefined;
+    focusOnOpen?: boolean | undefined;
+    onClose?: (() => null) | undefined;
+    itemsRenderer?: undefined;
+    responsiveHeight?: boolean | undefined;
+    singleGroupSelection?: boolean | undefined;
+    onSelectChange?: (() => null) | undefined;
+    minWidth?: undefined;
+    maxWidth?: undefined;
+    zIndex: any;
+    type: any;
+    loading?: boolean | undefined;
+    hideIfNotVisible: any;
+}>;
+export { DropdownMenuWithSchema, DSDropdownMenu };
+export default DSDropdownMenu;

package/dist/types/deprecated/DropdownMenuContext.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const DropdownMenuContext: React.Context<unknown>;
+export { DropdownMenuContext };
+export default DropdownMenuContext;

package/dist/types/deprecated/DropdownMenuLoadingIndicator.d.ts

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

package/dist/types/deprecated/DropdownMenuProvider.d.ts

@@ -0,0 +1,12 @@
+declare const DropdownMenuProvider: ({ onSelectMenuItem, onOpenMenu, onClose, children, isOpen, selection, singleGroupSelection, onSelectChange, }: {
+    onSelectMenuItem?: (() => null) | undefined;
+    onOpenMenu?: (() => null) | undefined;
+    onClose: any;
+    children: any;
+    isOpen: any;
+    selection: any;
+    singleGroupSelection: any;
+    onSelectChange?: (() => null) | undefined;
+}) => import("react/jsx-runtime.js").JSX.Element;
+export { DropdownMenuProvider };
+export default DropdownMenuProvider;

package/dist/types/deprecated/DropdownMenuRenderer.d.ts

@@ -0,0 +1,28 @@
+declare const DropdownMenuRenderer: ({ containerProps, className, options, triggerComponent, placement, interactionType, preventOverflow, customMenu, contentOffset, contentStyle, isOpen, children, menuProps, referenceNode, focusOnOpen: focusOnOpenProp, onClickOutsideMenu, responsiveHeight, itemsRenderer, maxWidth, minWidth, zIndex, type, loading, hideIfNotVisible, }: {
+    containerProps: any;
+    className: any;
+    options?: never[] | undefined;
+    triggerComponent: any;
+    placement: any;
+    interactionType: any;
+    preventOverflow: any;
+    customMenu: any;
+    contentOffset: any;
+    contentStyle: any;
+    isOpen: any;
+    children: any;
+    menuProps: any;
+    referenceNode: any;
+    focusOnOpen: any;
+    onClickOutsideMenu: any;
+    responsiveHeight: any;
+    itemsRenderer: any;
+    maxWidth: any;
+    minWidth: any;
+    zIndex: any;
+    type: any;
+    loading: any;
+    hideIfNotVisible: any;
+}) => import("react/jsx-runtime.js").JSX.Element;
+export { DropdownMenuRenderer };
+export default DropdownMenuRenderer;

package/dist/types/deprecated/DropdownMenuWrapper.d.ts

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

package/dist/types/deprecated/MenuItemClickableHOC.d.ts

@@ -0,0 +1,6 @@
+declare function MenuItemClickableHOC(WrappedComponent: any, config: any): ({ item, ...restProps }: {
+    [x: string]: any;
+    item?: {} | undefined;
+}) => import("react/jsx-runtime.js").JSX.Element;
+export { MenuItemClickableHOC };
+export default MenuItemClickableHOC;

package/dist/types/deprecated/MenuItemGroupSelectionHOC.d.ts

@@ -0,0 +1,6 @@
+declare function MenuItemGroupSelectionHOC(WrappedComponent: any, handlerName?: string): ({ item, ...restProps }: {
+    [x: string]: any;
+    item?: {} | undefined;
+}) => import("react/jsx-runtime.js").JSX.Element;
+export { MenuItemGroupSelectionHOC };
+export default MenuItemGroupSelectionHOC;

package/dist/types/deprecated/decoratedMenuItemFactory.d.ts

@@ -0,0 +1,2 @@
+export declare const factory: (type: any) => any;
+export declare const renderOptions: (options: any) => any;

package/dist/types/deprecated/index.d.ts

@@ -0,0 +1,2 @@
+export { default, DropdownMenuWithSchema, DSDropdownMenu } from './DSDropdownMenu.js';
+export { CustomPhoneRenderer } from './CustomPhoneRenderer.js';

package/dist/types/exported-related/constants.d.ts

@@ -0,0 +1,9 @@
+export declare const DSDropdownMenuName = "DSDropdownMenu";
+export declare const DSDropdownMenuSlots: {
+    ROOT: string;
+    LOADING_WRAPPER: string;
+    LISTBOX_WRAPPER: string;
+    HEADER_WRAPPER: string;
+    OPTION_LIST_WRAPPER: string;
+    EMPTY_STATE_WRAPPER: string;
+};

package/dist/types/exported-related/index.d.ts

@@ -0,0 +1 @@
+export * from './constants.js';

package/dist/types/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export * from './useAutofocusContainerOnOpen.js';
+export * from './useDropdownMenuItemHandlers.js';
+export * from './useGetOptionSpecialAttributes.js';

package/dist/types/hooks/useAutofocusContainerOnOpen.d.ts

@@ -0,0 +1 @@
+export declare const useAutofocusContainerOnOpen: () => void;

package/dist/types/hooks/useDropdownListboxHandlers.d.ts

@@ -0,0 +1,8 @@
+import type React from 'react';
+type UseDropdownListboxHandlersType = () => {
+    onKeyDown: React.KeyboardEventHandler;
+    onMouseEnter: React.MouseEventHandler;
+    onMouseLeave?: React.MouseEventHandler;
+};
+export declare const useDropdownListboxHandlers: UseDropdownListboxHandlersType;
+export {};

package/dist/types/hooks/useDropdownMenuItemHandlers.d.ts

@@ -0,0 +1,12 @@
+import type React from 'react';
+import type { DSDropdownMenuT } from '../react-desc-prop-types.js';
+type UseDropdownMenuItemHandlersType = (option: DSDropdownMenuT.Item) => {
+    onClick: (e: React.MouseEvent | React.KeyboardEvent) => void;
+    onSubmenuOpen: (e: React.MouseEvent | React.KeyboardEvent) => void;
+    onSubmenuClose: (e: React.MouseEvent | React.KeyboardEvent) => void;
+    onDropdownKeyDown: React.KeyboardEventHandler;
+    onMouseEnter: React.MouseEventHandler;
+    onMouseLeave: React.MouseEventHandler;
+};
+export declare const useDropdownMenuItemHandlers: UseDropdownMenuItemHandlersType;
+export {};

package/dist/types/hooks/useGetOptionSpecialAttributes.d.ts

@@ -0,0 +1,3 @@
+export declare const useGetOptionSpecialAttributes: () => {
+    optionsShouldHavePadding: boolean;
+};

package/dist/types/index.d.ts

@@ -0,0 +1,7 @@
+import DSDropdownMenu from './deprecated/index.js';
+export * from './DSDropdownMenu.js';
+export * from './exported-related/index.js';
+export type { DSDropdownMenuT } from './react-desc-prop-types.js';
+export { DropdownMenuDataTestId } from './DropdownMenuDataTestId.js';
+export { DSDropdownMenu, DropdownMenuWithSchema, CustomPhoneRenderer } from './deprecated/index.js';
+export default DSDropdownMenu;

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const DropdownMenuContent: React.ComponentType<Record<string, never>>;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { SizingProps } from '@elliemae/ds-legacy-system';
+interface DropdownMenuEmptyStateProps {
+    minWidth: SizingProps['minWidth'];
+    maxHeight: SizingProps['maxHeight'];
+}
+export declare const DropdownMenuEmptyState: React.FC<DropdownMenuEmptyStateProps>;
+export {};

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { DSDropdownMenuT } from '../react-desc-prop-types.js';
+export declare const DropdownMenuItemFactory: React.ComponentType<{
+    option: DSDropdownMenuT.Item;
+    style?: Record<string, unknown>;
+    innerRef?: (el: HTMLElement) => void;
+    optionsShouldHavePadding: boolean;
+}>;

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const DropdownMenuListBox: React.ComponentType<Record<string, never>>;

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const DropdownMenuLoading: React.ComponentType<Record<string, never>>;

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

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

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

@@ -0,0 +1,120 @@
+import type { WeakValidationMap } from 'react';
+import type React from 'react';
+import type { useVirtual } from 'react-virtual';
+import { type GlobalAttributesT, type XstyledProps } from '@elliemae/ds-legacy-props-helpers';
+import type { SizingProps } from '@elliemae/ds-legacy-system';
+export declare namespace DSDropdownMenuT {
+    type PopperPlacementsT = 'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-end' | 'bottom' | 'bottom-start' | 'left-end' | 'left' | 'left-start';
+    export interface RequiredProps {
+        options: Item[];
+        isOpened: boolean;
+    }
+    export interface DefaultProps {
+        onClickOutside: (e: MouseEvent | React.KeyboardEvent | TouchEvent) => void;
+        onKeyDown: React.KeyboardEventHandler;
+        onMouseEnter: React.MouseEventHandler;
+        onMouseLeave: React.MouseEventHandler;
+        selectedOptions: Record<string, boolean>;
+        onOptionClick: (nextSelectedOptions: Record<string, boolean>, clickedOption: Item, e: React.MouseEvent | React.KeyboardEvent) => void;
+        openedSubmenus: Record<string, boolean>;
+        onSubmenuToggle: (nextOpenedSubmenus: Record<string, boolean>, submenu: Item, e: React.MouseEvent | React.KeyboardEvent) => void;
+        isLoading: boolean;
+        hasInput: boolean;
+        inputValue: string;
+        inputPlaceholder: string;
+        onInputChange: React.FormEventHandler<HTMLInputElement>;
+        startPlacementPreference: PopperPlacementsT;
+        placementOrderPreference: PopperPlacementsT[];
+        customOffset: [number, number];
+        wrapperStyles: Record<string, unknown>;
+        actionRef: React.MutableRefObject<Record<string, unknown>>;
+        as: keyof JSX.IntrinsicElements;
+        children?: React.ReactNode;
+        isSkeleton: false;
+    }
+    export interface OptionalProps {
+        zIndex?: number;
+        minWidth?: SizingProps['minWidth'];
+        maxHeight?: SizingProps['maxHeight'];
+        HeaderComp?: React.ComponentType<{
+            ctx?: DSDropdownMenuT.CTX;
+        }>;
+    }
+    export interface Props extends Partial<DefaultProps>, OptionalProps, Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>, Omit<XstyledProps, 'zIndex'>, RequiredProps {
+    }
+    export interface InternalProps extends DefaultProps, OptionalProps, Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>, Omit<XstyledProps, 'zIndex'>, RequiredProps {
+    }
+    export interface CTX {
+        props: React.PropsWithChildren<InternalProps>;
+        triggerReferenceElement: HTMLDivElement | null;
+        setTriggerReferenceElement: React.Dispatch<React.SetStateAction<HTMLDivElement | null>>;
+        listboxReference: React.RefObject<HTMLDivElement>;
+        inputReference: React.RefObject<HTMLInputElement>;
+        activeDescendant: string;
+        setActiveDescendant: React.Dispatch<React.SetStateAction<string>>;
+        scrollOptionIntoView: (dsId: string) => void;
+        virtualListHelpers: ReturnType<typeof useVirtual>;
+        DSDropdownMenuV2: React.ComponentType<Props>;
+    }
+    interface CommonItemOptions {
+        dsId: string;
+        render?: React.ComponentType<any>;
+        onClick?: (e: React.MouseEvent | React.KeyboardEvent) => void;
+        onKeyDown?: (e: React.KeyboardEvent) => null;
+    }
+    export interface ItemActionOptions extends CommonItemOptions {
+        type: 'action';
+        label: string;
+        value: unknown;
+        disabled?: boolean;
+    }
+    export interface ItemSingleOptions extends CommonItemOptions {
+        type: 'single';
+        label: string;
+        value: unknown;
+        disabled?: boolean;
+    }
+    export interface ItemSingleWithSubmenuOptions extends CommonItemOptions {
+        type: 'singleWithSubmenu';
+        label: string;
+        value: unknown;
+        disabled?: boolean;
+        rightAddon?: 'chevron' | 'ellipsis';
+        options: Item[];
+    }
+    export interface ItemCheckboxOptions extends CommonItemOptions {
+        type: 'checkbox';
+        label: string;
+        value: unknown;
+        disabled?: boolean;
+    }
+    export interface ItemSubmenuOptions extends CommonItemOptions {
+        type: 'submenu';
+        label: string;
+        value: unknown;
+        disabled?: boolean;
+        rightAddon?: 'chevron' | 'ellipsis';
+        options: Item[];
+    }
+    export interface ItemSeparatorOptions extends CommonItemOptions {
+        type: 'separator';
+    }
+    export interface ItemSectionOptions extends CommonItemOptions {
+        type: 'section';
+        label: string;
+    }
+    export interface ItemSkeletonOptions extends CommonItemOptions {
+        type: 'skeleton';
+    }
+    export type Item = ItemActionOptions | ItemSingleOptions | ItemCheckboxOptions | ItemSubmenuOptions | ItemSingleWithSubmenuOptions | ItemSeparatorOptions | ItemSectionOptions | ItemSkeletonOptions;
+    export interface ItemDictionary {
+        [dsId: string]: {
+            original: Item;
+            containerRef: React.RefObject<HTMLDivElement>;
+            parent: string | null;
+        };
+    }
+    export {};
+}
+export declare const DSDropdownMenuV2PropTypes: WeakValidationMap<unknown>;
+export declare const defaultProps: DSDropdownMenuT.DefaultProps;

package/dist/types/styled.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import type { LayoutProps, SpaceProps, SizingProps, PositionProps } from '@elliemae/ds-legacy-system';
+export declare const StyledTriggerWrapper: import("styled-components").StyledComponent<"div", import("@elliemae/ds-legacy-system").Theme, LayoutProps<import("@xstyled/system").Theme> & SpaceProps & SizingProps<import("@xstyled/system").Theme> & PositionProps<import("@xstyled/system").Theme> & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
+export declare const StyledListBoxWrapper: import("styled-components").StyledComponent<"div", import("@elliemae/ds-legacy-system").Theme, {
+    minWidth: SizingProps['minWidth'];
+    maxHeight: SizingProps['maxHeight'];
+    hasHeader: boolean;
+} & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
+export declare const StyledOptionListWrapper: import("styled-components").StyledComponent<"ul", import("@elliemae/ds-legacy-system").Theme, object & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
+export declare const StyledLoadingWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-legacy-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-legacy-system").Theme, {
+    minWidth: number;
+} & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
+export declare const StyledEmptyStateWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-legacy-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-legacy-system").Theme, {
+    minWidth: SizingProps['minWidth'];
+    maxHeight: SizingProps['maxHeight'];
+} & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
+export declare const StyledInputWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-legacy-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-legacy-system").Theme, {
+    hasHeader: boolean;
+} & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
+export declare const StyledHeaderWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-legacy-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-legacy-system").Theme, object & import("@elliemae/ds-legacy-system").OwnerInterface, never>;

package/dist/types/tests/DSDropdownMenuV2.keyboardEvents.test.d.ts

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

package/dist/types/tests/DSDropdownMenuV2.pointerEvents.test.d.ts

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

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

@@ -0,0 +1 @@
+export declare const findInCircularList: <T>(list: T[], from: number, criteria: (item: T) => boolean, step?: number) => number;

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

@@ -0,0 +1,3 @@
+export * from './findInCircularList.js';
+export * from './isOptionFocuseable.js';
+export * from './manageOpenedSubmenus.js';

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

@@ -0,0 +1,2 @@
+import type { DSDropdownMenuT } from '../react-desc-prop-types.js';
+export declare const isOptionFocuseable: (opt: DSDropdownMenuT.Item) => boolean;

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

@@ -0,0 +1,2 @@
+import type { DSDropdownMenuT } from '../react-desc-prop-types.js';
+export declare const manageOpenedSubmenus: (options: DSDropdownMenuT.Item[], selectedOptions: Record<string, boolean>, clickedOption: DSDropdownMenuT.Item) => Record<string, boolean>;

package/package.json

@@ -0,0 +1,93 @@
+{
+  "name": "@elliemae/ds-legacy-dropdownmenu",
+  "version": "1.0.0-rc.1",
+  "license": "MIT",
+  "description": "ICE MT - Dimsum - Dropdown Menu",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    },
+    "./deprecated": {
+      "import": "./dist/esm/deprecated/index.js",
+      "require": "./dist/cjs/deprecated/index.js"
+    },
+    "./deprecated/DSDropdownMenu": {
+      "import": "./dist/esm/deprecated/DSDropdownMenu.js",
+      "require": "./dist/cjs/deprecated/DSDropdownMenu.js"
+    },
+    "./DropdownMenu": {
+      "import": "./dist/esm/DropdownMenu.js",
+      "require": "./dist/cjs/DropdownMenu.js"
+    }
+  },
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum-legacy.git"
+  },
+  "engines": {
+    "pnpm": ">=6",
+    "node": ">=16"
+  },
+  "author": "ICE MT",
+  "jestSonar": {
+    "sonar56x": true,
+    "reportPath": "reports",
+    "reportFile": "tests.xml",
+    "indent": 4
+  },
+  "dependencies": {
+    "@xstyled/system": "~3.7.3",
+    "react-virtual": "~2.10.4",
+    "@elliemae/ds-legacy-circular-progress-indicator": "1.0.0-rc.1",
+    "@elliemae/ds-legacy-classnames": "1.0.0-rc.1",
+    "@elliemae/ds-legacy-common": "1.0.0-rc.1",
+    "@elliemae/ds-legacy-form-input-text": "1.0.0-rc.1",
+    "@elliemae/ds-legacy-grid": "1.0.0-rc.1",
+    "@elliemae/ds-legacy-menu-items": "1.0.0-rc.1",
+    "@elliemae/ds-legacy-popper": "1.0.0-rc.1",
+    "@elliemae/ds-legacy-popperjs": "1.0.0-rc.1",
+    "@elliemae/ds-legacy-props-helpers": "1.0.0-rc.1",
+    "@elliemae/ds-legacy-system": "1.0.0-rc.1",
+    "@elliemae/ds-legacy-truncated-tooltip-text": "1.0.0-rc.1",
+    "@elliemae/ds-legacy-utilities": "1.0.0-rc.1"
+  },
+  "devDependencies": {
+    "@elliemae/pui-cli": "~9.0.0-next.31",
+    "styled-components": "~5.3.9",
+    "@elliemae/ds-legacy-monorepo-devops": "1.0.0-rc.1"
+  },
+  "peerDependencies": {
+    "@xstyled/styled-components": "~3.6.0",
+    "lodash": "^4.17.21",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "~5.3.9",
+    "styled-system": "^5.1.5"
+  },
+  "publishConfig": {
+    "access": "public",
+    "typeSafety": false
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
+    "test": "pui-cli test --passWithNoTests",
+    "lint": "node ../../../scripts/lint.mjs",
+    "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../../.eslintrc.js' src/",
+    "dts": "node ../../../scripts/dts.mjs",
+    "build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
+    "dev:build": "pnpm --filter {.}... build",
+    "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
+    "checkDeps": "npm exec ../../util/ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
+  }
+}