@altinn/altinn-components 0.19.6 → 0.20.0

package/dist/components/Dialog/DialogActions.js

@@ -1,23 +1,21 @@
 "use client";
-import { jsxs as g, jsx as n } from "react/jsx-runtime";
-import { useMemo as f } from "react";
+import { jsxs as f, jsx as n } from "react/jsx-runtime";
+import { useMemo as g } from "react";
 import "../../index-L8X2o7IH.js";
 import { Button as h } from "../Button/Button.js";
 import { ComboButton as y } from "../Button/ComboButton.js";
-import { useRootContext as v } from "../RootProvider/RootProvider.js";
-import { DropdownBase as C } from "../Dropdown/DropdownBase.js";
-import { Menu as B } from "../Menu/Menu.js";
+import { useRootContext as C } from "../RootProvider/RootProvider.js";
+import { DropdownBase as v } from "../Dropdown/DropdownBase.js";
+import { Menu as b } from "../Menu/Menu.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { S as _ } from "../../ChevronUp-H8Nuww4h.js";
-import { S as b } from "../../ChevronDown-CRAwzuD3.js";
-import '../../assets/DialogActions.css';const x = "_action_m3crc_1", I = "_comboButton_m3crc_7", p = {
+import { S as B } from "../../ChevronUp-H8Nuww4h.js";
+import { S as _ } from "../../ChevronDown-CRAwzuD3.js";
+import '../../assets/DialogActions.css';const x = "_action_m3crc_1", k = "_comboButton_m3crc_7", m = {
   action: x,
-  comboButton: I
-}, U = ({ items: c, maxItems: s = 2, id: l = "dialog-actions" }) => {
-  const { currentId: a, toggleId: u } = v(), e = a === l, m = () => {
-    u(l);
-  }, t = f(() => (c || []).sort((r, o) => {
+  comboButton: k
+}, q = ({ items: c, maxItems: s = 2, id: l = "dialog-actions" }) => {
+  const { currentId: p, closeAll: a, toggleId: u } = C(), e = p === l, t = g(() => (c || []).sort((r, o) => {
     const i = ["primary", "secondary", "tertiary"];
     return i.indexOf(r == null ? void 0 : r.priority) - i.indexOf(o == null ? void 0 : o.priority);
   }), [c]);
@@ -30,26 +28,27 @@ import '../../assets/DialogActions.css';const x = "_action_m3crc_1", I = "_combo
       onClick: o.onClick,
       group: o.priority
     }));
-    return /* @__PURE__ */ g("section", { className: p.comboButton, children: [
+    return /* @__PURE__ */ f("section", { className: m.comboButton, children: [
       /* @__PURE__ */ n(
         y,
         {
           variant: "solid",
-          icon: e ? _ : b,
+          icon: e ? B : _,
           size: "lg",
-          onIconClick: () => m(),
+          onIconClick: () => u(l),
+          onLabelClick: t[0].onClick,
           ariaLabel: e ? "chevron up icon" : "chevron down icon",
           children: t[0].label
         }
       ),
-      /* @__PURE__ */ n(C, { open: e, onClose: m, children: /* @__PURE__ */ n(B, { items: r }) })
+      /* @__PURE__ */ n(v, { open: e, onClose: a, children: /* @__PURE__ */ n(b, { items: r }) })
     ] });
   }
-  return /* @__PURE__ */ n("section", { className: p.action, children: t.map((r, o) => {
-    const { priority: i, id: S, ...d } = r;
+  return /* @__PURE__ */ n("section", { className: m.action, children: t.map((r, o) => {
+    const { priority: i, id: I, ...d } = r;
     return /* @__PURE__ */ n(h, { variant: i === "primary" ? "solid" : "outline", size: "lg", ...d, children: r.label }, "button-" + o);
   }) });
 };
 export {
-  U as DialogActions
+  q as DialogActions
 };

package/dist/types/lib/components/Avatar/Avatar.d.ts

@@ -1,3 +1,4 @@
+import { ReactElement } from 'react';
 export type AvatarType = 'company' | 'person' | 'custom';
 export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 /**
@@ -24,4 +25,4 @@ export interface AvatarProps {
 /**
  * Avatar component to display user or company avatars with various customization options.
  */
-export declare const Avatar: ({ type, size, name, outline, imageUrl, imageUrlAlt, customLabel, className, }: AvatarProps) => JSX.Element;
+export declare const Avatar: ({ type, size, name, outline, imageUrl, imageUrlAlt, customLabel, className, }: AvatarProps) => ReactElement;

package/dist/types/lib/components/Avatar/Examples.stories.d.ts

@@ -1,6 +1,6 @@
 declare const meta: {
     title: string;
-    component: ({ type, size, name, outline, imageUrl, imageUrlAlt, customLabel, className, }: import('./Avatar').AvatarProps) => JSX.Element;
+    component: ({ type, size, name, outline, imageUrl, imageUrlAlt, customLabel, className, }: import('./Avatar').AvatarProps) => import('react').ReactElement;
     parameters: {};
     args: {};
 };

package/dist/types/lib/components/Avatar/avatar.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ type, size, name, outline, imageUrl, imageUrlAlt, customLabel, className, }: import('./Avatar').AvatarProps) => JSX.Element;
+    component: ({ type, size, name, outline, imageUrl, imageUrlAlt, customLabel, className, }: import('./Avatar').AvatarProps) => import('react').ReactElement;
     tags: string[];
     parameters: {
         layout: string;

package/dist/types/lib/components/Icon/IconOrAvatar.d.ts

@@ -9,4 +9,4 @@ export interface IconOrAvatarProps {
     avatarGroup?: AvatarGroupProps;
     badge?: BadgeProps | undefined;
 }
-export declare const IconOrAvatar: ({ size, icon, iconTheme, avatar, avatarGroup }: IconOrAvatarProps) => string | number | true | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | null | undefined;
+export declare const IconOrAvatar: ({ size, icon, iconTheme, avatar, avatarGroup }: IconOrAvatarProps) => string | number | bigint | true | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;

package/dist/types/lib/components/Skeleton/Skeleton.d.ts

@@ -8,5 +8,5 @@ interface SkeletonProps {
     children?: ReactNode;
     className?: string;
 }
-export declare const Skeleton: ({ as, loading, size, variant, className, children, }: SkeletonProps) => string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | null | undefined;
+export declare const Skeleton: ({ as, loading, size, variant, className, children, }: SkeletonProps) => string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
 export {};

package/dist/types/lib/hooks/useClickOutside.d.ts

@@ -1,2 +1,2 @@
 import { RefObject } from 'react';
-export declare const useClickOutside: (ref: RefObject<HTMLDivElement>, callback?: () => void) => RefObject<HTMLDivElement>;
+export declare const useClickOutside: (ref: RefObject<HTMLDivElement | null>, callback?: () => void) => RefObject<HTMLDivElement | null>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@altinn/altinn-components",
-  "version": "0.19.6",
+  "version": "0.20.0",
   "main": "dist/index.js",
   "files": [
     "dist/",
@@ -22,8 +22,8 @@
   "dependencies": {
     "@navikt/aksel-icons": "^7.9.2",
     "classnames": "^2.5.1",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
@@ -39,7 +39,7 @@
     "@storybook/react-vite": "^8.6.4",
     "@storybook/test": "^8.6.4",
     "@storybook/test-runner": "^0.22.0",
-    "@types/react": "^18.3.18",
+    "@types/react": "^19.0.10",
     "@types/react-dom": "^18.3.5",
     "@vitejs/plugin-react-swc": "^3.7.2",
     "axe-core": "^4.10.2",
@@ -58,8 +58,8 @@
     "vite-plugin-static-copy": "^2.2.0"
   },
   "peerDependencies": {
-    "react": ">=18.3.1",
-    "react-dom": ">=18.3.1"
+    "react": ">=18.3.1 || ^19.0.0",
+    "react-dom": ">=18.3.1 || ^19.0.0"
   },
   "lint-staged": {
     "**/*.*": "biome check --staged --no-errors-on-unmatched --write"