move even more logic to code list page

frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/CodeListPage.test.tsx

@@ -241,7 +241,7 @@ describe('getCodeListsSearchMatch', () => {
   it('returns all code lists when search pattern is .*', () => {
     const result = getCodeListsSearchMatch(codeLists, '.*');
     const resultTitles = result.map((res) => res.title);
-    expect(resultTitles).toBe(['codeList1', 'codeList2', 'myCodeList', 'otherCodeList']);
+    expect(resultTitles).toBe(['codeList1', 'codeList2', 'myCodeList', 'otherList']);
   });
 
   it('returns no matches when no code list matches the pattern', () => {

frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/CodeListPage.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useState } from 'react';
+import React, { useCallback, useEffect, useState } from 'react';
 import { StudioHeading, StudioPageError } from '@studio/components';
 import type { CodeList as StudioComponentCodeList } from '@studio/components';
 import { useTranslation } from 'react-i18next';
@@ -28,6 +28,7 @@ export function CodeListPage({
   fetchDataError,
 }: CodeListPageProps): React.ReactElement {
   const { t } = useTranslation();
+  const [codeListSearchPattern, setCodeListSearchPattern] = useState<string>('.*');
   const [codeListInEditMode, setCodeListInEditMode] = useState<string>(undefined);
   const [codeListsSearchMatch, setCodeListsSearchMatch] =
     useState<CodeListWithMetadata[]>(codeLists);
@@ -40,6 +41,10 @@ export function CodeListPage({
     [codeLists, setCodeListsSearchMatch],
   );
 
+  useEffect(() => {
+    handleSearchCodeLists(codeListSearchPattern);
+  }, [codeLists, codeListSearchPattern, handleSearchCodeLists]);
+
   if (fetchDataError)
     return <StudioPageError message={t('app_content_library.code_lists.fetch_error')} />;
 
@@ -63,7 +68,7 @@ export function CodeListPage({
         onUploadCodeList={handleUploadCodeList}
         onUpdateCodeList={onUpdateCodeList}
         codeListNames={codeListTitles}
-        onHandleSearchCodeLists={handleSearchCodeLists}
+        onSetCodeListSearchPattern={setCodeListSearchPattern}
       />
       <CodeLists
         codeLists={codeListsSearchMatch}

frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/CodeListsActionsBar/CodeListsActionsBar.tsx

@@ -1,7 +1,7 @@
 import type { ChangeEvent } from 'react';
-import React, { useEffect, useState } from 'react';
+import React from 'react';
 import { Search } from '@digdir/designsystemet-react';
-import { StudioFileUploader, usePrevious } from '@studio/components';
+import { StudioFileUploader } from '@studio/components';
 import classes from './CodeListsActionsBar.module.css';
 import { useTranslation } from 'react-i18next';
 import type { CodeListWithMetadata } from '../CodeListPage';
@@ -14,25 +14,17 @@ export type CodeListsActionsBarProps = {
   onUploadCodeList: (updatedCodeList: File) => void;
   onUpdateCodeList: (updatedCodeList: CodeListWithMetadata) => void;
   codeListNames: string[];
-  onHandleSearchCodeLists: (codeListPatternMatch: string) => void;
+  onSetCodeListSearchPattern: (codeListPatternMatch: string) => void;
 };
 
 export function CodeListsActionsBar({
   onUploadCodeList,
   onUpdateCodeList,
   codeListNames,
-  onHandleSearchCodeLists,
+  onSetCodeListSearchPattern,
 }: CodeListsActionsBarProps) {
   const { t } = useTranslation();
   const getInvalidUploadFileNameErrorMessage = useUploadCodeListNameErrorMessage();
-  const [codeListSearchPattern, setCodeListSearchPattern] = useState<string>('.*');
-  const previousSearchPattern = usePrevious<string>(codeListSearchPattern);
-
-  useEffect(() => {
-    if (previousSearchPattern !== codeListSearchPattern) {
-      onHandleSearchCodeLists(codeListSearchPattern);
-    }
-  }, [codeListNames, onHandleSearchCodeLists, previousSearchPattern, codeListSearchPattern]);
 
   const onSubmit = (file: File) => {
     const fileNameError = FileNameUtils.findFileNameError(
@@ -52,10 +44,10 @@ export function CodeListsActionsBar({
         size='sm'
         placeholder={t('app_content_library.code_lists.search_placeholder')}
         onChange={(event: ChangeEvent<HTMLInputElement>) =>
-          setCodeListSearchPattern(event.target.value)
+          onSetCodeListSearchPattern(event.target.value)
         }
         clearButtonLabel={t('app_content_library.code_lists.clear_search_button_label')}
-        onClear={() => setCodeListSearchPattern('.*')}
+        onClear={() => onSetCodeListSearchPattern('.*')}
       />
       <CreateNewCodeListModal onUpdateCodeList={onUpdateCodeList} codeListNames={codeListNames} />
       <StudioFileUploader