Merge pull request #2124 from navikt/skjemanummer-validering

Validering for skjemanummer i redaktørvarsel

Author: taniaholst

next-env.d.ts

@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/pages/building-your-application/configuring/typescript for more information.

src/components/_editor-only/global-warnings/EditorGlobalWarnings.tsx

@@ -3,8 +3,10 @@ import { createPortal } from 'react-dom';
 import { Alert } from '@navikt/ds-react';
 import { ContentProps } from 'types/content-props/_content-common';
 import { DuplicateIdsWarning } from 'components/_editor-only/warnings/duplicate-ids-warning/DuplicateIdsWarning';
-import { KortUrlWarning } from 'components/_editor-only/warnings/kort-id-warning/KortUrlWarning';
+import { KortUrlWarning } from 'components/_editor-only/warnings/kort-url-warning/KortUrlWarning';
 import { removeDuplicates } from 'utils/arrays';
+import { FormNumbersWarning } from 'components/_editor-only/warnings/form-numbers-warning/FormNumbersWarning';
+import { FormDetailsData } from 'types/content-props/form-details';
 
 const EDITOR_GLOBAL_WARNINGS_CONTAINER_ID = 'global-warnings';
 
@@ -28,17 +30,29 @@ export const RenderToEditorGlobalWarnings = ({ children }: { children: React.Rea
 };
 
 export const EditorGlobalWarnings = ({ content }: { content: ContentProps }) => {
+    //Kort-URL
     const maalgruppe = content.data?.audience?._selected;
     const path = content.data?.customPath;
     const feilKortUrl =
         (maalgruppe === 'employer' && path && !path?.includes('/arbeidsgiver')) ||
         (maalgruppe === 'provider' && path && !path?.includes('/samarbeidspartner'));
 
+    //Duplikat ID
     const [elementsWithDupeIds, setElementsWithDupeIds] = useState<HTMLElement[]>([]);
     const uniqueDupeIds = removeDuplicates(elementsWithDupeIds, (a, b) => a.id === b.id).map(
         (element) => element.id
     );
 
+    //Skjemanummer
+    const formNumberRegex: RegExp = /^NAV\s\d{2}-\d{2}\.\d{2}$/ as RegExp;
+    let formNumbersAreWrong = false;
+
+    if (content.type === 'no.nav.navno:form-details') {
+        content.data?.formNumbers?.some(
+            (formNumber: string) => (formNumbersAreWrong = !formNumberRegex.test(formNumber))
+        );
+    }
+
     useEffect(() => {
         // Delay the check slightly to avoid certain false positives.
         // Typically mobile/desktop exclusive elements which may have duplicate
@@ -60,7 +74,7 @@ export const EditorGlobalWarnings = ({ content }: { content: ContentProps }) =>
         }, 1000);
     }, []);
 
-    const harFeil = uniqueDupeIds.length > 0 || feilKortUrl;
+    const harFeil = uniqueDupeIds.length > 0 || feilKortUrl || formNumbersAreWrong;
 
     return (
         <>
@@ -77,6 +91,7 @@ export const EditorGlobalWarnings = ({ content }: { content: ContentProps }) =>
                                 elementsWithDupeIds={elementsWithDupeIds}
                             />
                         )}
+                        {formNumbersAreWrong && <FormNumbersWarning />}
                     </ul>
                 </Alert>
             )}

src/components/_editor-only/warnings/form-numbers-warning/FormNumbersWarning.tsx

@@ -0,0 +1,5 @@
+import React from 'react';
+
+export const FormNumbersWarning = () => {
+    return <li>Skjemanummer må være på formatet {'NAV XX-XX.XX'}</li>;
+};