@entur/expand 3.7.10 → 4.0.0-next.0

package/dist/Accordion.d.ts

@@ -3,9 +3,14 @@ type Id = string | null;
 export type AccordionProps = {
     /** To eller flere AccordionItem-komponenter */
     children: React.ReactNode;
-    [key: string]: any;
+    /** ID-en til det åpne panelet. Brukes for kontrollert modus, sammen med onToggle. */
+    openId?: Id;
+    /** Kalles når et panel åpnes eller lukkes. Mottar IDen til panelet som ble åpnet, eller null om det ble lukket. */
+    onToggle?: (id: Id) => void;
+    /** ID-en til panelet som skal være åpent som standard (ukontrollert modus) */
+    defaultOpenId?: Id;
 };
-export declare const Accordion: React.FC<AccordionProps>;
+export declare const Accordion: ({ openId: controlledOpenId, onToggle, defaultOpenId, children, ...rest }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
 type UseAccordionArgs = {
     id: Id;
     defaultOpen?: boolean;

package/dist/AccordionItem.d.ts

@@ -1,5 +1,5 @@
 import { default as React, CSSProperties } from 'react';
-export type AccordionItemProps = {
+export type AccordionItemProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'title' | 'onClick'> & {
     /** Teksten som skal stå i panelet */
     title: React.ReactNode;
     /** Innholdet som skal vises under panelet */
@@ -10,7 +10,28 @@ export type AccordionItemProps = {
     defaultOpen?: boolean;
     /** Styling som sendes til innholdet av AccordionItem */
     contentStyle?: CSSProperties;
+    /** Deaktiver åpne/lukke-animasjonen */
     disableAnimation?: boolean;
-    [key: string]: any;
+    /** Avmonter innholdet når det lukkes. Når false (standard), holdes innholdet montert og skjules med CSS.
+     * @default false
+     */
+    unmountOnClose?: boolean;
 };
-export declare const AccordionItem: React.FC<AccordionItemProps>;
+export declare const AccordionItem: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "title" | "onClick"> & {
+    /** Teksten som skal stå i panelet */
+    title: React.ReactNode;
+    /** Innholdet som skal vises under panelet */
+    children: React.ReactNode;
+    /** Hvilken tilstand AccordionItem skal ha som default
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /** Styling som sendes til innholdet av AccordionItem */
+    contentStyle?: CSSProperties;
+    /** Deaktiver åpne/lukke-animasjonen */
+    disableAnimation?: boolean;
+    /** Avmonter innholdet når det lukkes. Når false (standard), holdes innholdet montert og skjules med CSS.
+     * @default false
+     */
+    unmountOnClose?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/BaseExpand.d.ts

@@ -1,10 +1,11 @@
 import { default as React } from 'react';
-type BaseExpandProps = {
+export declare const BaseExpand: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & {
     /** Innholdet som skal være expandable */
     children: React.ReactNode;
     /** Boolean for om innholdet vises eller ikke */
     open: boolean;
-    [key: string]: any;
-};
-export declare const BaseExpand: React.FC<BaseExpandProps>;
-export {};
+    /** Avmonter innholdet når det lukkes. Når false (standard), holdes innholdet montert og skjules med CSS.
+     * @default false
+     */
+    unmountOnClose?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/BaseExpandablePanel.d.ts

@@ -1,5 +1,5 @@
 import { default as React, CSSProperties } from 'react';
-type BaseExpandablePanelProps = {
+export declare const BaseExpandablePanel: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "title" | "onClick"> & {
     /** Teksten som skal stå i panelet */
     title: React.ReactNode;
     /** Innholdet som skal vises under panelet */
@@ -13,7 +13,8 @@ type BaseExpandablePanelProps = {
     /** Styling som sendes til innholdet av BaseExpandablePanel */
     contentStyle?: CSSProperties;
     disableAnimation?: boolean;
-    [key: string]: any;
-};
-export declare const BaseExpandablePanel: React.FC<BaseExpandablePanelProps>;
-export {};
+    /** Avmonter innholdet når det lukkes. Når false (standard), holdes innholdet montert og skjules med CSS.
+     * @default false
+     */
+    unmountOnClose?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/ExpandArrow.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 type ExpandArrowProps = {
     /** Om innholdet er åpent eller ikke, som bestemmer retningen på pila
      * @default false
@@ -8,5 +7,5 @@ type ExpandArrowProps = {
     className?: string;
     [key: string]: any;
 };
-export declare const ExpandArrow: React.FC<ExpandArrowProps>;
+export declare const ExpandArrow: ({ open, className, ...rest }: ExpandArrowProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/ExpandablePanel.d.ts

@@ -1,5 +1,5 @@
 import { default as React, CSSProperties } from 'react';
-export type ExpandablePanelProps = {
+export type ExpandablePanelProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'title' | 'onClick'> & {
     /** Teksten som skal stå i panelet */
     title: React.ReactNode;
     /** Innholdet som skal vises under panelet */
@@ -8,10 +8,38 @@ export type ExpandablePanelProps = {
      * @default false
      */
     defaultOpen?: boolean;
+    /** Prop for om innholdet er åpent. Brukes hvis du vil kontrollere ExpandablePanel, sammen med onToggle */
+    open?: boolean;
     /** Funksjonen som styrer åpningen av ExpandablePanel */
     onToggle?: () => void;
     /** Styling som sendes til innholdet av ExpandablePanel */
     contentStyle?: CSSProperties;
-    [key: string]: any;
+    /** Deaktiver åpne/lukke-animasjonen */
+    disableAnimation?: boolean;
+    /** Avmonter innholdet når det lukkes. Når false (standard), holdes innholdet montert og skjules med CSS.
+     * @default false
+     */
+    unmountOnClose?: boolean;
 };
-export declare const ExpandablePanel: React.FC<ExpandablePanelProps>;
+export declare const ExpandablePanel: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "title" | "onClick"> & {
+    /** Teksten som skal stå i panelet */
+    title: React.ReactNode;
+    /** Innholdet som skal vises under panelet */
+    children: React.ReactNode;
+    /** Hvilken tilstand ExpandablePanel skal ha som default
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /** Prop for om innholdet er åpent. Brukes hvis du vil kontrollere ExpandablePanel, sammen med onToggle */
+    open?: boolean;
+    /** Funksjonen som styrer åpningen av ExpandablePanel */
+    onToggle?: () => void;
+    /** Styling som sendes til innholdet av ExpandablePanel */
+    contentStyle?: CSSProperties;
+    /** Deaktiver åpne/lukke-animasjonen */
+    disableAnimation?: boolean;
+    /** Avmonter innholdet når det lukkes. Når false (standard), holdes innholdet montert og skjules med CSS.
+     * @default false
+     */
+    unmountOnClose?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/ExpandableText.d.ts

@@ -1,5 +1,5 @@
 import { default as React, CSSProperties } from 'react';
-export type ExpandableTextProps = {
+export type ExpandableTextProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'onToggle'> & {
     /** Teksten som skal "vises" */
     title: React.ReactNode;
     /** Innholdet som skal vises under linken */
@@ -17,8 +17,37 @@ export type ExpandableTextProps = {
     /** Hvilket typografisk element tittelen er
      * @default "Heading5"
      */
-    titleElement?: 'Heading5' | 'Paragraph' | 'SubParagraph';
+    titleElement?: 'Heading2' | 'Heading3' | 'Heading4' | 'Heading5' | 'Paragraph' | 'SubParagraph';
+    /** Deaktiver åpne/lukke-animasjonen */
     disableAnimation?: boolean;
-    [key: string]: any;
+    /** Avmonter innholdet når det lukkes. Når false (standard), holdes innholdet montert og skjules med CSS.
+     * @default false
+     */
+    unmountOnClose?: boolean;
 };
-export declare const ExpandableText: React.FC<ExpandableTextProps>;
+export declare const ExpandableText: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "onToggle" | "title"> & {
+    /** Teksten som skal "vises" */
+    title: React.ReactNode;
+    /** Innholdet som skal vises under linken */
+    children: React.ReactNode;
+    /** Hvilken tilstand ExpandableText skal ha som default (med mindre den er kontrollert)
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /** Prop for om innholdet er åpent. Brukes hvis du vil kontrollere ExpandableText, sammen med onToggle */
+    open?: boolean;
+    /** Funksjonen som styrer åpningen av ExpandableText */
+    onToggle?: () => void;
+    /**Styling som sendes til innholdet av ExpandableText */
+    contentStyle?: CSSProperties;
+    /** Hvilket typografisk element tittelen er
+     * @default "Heading5"
+     */
+    titleElement?: "Heading2" | "Heading3" | "Heading4" | "Heading5" | "Paragraph" | "SubParagraph";
+    /** Deaktiver åpne/lukke-animasjonen */
+    disableAnimation?: boolean;
+    /** Avmonter innholdet når det lukkes. Når false (standard), holdes innholdet montert og skjules med CSS.
+     * @default false
+     */
+    unmountOnClose?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/ExpandableTextButton.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-export type ExandableTextButtonProps = {
+export type ExpandableTextButtonProps = {
     children: React.ReactNode;
     /** Prop for om innholdet er åpent */
     open?: boolean;
@@ -11,4 +11,4 @@ export type ExandableTextButtonProps = {
     as?: React.ElementType;
     [key: string]: any;
 };
-export declare const ExpandableTextButton: React.FC<ExandableTextButtonProps>;
+export declare const ExpandableTextButton: React.ForwardRefExoticComponent<Omit<ExpandableTextButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;