@massds/mayflower-react
Version:
React versions of Mayflower design system UI components
52 lines (51 loc) • 2.11 kB
TypeScript
/**
* MultiSelectDropDown module.
* @module @massds/mayflower-react/MultiSelectDropDown
* @requires module:@massds/mayflower-assets/scss/02-molecules/multiselect-dropdown
* @requires module:@massds/mayflower-assets/scss/01-atoms/input-checkbox
* @requires module:@massds/mayflower-assets/scss/02-molecules/tags
* @requires module:@massds/mayflower-assets/scss/01-atoms/button-tag
* @requires module:@massds/mayflower-assets/scss/01-atoms/svg-icons
* @requires module:@massds/mayflower-assets/scss/01-atoms/svg-loc-icons
*/
import React from 'react';
export declare const getObjByValue: (arr: any, value: any, key: any) => any;
export interface MultiSelectDropDownProps {
/** The legend title of the multiple select dropdown, can be a string, an element or a React component. */
title: string | object;
/** Legend classes. */
titleClasses?: string[];
/** Default display in dropdown field. */
defaultText?: string;
/** Custom callback on dropdown item selection. */
onItemSelect?(...args: unknown[]): unknown;
/** Custom callback on dropdown click. */
onDropDownClick?(...args: unknown[]): unknown;
/** An array of dropdown multiselect items */
dropdownItems?: {
text?: string;
href?: string;
}[];
/** Field name attribute that is used for grouping DOM submission and identify tags type */
fieldName?: string;
}
declare class MultiSelectDropDown extends React.Component<MultiSelectDropDownProps> {
_timeoutID: any;
constructor(props: any);
componentDidMount(): void;
componentWillUnmount(): void;
onBlur: () => void;
handleTagClick: (target: any, e: any) => void;
handleClearAll: () => void;
handleClickOutside: (event: any) => void;
handleDropDownKeyDown: (event: any) => void;
handleSelect: (event: any) => void;
handleKeyDown: (event: any) => void;
focusOnComboBox: () => void;
handleClick: () => void;
handleComboBoxKeyDown: (event: any) => void;
toggleDropDown: () => void;
closeDropDown: () => void;
render(): any;
}
export default MultiSelectDropDown;