@norges-domstoler/dds-components 0.0.0-dev-20240905110813 → 0.0.0-dev-20240912103141

package/dist/index.d.mts

@@ -2134,6 +2134,22 @@ declare const OverflowMenu: react.ForwardRefExoticComponent<Pick<react.HTMLAttri
     htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
 } & react.RefAttributes<HTMLDivElement>>;
 
+declare const OverflowMenuButton: react.ForwardRefExoticComponent<OverflowMenuListItemBaseProps & react.ButtonHTMLAttributes<HTMLButtonElement> & react.RefAttributes<HTMLButtonElement>>;
+
+declare const OverflowMenuLink: react.ForwardRefExoticComponent<OverflowMenuListItemBaseProps & react.AnchorHTMLAttributes<HTMLAnchorElement> & react.RefAttributes<HTMLAnchorElement>>;
+
+declare const OverflowMenuDivider: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLHRElement>, "id" | "className"> & {
+    color?: DividerColor;
+} & {
+    htmlProps?: react.HTMLAttributes<HTMLHRElement> | undefined;
+} & react.RefAttributes<HTMLHRElement>>;
+
+declare const OverflowMenuList: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & react.RefAttributes<HTMLUListElement>>;
+
+declare const OverflowMenuSpan: react.ForwardRefExoticComponent<OverflowMenuListItemBaseProps & react.HTMLAttributes<HTMLSpanElement> & react.RefAttributes<HTMLButtonElement>>;
+
+declare const OverflowMenuListHeader: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & react.RefAttributes<HTMLHeadingElement>>;
+
 interface OverflowMenuListItemBaseProps {
     /**Ikon som vises ved teksten. **OBS!** Settes i tillegg til `children` for riktig layout. */
     icon?: SvgIcon;
@@ -2162,22 +2178,6 @@ type OverflowMenuProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     anchorRef?: RefObject<HTMLButtonElement>;
 }>;
 
-declare const OverflowMenuButton: react.ForwardRefExoticComponent<OverflowMenuListItemBaseProps & react.ButtonHTMLAttributes<HTMLButtonElement> & react.RefAttributes<HTMLButtonElement>>;
-
-declare const OverflowMenuLink: react.ForwardRefExoticComponent<OverflowMenuListItemBaseProps & react.AnchorHTMLAttributes<HTMLAnchorElement> & react.RefAttributes<HTMLAnchorElement>>;
-
-declare const OverflowMenuDivider: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLHRElement>, "id" | "className"> & {
-    color?: DividerColor;
-} & {
-    htmlProps?: react.HTMLAttributes<HTMLHRElement> | undefined;
-} & react.RefAttributes<HTMLHRElement>>;
-
-declare const OverflowMenuList: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & react.RefAttributes<HTMLUListElement>>;
-
-declare const OverflowMenuSpan: react.ForwardRefExoticComponent<OverflowMenuListItemBaseProps & react.HTMLAttributes<HTMLSpanElement> & react.RefAttributes<HTMLButtonElement>>;
-
-declare const OverflowMenuListHeader: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & react.RefAttributes<HTMLHeadingElement>>;
-
 interface OverflowMenuGroupProps {
     /**Ekstra logikk som kjøres når `<OverflowMenu />` åpnes og lukkes. */
     onToggle?: () => void;
@@ -2380,7 +2380,7 @@ interface BaseItemProps {
 }
 type ProgressTrackerItemProps = BaseComponentPropsWithChildren<HTMLButtonElement, BaseItemProps & {
     /** Click-handler som gjør det mulig for bruker å klikke på steget for å navigere. Valgfri. */
-    onClick: (index: number) => void;
+    onClick?: (index: number) => void;
 }> | BaseComponentPropsWithChildren<HTMLDivElement, BaseItemProps & {
     onClick?: undefined;
 }>;
@@ -2771,6 +2771,40 @@ type TableRowProps = {
     hoverable?: boolean;
 } & HTMLAttributes<HTMLTableRowElement>;
 
+declare const CollapsibleRow: react.ForwardRefExoticComponent<{
+    type?: TableRowType;
+    mode?: RowMode;
+    selected?: boolean;
+    hoverable?: boolean;
+} & react.HTMLAttributes<HTMLTableRowElement> & react.RefAttributes<HTMLTableRowElement>>;
+
+declare const CollapsibleTable$1: react.ForwardRefExoticComponent<{
+    isCollapsed?: boolean;
+    headerValues: HeaderValues;
+    definingColumnIndex?: Array<number>;
+} & {
+    density?: TableDensity;
+    stickyHeader?: boolean;
+    withDividers?: boolean;
+} & react.HTMLAttributes<HTMLTableElement> & react.RefAttributes<HTMLTableElement>>;
+
+type CollapsibleTableProps = {
+    /**Om tabellen skal kollapse. */
+    isCollapsed?: boolean;
+    /**Innhold i headere (`content`) og deres `key`. `headerValues.content` må være den samme som faktisk innhold i `<Table.Cell type='head'>`. */
+    headerValues: HeaderValues;
+    /**
+     * Indeksen(e) til kolonnen(e) som skal synes når tabellen er kollapset. Rekkefølgen i array avgjør rekkefølgen i render.
+     * @default [0]
+     *  */
+    definingColumnIndex?: Array<number>;
+} & TableProps;
+
+type CollapsibleTableCompoundProps = typeof CollapsibleTable$1 & {
+    Row: typeof CollapsibleRow;
+};
+declare const CollapsibleTable: CollapsibleTableCompoundProps;
+
 type TableBodyProps = HTMLAttributes<HTMLTableSectionElement>;
 declare const Body: react.ForwardRefExoticComponent<TableBodyProps & react.RefAttributes<HTMLTableSectionElement>>;
 
@@ -2848,40 +2882,6 @@ type TableCompoundProps = typeof Table$1 & {
 };
 declare const Table: TableCompoundProps;
 
-declare const CollapsibleRow: react.ForwardRefExoticComponent<{
-    type?: TableRowType;
-    mode?: RowMode;
-    selected?: boolean;
-    hoverable?: boolean;
-} & react.HTMLAttributes<HTMLTableRowElement> & react.RefAttributes<HTMLTableRowElement>>;
-
-declare const CollapsibleTable$1: react.ForwardRefExoticComponent<{
-    isCollapsed?: boolean;
-    headerValues: HeaderValues;
-    definingColumnIndex?: Array<number>;
-} & {
-    density?: TableDensity;
-    stickyHeader?: boolean;
-    withDividers?: boolean;
-} & react.HTMLAttributes<HTMLTableElement> & react.RefAttributes<HTMLTableElement>>;
-
-type CollapsibleTableProps = {
-    /**Om tabellen skal kollapse. */
-    isCollapsed?: boolean;
-    /**Innhold i headere (`content`) og deres `key`. `headerValues.content` må være den samme som faktisk innhold i `<Table.Cell type='head'>`. */
-    headerValues: HeaderValues;
-    /**
-     * Indeksen(e) til kolonnen(e) som skal synes når tabellen er kollapset. Rekkefølgen i array avgjør rekkefølgen i render.
-     * @default [0]
-     *  */
-    definingColumnIndex?: Array<number>;
-} & TableProps;
-
-type CollapsibleTableCompoundProps = typeof CollapsibleTable$1 & {
-    Row: typeof CollapsibleRow;
-};
-declare const CollapsibleTable: CollapsibleTableCompoundProps;
-
 type TabsProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     /** Indeksen til den aktive fanen. **OBS!** Ved å sette denne vil brukere aldri kunne endre tab uten at du også registrerer en `onChange`-lytter for å ta vare på aktiv tab utenfor komponenten. */
     activeTab?: number;

package/dist/index.d.ts

@@ -2134,6 +2134,22 @@ declare const OverflowMenu: react.ForwardRefExoticComponent<Pick<react.HTMLAttri
     htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
 } & react.RefAttributes<HTMLDivElement>>;
 
+declare const OverflowMenuButton: react.ForwardRefExoticComponent<OverflowMenuListItemBaseProps & react.ButtonHTMLAttributes<HTMLButtonElement> & react.RefAttributes<HTMLButtonElement>>;
+
+declare const OverflowMenuLink: react.ForwardRefExoticComponent<OverflowMenuListItemBaseProps & react.AnchorHTMLAttributes<HTMLAnchorElement> & react.RefAttributes<HTMLAnchorElement>>;
+
+declare const OverflowMenuDivider: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLHRElement>, "id" | "className"> & {
+    color?: DividerColor;
+} & {
+    htmlProps?: react.HTMLAttributes<HTMLHRElement> | undefined;
+} & react.RefAttributes<HTMLHRElement>>;
+
+declare const OverflowMenuList: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & react.RefAttributes<HTMLUListElement>>;
+
+declare const OverflowMenuSpan: react.ForwardRefExoticComponent<OverflowMenuListItemBaseProps & react.HTMLAttributes<HTMLSpanElement> & react.RefAttributes<HTMLButtonElement>>;
+
+declare const OverflowMenuListHeader: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & react.RefAttributes<HTMLHeadingElement>>;
+
 interface OverflowMenuListItemBaseProps {
     /**Ikon som vises ved teksten. **OBS!** Settes i tillegg til `children` for riktig layout. */
     icon?: SvgIcon;
@@ -2162,22 +2178,6 @@ type OverflowMenuProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     anchorRef?: RefObject<HTMLButtonElement>;
 }>;
 
-declare const OverflowMenuButton: react.ForwardRefExoticComponent<OverflowMenuListItemBaseProps & react.ButtonHTMLAttributes<HTMLButtonElement> & react.RefAttributes<HTMLButtonElement>>;
-
-declare const OverflowMenuLink: react.ForwardRefExoticComponent<OverflowMenuListItemBaseProps & react.AnchorHTMLAttributes<HTMLAnchorElement> & react.RefAttributes<HTMLAnchorElement>>;
-
-declare const OverflowMenuDivider: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLHRElement>, "id" | "className"> & {
-    color?: DividerColor;
-} & {
-    htmlProps?: react.HTMLAttributes<HTMLHRElement> | undefined;
-} & react.RefAttributes<HTMLHRElement>>;
-
-declare const OverflowMenuList: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & react.RefAttributes<HTMLUListElement>>;
-
-declare const OverflowMenuSpan: react.ForwardRefExoticComponent<OverflowMenuListItemBaseProps & react.HTMLAttributes<HTMLSpanElement> & react.RefAttributes<HTMLButtonElement>>;
-
-declare const OverflowMenuListHeader: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & react.RefAttributes<HTMLHeadingElement>>;
-
 interface OverflowMenuGroupProps {
     /**Ekstra logikk som kjøres når `<OverflowMenu />` åpnes og lukkes. */
     onToggle?: () => void;
@@ -2380,7 +2380,7 @@ interface BaseItemProps {
 }
 type ProgressTrackerItemProps = BaseComponentPropsWithChildren<HTMLButtonElement, BaseItemProps & {
     /** Click-handler som gjør det mulig for bruker å klikke på steget for å navigere. Valgfri. */
-    onClick: (index: number) => void;
+    onClick?: (index: number) => void;
 }> | BaseComponentPropsWithChildren<HTMLDivElement, BaseItemProps & {
     onClick?: undefined;
 }>;
@@ -2771,6 +2771,40 @@ type TableRowProps = {
     hoverable?: boolean;
 } & HTMLAttributes<HTMLTableRowElement>;
 
+declare const CollapsibleRow: react.ForwardRefExoticComponent<{
+    type?: TableRowType;
+    mode?: RowMode;
+    selected?: boolean;
+    hoverable?: boolean;
+} & react.HTMLAttributes<HTMLTableRowElement> & react.RefAttributes<HTMLTableRowElement>>;
+
+declare const CollapsibleTable$1: react.ForwardRefExoticComponent<{
+    isCollapsed?: boolean;
+    headerValues: HeaderValues;
+    definingColumnIndex?: Array<number>;
+} & {
+    density?: TableDensity;
+    stickyHeader?: boolean;
+    withDividers?: boolean;
+} & react.HTMLAttributes<HTMLTableElement> & react.RefAttributes<HTMLTableElement>>;
+
+type CollapsibleTableProps = {
+    /**Om tabellen skal kollapse. */
+    isCollapsed?: boolean;
+    /**Innhold i headere (`content`) og deres `key`. `headerValues.content` må være den samme som faktisk innhold i `<Table.Cell type='head'>`. */
+    headerValues: HeaderValues;
+    /**
+     * Indeksen(e) til kolonnen(e) som skal synes når tabellen er kollapset. Rekkefølgen i array avgjør rekkefølgen i render.
+     * @default [0]
+     *  */
+    definingColumnIndex?: Array<number>;
+} & TableProps;
+
+type CollapsibleTableCompoundProps = typeof CollapsibleTable$1 & {
+    Row: typeof CollapsibleRow;
+};
+declare const CollapsibleTable: CollapsibleTableCompoundProps;
+
 type TableBodyProps = HTMLAttributes<HTMLTableSectionElement>;
 declare const Body: react.ForwardRefExoticComponent<TableBodyProps & react.RefAttributes<HTMLTableSectionElement>>;
 
@@ -2848,40 +2882,6 @@ type TableCompoundProps = typeof Table$1 & {
 };
 declare const Table: TableCompoundProps;
 
-declare const CollapsibleRow: react.ForwardRefExoticComponent<{
-    type?: TableRowType;
-    mode?: RowMode;
-    selected?: boolean;
-    hoverable?: boolean;
-} & react.HTMLAttributes<HTMLTableRowElement> & react.RefAttributes<HTMLTableRowElement>>;
-
-declare const CollapsibleTable$1: react.ForwardRefExoticComponent<{
-    isCollapsed?: boolean;
-    headerValues: HeaderValues;
-    definingColumnIndex?: Array<number>;
-} & {
-    density?: TableDensity;
-    stickyHeader?: boolean;
-    withDividers?: boolean;
-} & react.HTMLAttributes<HTMLTableElement> & react.RefAttributes<HTMLTableElement>>;
-
-type CollapsibleTableProps = {
-    /**Om tabellen skal kollapse. */
-    isCollapsed?: boolean;
-    /**Innhold i headere (`content`) og deres `key`. `headerValues.content` må være den samme som faktisk innhold i `<Table.Cell type='head'>`. */
-    headerValues: HeaderValues;
-    /**
-     * Indeksen(e) til kolonnen(e) som skal synes når tabellen er kollapset. Rekkefølgen i array avgjør rekkefølgen i render.
-     * @default [0]
-     *  */
-    definingColumnIndex?: Array<number>;
-} & TableProps;
-
-type CollapsibleTableCompoundProps = typeof CollapsibleTable$1 & {
-    Row: typeof CollapsibleRow;
-};
-declare const CollapsibleTable: CollapsibleTableCompoundProps;
-
 type TabsProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     /** Indeksen til den aktive fanen. **OBS!** Ved å sette denne vil brukere aldri kunne endre tab uten at du også registrerer en `onChange`-lytter for å ta vare på aktiv tab utenfor komponenten. */
     activeTab?: number;

package/dist/index.js

@@ -11563,7 +11563,7 @@ var SplitButton = (0, import_react123.forwardRef)(
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime279.jsx)(OverflowMenu, { placement: "bottom-end", children: /* @__PURE__ */ (0, import_jsx_runtime279.jsx)(OverflowMenuList, { children: secondaryActions.map((item) => /* @__PURE__ */ (0, import_jsx_runtime279.jsx)(OverflowMenuButton, { ...item, children: item.children })) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime279.jsx)(OverflowMenu, { placement: "bottom-end", children: /* @__PURE__ */ (0, import_jsx_runtime279.jsx)(OverflowMenuList, { children: secondaryActions.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime279.jsx)(OverflowMenuButton, { ...item, children: item.children }, index)) }) })
       ] })
     ] });
   }