@cccsaurora/howler-ui 2.18.0 → 2.19.0-cases.1051

package/components/app/providers/{HitSearchProvider.test.js → RecordSearchProvider.test.js}

@@ -5,9 +5,9 @@ import { cloneDeep } from 'lodash-es';
 import { setupContextSelectorMock, setupLocalStorageMock } from '@cccsaurora/howler-ui/tests/mocks';
 import { useContextSelector } from 'use-context-selector';
 import { DEFAULT_QUERY, MY_LOCAL_STORAGE_PREFIX, StorageKey } from '@cccsaurora/howler-ui/utils/constants';
-import { HitContext } from './HitProvider';
-import HitSearchProvider, { HitSearchContext } from './HitSearchProvider';
 import { ParameterContext } from './ParameterProvider';
+import { RecordContext } from './RecordProvider';
+import RecordSearchProvider, { RecordSearchContext } from './RecordSearchProvider';
 import { ViewContext } from './ViewProvider';
 vi.mock('api', { spy: true });
 setupContextSelectorMock();
@@ -30,20 +30,21 @@ let mockParameterContext = {
         mockParameterContext.offset = parseInt(offset);
     },
     views: [],
+    indexes: ['hit'],
     addView: vi.fn()
 };
 const originalMockParameterContext = cloneDeep(mockParameterContext);
 const mockHitContext = {
-    hits: {},
-    loadHits: hits => {
-        mockHitContext.hits = {
-            ...mockHitContext.hits,
+    records: {},
+    loadRecords: hits => {
+        mockHitContext.records = {
+            ...mockHitContext.records,
             ...Object.fromEntries(hits.map(hit => [hit.howler.id, hit]))
         };
     }
 };
 const Wrapper = ({ children }) => {
-    return (_jsx(ViewContext.Provider, { value: mockViewContext, children: _jsx(ParameterContext.Provider, { value: mockParameterContext, children: _jsx(HitContext.Provider, { value: mockHitContext, children: _jsx(HitSearchProvider, { children: children }) }) }) }));
+    return (_jsx(ViewContext.Provider, { value: mockViewContext, children: _jsx(ParameterContext.Provider, { value: mockParameterContext, children: _jsx(RecordContext.Provider, { value: mockHitContext, children: _jsx(RecordSearchProvider, { children: children }) }) }) }));
 };
 beforeEach(() => {
     mockParameterContext = cloneDeep(originalMockParameterContext);
@@ -57,38 +58,32 @@ beforeEach(() => {
     let mockSearchParams = new URLSearchParams();
     vi.mocked(useSearchParams).mockReturnValue([mockSearchParams, mockSetParams]);
 });
-describe('HitSearchContext', () => {
+describe('RecordSearchContext', () => {
     it('should initialize with default values', async () => {
-        const hook = renderHook(() => useContextSelector(HitSearchContext, ctx => ({
+        const hook = renderHook(() => useContextSelector(RecordSearchContext, ctx => ({
             displayType: ctx.displayType,
             searching: ctx.searching,
             error: ctx.error,
             response: ctx.response,
-            bundleId: ctx.bundleId,
             fzfSearch: ctx.fzfSearch
         })), { wrapper: Wrapper });
         expect(hook.result.current.displayType).toBe('list');
         expect(hook.result.current.searching).toBe(false);
         expect(hook.result.current.error).toBeNull();
         expect(hook.result.current.response).toBeNull();
-        expect(hook.result.current.bundleId).toBeNull();
         expect(hook.result.current.fzfSearch).toBe(false);
     });
-    it('should set bundleId when on bundles route', () => {
-        mockLocation.pathname = '/bundles/test_bundle_id';
-        mockParams.mockReturnValue({ id: 'test_bundle_id' });
-        const hook = renderHook(() => useContextSelector(HitSearchContext, ctx => ctx.bundleId), { wrapper: Wrapper });
-        expect(hook.result.current).toBe('test_bundle_id');
-    });
     it('should initialize queryHistory from localStorage', () => {
         const mockHistory = { 'test:query': new Date().toISOString() };
         mockLocalStorage.setItem(`${MY_LOCAL_STORAGE_PREFIX}.${StorageKey.QUERY_HISTORY}`, JSON.stringify(mockHistory));
-        const hook = renderHook(() => useContextSelector(HitSearchContext, ctx => ctx.queryHistory), { wrapper: Wrapper });
+        const hook = renderHook(() => useContextSelector(RecordSearchContext, ctx => ctx.queryHistory), {
+            wrapper: Wrapper
+        });
         expect(hook.result.current).toEqual(mockHistory);
     });
     describe('setDisplayType', () => {
         it('should update display type', () => {
-            const hook = renderHook(() => useContextSelector(HitSearchContext, ctx => ({
+            const hook = renderHook(() => useContextSelector(RecordSearchContext, ctx => ({
                 displayType: ctx.displayType,
                 setDisplayType: ctx.setDisplayType
             })), { wrapper: Wrapper });
@@ -101,7 +96,7 @@ describe('HitSearchContext', () => {
     });
     describe('setFzfSearch', () => {
         it('should update fzfSearch state', () => {
-            const hook = renderHook(() => useContextSelector(HitSearchContext, ctx => ({
+            const hook = renderHook(() => useContextSelector(RecordSearchContext, ctx => ({
                 fzfSearch: ctx.fzfSearch,
                 setFzfSearch: ctx.setFzfSearch
             })), { wrapper: Wrapper });
@@ -114,7 +109,7 @@ describe('HitSearchContext', () => {
     });
     describe('setQueryHistory', () => {
         it('should update query history', () => {
-            const hook = renderHook(() => useContextSelector(HitSearchContext, ctx => ({
+            const hook = renderHook(() => useContextSelector(RecordSearchContext, ctx => ({
                 queryHistory: ctx.queryHistory,
                 setQueryHistory: ctx.setQueryHistory
             })), { wrapper: Wrapper });
@@ -127,7 +122,7 @@ describe('HitSearchContext', () => {
     });
     describe('search', () => {
         it('should perform a search and update response', async () => {
-            const hook = renderHook(() => useContextSelector(HitSearchContext, ctx => ({
+            const hook = renderHook(() => useContextSelector(RecordSearchContext, ctx => ({
                 search: ctx.search,
                 searching: ctx.searching,
                 response: ctx.response,
@@ -137,13 +132,13 @@ describe('HitSearchContext', () => {
                 hook.result.current.search('test query');
             });
             await waitFor(() => {
-                expect(hpost).toHaveBeenCalledWith('/api/v1/search/hit', expect.objectContaining({
+                expect(hpost).toHaveBeenCalledWith('/api/v2/search/hit', expect.objectContaining({
                     query: expect.stringContaining('test query')
                 }));
             });
         });
         it('should set searching state during search', async () => {
-            const hook = renderHook(() => useContextSelector(HitSearchContext, ctx => ({
+            const hook = renderHook(() => useContextSelector(RecordSearchContext, ctx => ({
                 search: ctx.search,
                 searching: ctx.searching
             })), { wrapper: Wrapper });
@@ -172,7 +167,7 @@ describe('HitSearchContext', () => {
         });
         it('should handle search errors', async () => {
             vi.mocked(hpost).mockRejectedValueOnce(new Error('Search failed'));
-            const hook = renderHook(() => useContextSelector(HitSearchContext, ctx => ({
+            const hook = renderHook(() => useContextSelector(RecordSearchContext, ctx => ({
                 search: ctx.search,
                 error: ctx.error,
                 searching: ctx.searching
@@ -193,7 +188,7 @@ describe('HitSearchContext', () => {
                 total: 10
             };
             vi.mocked(hpost).mockResolvedValueOnce(mockResponse);
-            const hook = renderHook(() => useContextSelector(HitSearchContext, ctx => ({
+            const hook = renderHook(() => useContextSelector(RecordSearchContext, ctx => ({
                 search: ctx.search,
                 response: ctx.response
             })), { wrapper: Wrapper });
@@ -229,7 +224,7 @@ describe('HitSearchContext', () => {
                 total: 10
             };
             vi.mocked(hpost).mockResolvedValueOnce(mockResponse);
-            const hook = renderHook(() => useContextSelector(HitSearchContext, ctx => ({
+            const hook = renderHook(() => useContextSelector(RecordSearchContext, ctx => ({
                 search: ctx.search,
                 response: ctx.response
             })), { wrapper: Wrapper });
@@ -243,27 +238,13 @@ describe('HitSearchContext', () => {
                 expect(hook.result.current.response?.items[0].howler.id).toBe('hit1');
             });
         });
-        it('should include bundle filter when on bundles route', async () => {
-            mockLocation.pathname = '/bundles/test_bundle_id';
-            mockParams.mockReturnValue({ id: 'test_bundle_id' });
-            const hook = renderHook(() => useContextSelector(HitSearchContext, ctx => ctx.search), { wrapper: Wrapper });
-            act(() => {
-                hook.result.current('test query');
-            });
-            await waitFor(() => {
-                expect(hpost).toHaveBeenCalledWith('/api/v1/search/hit', expect.objectContaining({
-                    query: 'test query',
-                    filters: ['event.created:[now-1w TO now]', 'howler.bundles:test_bundle_id']
-                }));
-            });
-        });
         it('should apply date range filter from span', async () => {
-            const hook = renderHook(() => useContextSelector(HitSearchContext, ctx => ctx.search), { wrapper: Wrapper });
+            const hook = renderHook(() => useContextSelector(RecordSearchContext, ctx => ctx.search), { wrapper: Wrapper });
             act(() => {
                 hook.result.current('test query');
             });
             await waitFor(() => {
-                expect(hpost).toHaveBeenCalledWith('/api/v1/search/hit', expect.objectContaining({
+                expect(hpost).toHaveBeenCalledWith('/api/v2/search/hit', expect.objectContaining({
                     filters: expect.arrayContaining([expect.stringContaining('event.created:')])
                 }));
             });
@@ -272,24 +253,24 @@ describe('HitSearchContext', () => {
             mockParameterContext.span = 'date.range.custom';
             mockParameterContext.startDate = '2025-01-01';
             mockParameterContext.endDate = '2025-12-31';
-            const hook = renderHook(() => useContextSelector(HitSearchContext, ctx => ctx.search), { wrapper: Wrapper });
+            const hook = renderHook(() => useContextSelector(RecordSearchContext, ctx => ctx.search), { wrapper: Wrapper });
             act(() => {
                 hook.result.current('test query');
             });
             await waitFor(() => {
-                expect(hpost).toHaveBeenCalledWith('/api/v1/search/hit', expect.objectContaining({
+                expect(hpost).toHaveBeenCalledWith('/api/v2/search/hit', expect.objectContaining({
                     filters: expect.arrayContaining([expect.stringContaining('event.created:')])
                 }));
             });
         });
         it('should exclude filters ending with * from search', async () => {
             mockParameterContext.filters = ['status:open', 'howler.escalation:*'];
-            const hook = renderHook(() => useContextSelector(HitSearchContext, ctx => ctx.search), { wrapper: Wrapper });
+            const hook = renderHook(() => useContextSelector(RecordSearchContext, ctx => ctx.search), { wrapper: Wrapper });
             act(() => {
                 hook.result.current('test query');
             });
             await waitFor(() => {
-                expect(hpost).toHaveBeenCalledWith('/api/v1/search/hit', expect.objectContaining({
+                expect(hpost).toHaveBeenCalledWith('/api/v2/search/hit', expect.objectContaining({
                     filters: expect.not.arrayContaining([expect.stringContaining('howler.escalation:*')])
                 }));
             });
@@ -302,7 +283,7 @@ describe('HitSearchContext', () => {
                 rows: 0,
                 total: 50
             });
-            const hook = renderHook(() => useContextSelector(HitSearchContext, ctx => ({
+            const hook = renderHook(() => useContextSelector(RecordSearchContext, ctx => ({
                 search: ctx.search
             })), { wrapper: Wrapper });
             act(() => {
@@ -316,7 +297,7 @@ describe('HitSearchContext', () => {
         it('should not search when sort or span is null', async () => {
             mockParameterContext.sort = null;
             mockParameterContext.span = null;
-            const hook = renderHook(() => useContextSelector(HitSearchContext, ctx => ctx.search), { wrapper: Wrapper });
+            const hook = renderHook(() => useContextSelector(RecordSearchContext, ctx => ctx.search), { wrapper: Wrapper });
             act(() => {
                 hook.result.current('test query');
             });
@@ -328,7 +309,7 @@ describe('HitSearchContext', () => {
     });
     describe('automatic search on parameter changes', () => {
         it('should trigger search when filters change', async () => {
-            const hook = renderHook(() => useContextSelector(HitSearchContext, ctx => ({
+            const hook = renderHook(() => useContextSelector(RecordSearchContext, ctx => ({
                 response: ctx.response
             })), { wrapper: Wrapper });
             await waitFor(() => {
@@ -342,23 +323,23 @@ describe('HitSearchContext', () => {
                 expect(hpost).toHaveBeenCalled();
             }, { timeout: 2000 });
         });
-        it('should not trigger search when query is DEFAULT_QUERY and no bundleId', async () => {
+        it('should not trigger search when query is DEFAULT_QUERY', async () => {
             mockParameterContext.query = DEFAULT_QUERY;
-            renderHook(() => useContextSelector(HitSearchContext, ctx => ctx.response), { wrapper: Wrapper });
+            renderHook(() => useContextSelector(RecordSearchContext, ctx => ctx.response), { wrapper: Wrapper });
             await waitFor(() => {
                 expect(hpost).not.toHaveBeenCalled();
             });
         });
         it('should not trigger search when span is custom but dates are missing', async () => {
-            renderHook(() => useContextSelector(HitSearchContext, ctx => ctx.response), { wrapper: Wrapper });
+            renderHook(() => useContextSelector(RecordSearchContext, ctx => ctx.response), { wrapper: Wrapper });
             await waitFor(() => {
                 expect(hpost).not.toHaveBeenCalled();
             });
         });
     });
-    describe('useHitSearchContextSelector', () => {
+    describe('useRecordSearchContextSelector', () => {
         it('should allow selecting specific values from context', async () => {
-            const hook = renderHook(() => useContextSelector(HitSearchContext, ctx => ({
+            const hook = renderHook(() => useContextSelector(RecordSearchContext, ctx => ({
                 searching: ctx.searching,
                 error: ctx.error
             })), { wrapper: Wrapper });
@@ -368,7 +349,7 @@ describe('HitSearchContext', () => {
     });
     describe('edge cases', () => {
         it('should handle concurrent search calls with throttling', async () => {
-            const hook = renderHook(() => useContextSelector(HitSearchContext, ctx => ctx.search), { wrapper: Wrapper });
+            const hook = renderHook(() => useContextSelector(RecordSearchContext, ctx => ctx.search), { wrapper: Wrapper });
             // Make multiple rapid calls
             act(() => {
                 hook.result.current('query1');
@@ -380,8 +361,8 @@ describe('HitSearchContext', () => {
                 expect(hpost).toHaveBeenCalledTimes(1);
             }, { timeout: 2000 });
         });
-        it('should clear response when query becomes DEFAULT_QUERY without viewId or bundleId', async () => {
-            const hook = renderHook(() => useContextSelector(HitSearchContext, ctx => ctx.response), { wrapper: Wrapper });
+        it('should clear response when query becomes DEFAULT_QUERY without viewId', async () => {
+            const hook = renderHook(() => useContextSelector(RecordSearchContext, ctx => ctx.response), { wrapper: Wrapper });
             await waitFor(() => {
                 expect(hook.result.current).toBeDefined();
             }, { timeout: 2000 });
@@ -401,12 +382,12 @@ describe('HitSearchContext', () => {
                     { view_id: 'view_1', query: 'howler.status:open' },
                     { view_id: 'view_2', query: 'howler.priority:high' }
                 ]);
-                const hook = renderHook(() => useContextSelector(HitSearchContext, ctx => ctx.search), { wrapper: Wrapper });
+                const hook = renderHook(() => useContextSelector(RecordSearchContext, ctx => ctx.search), { wrapper: Wrapper });
                 act(() => {
                     hook.result.current('test query');
                 });
                 await waitFor(() => {
-                    expect(hpost).toHaveBeenCalledWith('/api/v1/search/hit', expect.objectContaining({
+                    expect(hpost).toHaveBeenCalledWith('/api/v2/search/hit', expect.objectContaining({
                         query: 'test query',
                         filters: expect.arrayContaining(['howler.status:open', 'howler.priority:high'])
                     }));
@@ -419,12 +400,12 @@ describe('HitSearchContext', () => {
                     { view_id: 'view_2', query: 'howler.priority:high' },
                     { view_id: 'view_3', query: 'howler.analytic:sigma' }
                 ]);
-                const hook = renderHook(() => useContextSelector(HitSearchContext, ctx => ctx.search), { wrapper: Wrapper });
+                const hook = renderHook(() => useContextSelector(RecordSearchContext, ctx => ctx.search), { wrapper: Wrapper });
                 act(() => {
                     hook.result.current('test query');
                 });
                 await waitFor(() => {
-                    expect(hpost).toHaveBeenCalledWith('/api/v1/search/hit', expect.objectContaining({
+                    expect(hpost).toHaveBeenCalledWith('/api/v2/search/hit', expect.objectContaining({
                         query: 'test query',
                         filters: [
                             'event.created:[now-1w TO now]',
@@ -443,7 +424,7 @@ describe('HitSearchContext', () => {
                 mockParameterContext.views = [];
                 const mockSearchParams = new URLSearchParams();
                 vi.mocked(useSearchParams).mockReturnValue([mockSearchParams, mockSetParams]);
-                renderHook(() => useContextSelector(HitSearchContext, () => { }), { wrapper: Wrapper });
+                renderHook(() => useContextSelector(RecordSearchContext, () => { }), { wrapper: Wrapper });
                 await waitFor(() => {
                     expect(mockParameterContext.addView).toBeCalledWith('default_view_id');
                 });
@@ -455,7 +436,7 @@ describe('HitSearchContext', () => {
                 const mockSearchParams = new URLSearchParams();
                 mockSearchParams.append('view', 'existing_view');
                 vi.mocked(useSearchParams).mockReturnValue([mockSearchParams, mockSetParams]);
-                renderHook(() => useContextSelector(HitSearchContext, () => { }), { wrapper: Wrapper });
+                renderHook(() => useContextSelector(RecordSearchContext, () => { }), { wrapper: Wrapper });
                 await waitFor(() => {
                     expect(mockParameterContext.addView).not.toBeCalled();
                 });
@@ -466,7 +447,7 @@ describe('HitSearchContext', () => {
                 mockParameterContext.views = [];
                 const mockSearchParams = new URLSearchParams();
                 vi.mocked(useSearchParams).mockReturnValue([mockSearchParams, mockSetParams]);
-                renderHook(() => useContextSelector(HitSearchContext, () => { }), { wrapper: Wrapper });
+                renderHook(() => useContextSelector(RecordSearchContext, () => { }), { wrapper: Wrapper });
                 await waitFor(() => {
                     expect(mockSetParams).not.toHaveBeenCalled();
                 });
@@ -476,12 +457,12 @@ describe('HitSearchContext', () => {
             it('should not break when view ID does not exist', async () => {
                 mockParameterContext.views = ['non_existent_view'];
                 mockViewContext.getCurrentViews = vi.fn(() => Promise.resolve([null]));
-                const hook = renderHook(() => useContextSelector(HitSearchContext, ctx => ctx.search), { wrapper: Wrapper });
+                const hook = renderHook(() => useContextSelector(RecordSearchContext, ctx => ctx.search), { wrapper: Wrapper });
                 act(() => {
                     hook.result.current('test query');
                 });
                 await waitFor(() => {
-                    expect(hpost).toHaveBeenCalledWith('/api/v1/search/hit', expect.objectContaining({
+                    expect(hpost).toHaveBeenCalledWith('/api/v2/search/hit', expect.objectContaining({
                         query: expect.stringContaining('test query'),
                         filters: ['event.created:[now-1w TO now]']
                     }));
@@ -493,12 +474,12 @@ describe('HitSearchContext', () => {
                     { view_id: 'view_1', query: 'howler.status:open' },
                     { view_id: 'view_2', query: 'howler.priority:high' }
                 ]);
-                const hook = renderHook(() => useContextSelector(HitSearchContext, ctx => ctx.search), { wrapper: Wrapper });
+                const hook = renderHook(() => useContextSelector(RecordSearchContext, ctx => ctx.search), { wrapper: Wrapper });
                 act(() => {
                     hook.result.current('test query');
                 });
                 await waitFor(() => {
-                    expect(hpost).toHaveBeenCalledWith('/api/v1/search/hit', expect.objectContaining({
+                    expect(hpost).toHaveBeenCalledWith('/api/v2/search/hit', expect.objectContaining({
                         query: 'test query',
                         filters: ['event.created:[now-1w TO now]', 'howler.status:open', 'howler.priority:high']
                     }));
@@ -509,7 +490,7 @@ describe('HitSearchContext', () => {
             it('should not trigger search when views is empty and query is DEFAULT_QUERY', async () => {
                 mockParameterContext.query = DEFAULT_QUERY;
                 mockParameterContext.views = [];
-                renderHook(() => useContextSelector(HitSearchContext, ctx => ctx.response), { wrapper: Wrapper });
+                renderHook(() => useContextSelector(RecordSearchContext, ctx => ctx.response), { wrapper: Wrapper });
                 await waitFor(() => {
                     expect(hpost).not.toHaveBeenCalled();
                 });
@@ -517,7 +498,7 @@ describe('HitSearchContext', () => {
             it('should trigger search when views.length > 0 even with DEFAULT_QUERY', async () => {
                 mockParameterContext.query = DEFAULT_QUERY;
                 mockParameterContext.views = ['view_1'];
-                renderHook(() => useContextSelector(HitSearchContext, ctx => ctx.response), { wrapper: Wrapper });
+                renderHook(() => useContextSelector(RecordSearchContext, ctx => ctx.response), { wrapper: Wrapper });
                 await waitFor(() => {
                     expect(hpost).toHaveBeenCalled();
                 });

package/components/app/providers/SearchResponseProvider.d.ts

@@ -0,0 +1,21 @@
+import type { HowlerSearchRequest, HowlerSearchResponse } from '@cccsaurora/howler-ui/api/search';
+import type { DispatchApiConfig } from '@cccsaurora/howler-ui/components/hooks/useMyApi';
+import { type PropsWithChildren } from 'react';
+export type SearchResponseState<T> = HowlerSearchResponse<T> & {
+    removeCount: number;
+};
+export type SearchResponseContextType<T> = {
+    push: (item: T) => void;
+    remove: (id: string) => void;
+    replace: (id: string, item: T) => void;
+    request: (endpoint: (request: HowlerSearchRequest) => Promise<HowlerSearchResponse<T>>, requestData: HowlerSearchRequest, config?: DispatchApiConfig) => Promise<HowlerSearchResponse<T>>;
+    getSearchRequestData: (requestData: Partial<HowlerSearchRequest>) => Partial<HowlerSearchRequest>;
+    response: SearchResponseState<T> | null;
+};
+export declare const SearchResponseContext: import("react").Context<SearchResponseContextType<any>>;
+type SearchResponseProviderProps<T> = PropsWithChildren<{
+    idField: string;
+    initialResponse?: SearchResponseState<T>;
+}>;
+declare const SearchResponseProvider: <T>({ children, idField: idField, initialResponse }: SearchResponseProviderProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default SearchResponseProvider;

package/components/app/providers/SearchResponseProvider.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import useMyApi from '@cccsaurora/howler-ui/components/hooks/useMyApi';
+import { createContext, useCallback, useState } from 'react';
+export const SearchResponseContext = createContext(null);
+const SearchResponseProvider = ({ children, idField: idField, initialResponse = null }) => {
+    const { dispatchApi } = useMyApi();
+    const [response, setResponse] = useState(initialResponse);
+    const request = useCallback(async (endpoint, requestData, config) => {
+        const _response = await dispatchApi(endpoint(requestData), config);
+        setResponse(_prevResponse => ({
+            ..._response,
+            removeCount: _response.offset <= _prevResponse?.offset ? 0 : (_prevResponse?.removeCount ?? 0)
+        }));
+        return _response;
+    }, [dispatchApi]);
+    const getSearchRequestData = useCallback((requestData) => {
+        const modifiedRequest = { ...requestData };
+        if (response?.removeCount) {
+            if (response.offset < modifiedRequest.offset) {
+                modifiedRequest.offset = Math.max(0, modifiedRequest.offset - response.removeCount);
+            }
+        }
+        return modifiedRequest;
+    }, [response]);
+    const push = useCallback((item) => {
+        setResponse(_response => {
+            if (_response === null) {
+                return _response;
+            }
+            const filteredItems = _response.items.filter(v => v[idField] !== item[idField]);
+            const itemExists = filteredItems.length < _response.items.length;
+            filteredItems.push(item);
+            return {
+                items: filteredItems.length <= _response.rows ? filteredItems : _response.items,
+                offset: _response.offset,
+                rows: _response.rows,
+                total: itemExists ? _response.total : _response.total + 1,
+                removeCount: itemExists ? _response.removeCount : Math.max(_response.removeCount - 1, 0)
+            };
+        });
+    }, [idField]);
+    const replace = useCallback((id, item) => {
+        if (item[idField] !== undefined && id !== item[idField]) {
+            throw new Error('Item id is defined but id does not match the id provided to replace function');
+        }
+        const newItem = {
+            ...item,
+            [idField]: item[idField] !== undefined ? item[idField] : id
+        };
+        setResponse(_response => {
+            if (_response === null) {
+                return _response;
+            }
+            return {
+                items: _response.items.map(v => (v[idField] === id ? newItem : v)),
+                offset: _response.offset,
+                rows: _response.rows,
+                total: _response.total,
+                removeCount: _response.removeCount
+            };
+        });
+    }, [idField]);
+    const remove = useCallback((id) => {
+        setResponse(_response => {
+            if (_response === null) {
+                return _response;
+            }
+            const filteredItems = _response.items.filter(v => v[idField] !== id);
+            const itemExists = filteredItems.length < _response.items.length;
+            return {
+                items: filteredItems,
+                offset: _response.offset,
+                rows: _response.rows,
+                total: itemExists ? _response.total - 1 : _response.total,
+                removeCount: itemExists ? _response.removeCount + 1 : _response.removeCount
+            };
+        });
+    }, [idField]);
+    return (_jsx(SearchResponseContext.Provider, { value: { push, remove, replace, request, getSearchRequestData, response }, children: children }));
+};
+export default SearchResponseProvider;

package/components/app/providers/SearchResponseProvider.test.d.ts

@@ -0,0 +1 @@
+export {};