lucid-ui/src/components/SearchableMultiSelect/SearchableMultiSelect.reducers.ts

A UI component library from AppNexus.

import _ from 'lodash';
import * as DropMenu from '../DropMenu/DropMenu.reducers';
import * as SearchField from '../SearchField/SearchField.reducers';
import { ISearchableMultiSelectState } from './SearchableMultiSelect';

export function onSelect(
	state: ISearchableMultiSelectState,
	selectedIndex: number[] | number
): ISearchableMultiSelectState {
	const arr: number[] = [];
	return {
		...state,
		selectedIndices: _.xor(state.selectedIndices, arr.concat(selectedIndex)),
	};
}

export function onSearch(
	state: ISearchableMultiSelectState,
	searchText: string,
	firstVisibleIndex: number
): ISearchableMultiSelectState {
	return {
		...state,
		searchText,
		DropMenu: {
			...DropMenu.onFocusOption(state.DropMenu, firstVisibleIndex),
		},
	};
}

export function onRemoveAll(
	state: ISearchableMultiSelectState
): ISearchableMultiSelectState {
	return {
		...state,
		selectedIndices: [],
	};
}

export { DropMenu };
export default SearchField;