Merge pull request #2129 from navikt/flagg-for-expandall

Tillater å sette et flagg i URL for å åpne alle ekspanderbare elementer

Author: terjeofnorway

src/components/_common/accordion/Accordion.tsx

@@ -48,6 +48,10 @@ export const Accordion = ({ accordion }: AccordionProps) => {
     };
 
     useEffect(() => {
+        if (window.location.toString().includes('expandall=true')) {
+            expandAll();
+            return;
+        }
         const anchorHash = window.location.hash || '';
         const matchingAccordion = accordion.findIndex(
             (item) => validatePanel(item) && item.anchorId === anchorHash.slice(1)

src/components/_common/expandable/Expandable.tsx

@@ -63,6 +63,11 @@ export const Expandable = ({
             return;
         }
 
+        if (window.location.toString().includes('expandall=true')) {
+            setIsOpen(true);
+            return;
+        }
+
         const targetId = window.location.hash.replace('#', '');
         if (!targetId) {
             return;

src/components/parts/readMorePart/ReadMorePart.tsx

@@ -1,4 +1,4 @@
-import React, { useRef, useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import { ReadMore } from '@navikt/ds-react';
 import { EditorHelp } from 'components/_editor-only/editor-help/EditorHelp';
 import { ParsedHtml } from 'components/_common/parsedHtml/ParsedHtml';
@@ -32,6 +32,12 @@ export const ReadMorePart = ({ config }: PartComponentProps<PartType.ReadMore>)
         callback: () => setIsOpen(true),
     });
 
+    useEffect(() => {
+        if (window.location.toString().includes('expandall=true')) {
+            setIsOpen(true);
+        }
+    }, []);
+
     if (!config?.html || !config.title) {
         return <EditorHelp text={'Legg inn tittel og beskrivelse for "les mer".'} type={'error'} />;
     }