feat(onStateChange): provide prevState (#335)

Author: Eunjae Lee

packages/autocomplete-core/src/createStore.ts

@@ -25,6 +25,7 @@ export function createStore<TItem>(
       return state;
     },
     send(action, payload) {
+      const prevState = { ...state };
       state = enhanceState(
         reducer(state, {
           type: action,
@@ -33,7 +34,7 @@ export function createStore<TItem>(
         })
       );
 
-      props.onStateChange({ state });
+      props.onStateChange({ state, prevState });
     },
   };
 }

packages/autocomplete-core/src/types/api.ts

@@ -198,7 +198,10 @@ export interface AutocompleteOptions<TItem> {
   /**
    * Function called when the internal state changes.
    */
-  onStateChange?<TItem>(props: { state: AutocompleteState<TItem> }): void;
+  onStateChange?<TItem>(props: {
+    state: AutocompleteState<TItem>;
+    prevState: AutocompleteState<TItem>;
+  }): void;
   /**
    * The text that appears in the search box input when there is no query.
    */
@@ -282,7 +285,10 @@ export interface InternalAutocompleteOptions<TItem>
   extends AutocompleteOptions<TItem> {
   debug: boolean;
   id: string;
-  onStateChange<TItem>(props: { state: AutocompleteState<TItem> }): void;
+  onStateChange<TItem>(props: {
+    state: AutocompleteState<TItem>;
+    prevState: AutocompleteState<TItem>;
+  }): void;
   placeholder: string;
   autoFocus: boolean;
   defaultHighlightedIndex: number | null;