67 lines
1.8 KiB
JavaScript
67 lines
1.8 KiB
JavaScript
import { moveHighlight, listReducer, ListActionTypes, handleItemSelection } from '../useList';
|
|
import { SelectActionTypes } from './useSelect.types';
|
|
export function selectReducer(state, action) {
|
|
const {
|
|
open
|
|
} = state;
|
|
const {
|
|
context: {
|
|
selectionMode
|
|
}
|
|
} = action;
|
|
if (action.type === SelectActionTypes.buttonClick) {
|
|
const itemToHighlight = state.selectedValues[0] ?? moveHighlight(null, 'start', action.context);
|
|
return {
|
|
...state,
|
|
open: !open,
|
|
highlightedValue: !open ? itemToHighlight : null
|
|
};
|
|
}
|
|
if (action.type === SelectActionTypes.browserAutoFill) {
|
|
return handleItemSelection(action.item, state, action.context);
|
|
}
|
|
const newState = listReducer(state, action);
|
|
switch (action.type) {
|
|
case ListActionTypes.keyDown:
|
|
if (state.open) {
|
|
if (action.event.key === 'Escape') {
|
|
return {
|
|
...newState,
|
|
open: false
|
|
};
|
|
}
|
|
} else {
|
|
if (action.event.key === 'ArrowDown') {
|
|
return {
|
|
...state,
|
|
open: true,
|
|
highlightedValue: state.selectedValues[0] ?? moveHighlight(null, 'start', action.context)
|
|
};
|
|
}
|
|
if (action.event.key === 'ArrowUp') {
|
|
return {
|
|
...state,
|
|
open: true,
|
|
highlightedValue: state.selectedValues[0] ?? moveHighlight(null, 'end', action.context)
|
|
};
|
|
}
|
|
}
|
|
break;
|
|
case ListActionTypes.itemClick:
|
|
if (selectionMode === 'single') {
|
|
return {
|
|
...newState,
|
|
open: false
|
|
};
|
|
}
|
|
break;
|
|
case ListActionTypes.blur:
|
|
return {
|
|
...newState,
|
|
open: false
|
|
};
|
|
default:
|
|
return newState;
|
|
}
|
|
return newState;
|
|
} |