@openfin/ui-library 0.11.0 → 0.12.0-alpha.1677874224

package/dist/components/elements/DropdownMenu/dropdownMenu.d.ts

@@ -0,0 +1,14 @@
+import { FC, ReactNode } from 'react';
+import { DropdownOption } from './dropdownOptionsMenu';
+export interface DropdownMenuProps {
+    label?: string;
+    selected?: DropdownOption;
+    options?: DropdownOption[];
+    onChange: (value: DropdownOption) => void;
+    onOptionHover?: (value?: unknown) => void;
+    placeholder?: string;
+    renderLabel?: (option: DropdownOption, isOpen: boolean, onClick: () => void) => ReactNode;
+    fitContent?: boolean;
+}
+export declare const DropdownMenu: FC<DropdownMenuProps>;
+export declare const ButtonImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/elements/DropdownMenu/dropdownOptionTitle.d.ts

@@ -0,0 +1,15 @@
+import React, { FC } from 'react';
+import { TextProps } from '../../typography/Text';
+interface DropdownOptionTitleProps extends Omit<TextProps, 'children'> {
+    children?: string;
+}
+/**
+ * A single line of Text that will overflow with ellipsis. When overflown mousing over the text will display a tooltip with the text content.
+ */
+export declare const DropdownOptionTitle: FC<DropdownOptionTitleProps>;
+/**
+ * Checks if a element's content is overflown.
+ */
+export declare function isElementOverflown(element: HTMLElement): boolean;
+export declare const useTooltip: <R extends HTMLElement>(tooltip?: string) => React.Ref<R>;
+export {};

package/dist/components/elements/DropdownMenu/dropdownOptionsMenu.d.ts

@@ -0,0 +1,24 @@
+import React, { Dispatch, SetStateAction } from 'react';
+export interface DropdownOption {
+    title: string;
+    value: unknown;
+    iconUrl?: string;
+}
+export interface DropdownOptionsMenuProps {
+    options: DropdownOption[];
+    selected?: DropdownOption;
+    expandMenu: {
+        show: boolean;
+        requestedByCollapse: boolean;
+    };
+    dropdownMenuId?: string;
+    setExpandMenu?: Dispatch<SetStateAction<{
+        show: boolean;
+        requestedByCollapse: boolean;
+    }>>;
+    onOptionHover?: (value?: unknown) => void;
+    onChange: (value: DropdownOption) => void;
+    onCollapseRequest: () => void;
+    fitContent?: boolean;
+}
+export declare const DropdownOptionsMenu: React.FC<DropdownOptionsMenuProps>;

package/dist/components/elements/DropdownMenu/index.d.ts

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

package/dist/index.d.ts

@@ -2,6 +2,7 @@ export * from './components/controls/Button';
 export * from './components/controls/ExpandableButton';
 export * from './components/controls/Toggle';
 export * from './components/elements/Badge';
+export * from './components/elements/DropdownMenu';
 export * from './components/elements/Icon';
 export * from './components/elements/IconWithBadge';
 export * from './components/elements/Loader';