@wordpress/components/src/input-control/reducer/state.ts

UI components for WordPress.

/**
 * External dependencies
 */
import type { Reducer, SyntheticEvent } from 'react';

/**
 * Internal dependencies
 */
import type { Action, InputAction } from './actions';

export interface InputState {
	_event?: SyntheticEvent;
	error: unknown;
	initialValue?: string;
	isDirty: boolean;
	isDragEnabled: boolean;
	isDragging: boolean;
	isPressEnterToChange: boolean;
	value?: string;
}

export type StateReducer< SpecializedAction = {} > = Reducer<
	InputState,
	SpecializedAction extends Action
		? InputAction | SpecializedAction
		: InputAction
>;

export const initialStateReducer: StateReducer = ( state: InputState ) => state;

export const initialInputControlState: InputState = {
	error: null,
	initialValue: '',
	isDirty: false,
	isDragEnabled: false,
	isDragging: false,
	isPressEnterToChange: false,
	value: '',
};