feat: legg til defaultOpen som prop i ExpandablePanel

ISSUES CLOSED: #4420
fremtind · Jan 9, 2025 · 3305bac · 3305bac
1 parent 4b61d81
commit 3305bac
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 2 deletions.
diff --git a/packages/expandable-react/src/ExpandablePanel.tsx b/packages/expandable-react/src/ExpandablePanel.tsx
@@ -17,11 +17,14 @@ export const ExpandablePanel = Object.assign(
             as = "details",
             variant = "fill",
             open: controlledOpen,
+            defaultOpen,
             onOpenChange,
             ...rest
         } = props;
 
-        const [uncontrolledOpen, setUncontrolledOpen] = useState(false);
+        const [uncontrolledOpen, setUncontrolledOpen] = useState(
+            defaultOpen || false,
+        );
         const [contentIsVisible, setContentIsVisible] = useState(false);
         const [expanderHeight, setExpanderHeight] = useState(0);
 

diff --git a/packages/expandable-react/src/types.ts b/packages/expandable-react/src/types.ts
@@ -10,6 +10,10 @@ export type ExpandablePanelProps<ElementType extends React.ElementType> =
         {
             variant?: "fill" | "stroke";
             open?: boolean;
+            /*
+             * Initiell state av content.
+             */
+            defaultOpen?: boolean;
             onOpenChange?: (open: boolean) => void;
         }
     >;

diff --git a/packages/jokul/src/components/expander/ExpandablePanel.tsx b/packages/jokul/src/components/expander/ExpandablePanel.tsx
@@ -17,11 +17,14 @@ export const ExpandablePanel = Object.assign(
             as = "details",
             variant = "fill",
             open: controlledOpen,
+            defaultOpen,
             onOpenChange,
             ...rest
         } = props;
 
-        const [uncontrolledOpen, setUncontrolledOpen] = useState(false);
+        const [uncontrolledOpen, setUncontrolledOpen] = useState(
+            defaultOpen || false,
+        );
         const [contentIsVisible, setContentIsVisible] = useState(false);
         const [expanderHeight, setExpanderHeight] = useState(0);
 

diff --git a/packages/jokul/src/components/expander/types.ts b/packages/jokul/src/components/expander/types.ts
@@ -10,6 +10,10 @@ export type ExpandablePanelProps<ElementType extends React.ElementType> =
         {
             variant?: "fill" | "stroke";
             open?: boolean;
+            /*
+             * Initiell state av content.
+             */
+            defaultOpen?: boolean;
             onOpenChange?: (open: boolean) => void;
         }
     >;