fix: pass all needed props to renderToolbar

src/StructuredYson/StructuredYson.tsx

@@ -153,7 +153,7 @@
             : {};
 
         return {
             value: {} as any, // valid value will be provided from getDerivedStateFromProps call
             flattenResult: {data: [], searchIndex: {}},
             settings: {},
             yson: true,
@@ -166,7 +166,7 @@
         };
     }
 
     onTogglePathCollapse = (path: string) => {
         const {collapsedState: oldState} = this.state;
         const collapsedState = {...oldState};
         if (collapsedState[path]) {
@@ -356,9 +356,16 @@
 
         if (renderToolbar) {
             return renderToolbar({
-                onFilterChange: this.onFilterChange,
+                filter,
+                matchIndex: matchIndex,
+                matchedRows: matchedRows,
+                allMatchPaths: allMatchPaths,
                 onExpandAll: this.onExpandAll,
                 onCollapseAll: this.onCollapseAll,
+                onFilterChange: this.onFilterChange,
+                onNextMatch: this.onNextMatch,
+                onPrevMatch: this.onPrevMatch,
+                onEnterKeyDown: this.onEnterKeyDown,
                 isCollapsed,
             });
         }

src/StructuredYson/types.ts

@@ -22,9 +22,16 @@ export type UnipikaSettings = {
 export type CollapseIconType = 'chevron';
 
 export interface ToolbarProps {
-    onFilterChange: (filter: string) => void;
+    filter: string;
+    matchIndex: number;
+    matchedRows: Array<number>;
+    allMatchPaths: Array<string>;
     onExpandAll: () => void;
     onCollapseAll: () => void;
+    onFilterChange: (filter: string) => void;
+    onNextMatch: (event: unknown, diff?: number) => void;
+    onPrevMatch: () => void;
+    onEnterKeyDown: (e: React.KeyboardEvent) => void;
     isCollapsed: boolean;
 }