@altinn/altinn-components 0.19.4 → 0.19.6

package/dist/components/Dialog/DialogActions.js

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

package/dist/components/Page/BreadcrumbsLink.js

@@ -1,26 +1,28 @@
-import { jsx as c } from "react/jsx-runtime";
-import { c as i } from "../../index-L8X2o7IH.js";
-import '../../assets/BreadcrumbsLink.css';const l = "_link_afpoj_1", m = {
-  link: l
-}, d = ({
+import { jsx as i } from "react/jsx-runtime";
+import { c as l } from "../../index-L8X2o7IH.js";
+import '../../assets/BreadcrumbsLink.css';const m = "_link_afpoj_1", p = {
+  link: m
+}, x = ({
   as: o,
   className: s,
   disabled: n = !1,
   selected: e,
   tabIndex: r = 0,
   label: t,
-  children: a
-}) => /* @__PURE__ */ c(
+  children: a,
+  ...c
+}) => /* @__PURE__ */ i(
   o || "a",
   {
     tabIndex: r,
     "aria-selected": e,
     "aria-disabled": n,
     disabled: n,
-    className: i(m.link, s),
+    className: l(p.link, s),
+    ...c,
     children: a || t
   }
 );
 export {
-  d as BreadcrumbsLink
+  x as BreadcrumbsLink
 };

package/dist/types/lib/components/Dialog/DialogActions.d.ts

@@ -10,5 +10,7 @@ export interface DialogActionsProps {
     items: DialogActionButtonProps[];
     /** How many actions to display before turning into a ComboButton */
     maxItems?: number;
+    /** Unique id for the dialog if multiple DialogAction are needed */
+    id?: string;
 }
-export declare const DialogActions: ({ items, maxItems }: DialogActionsProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const DialogActions: ({ items, maxItems, id }: DialogActionsProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/types/lib/components/Dialog/DialogActions.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ items, maxItems }: import('./DialogActions').DialogActionsProps) => import("react/jsx-runtime").JSX.Element | null;
+    component: ({ items, maxItems, id }: import('./DialogActions').DialogActionsProps) => import("react/jsx-runtime").JSX.Element | null;
     tags: string[];
     args: {
         items: ({

package/dist/types/lib/components/Page/BreadcrumbsLink.d.ts

@@ -8,4 +8,4 @@ export interface BreadcrumbsLinkProps extends React.HTMLAttributes<HTMLButtonEle
     className?: string;
     children?: ReactNode;
 }
-export declare const BreadcrumbsLink: ({ as, className, disabled, selected, tabIndex, label, children, }: BreadcrumbsLinkProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BreadcrumbsLink: ({ as, className, disabled, selected, tabIndex, label, children, ...rest }: BreadcrumbsLinkProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@altinn/altinn-components",
-  "version": "0.19.4",
+  "version": "0.19.6",
   "main": "dist/index.js",
   "files": [
     "dist/",
@@ -27,18 +27,18 @@
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
-    "@chromatic-com/storybook": "^3.2.4",
-    "@storybook/addon-a11y": "^8.5.0",
-    "@storybook/addon-essentials": "^8.5.0",
-    "@storybook/addon-interactions": "^8.5.0",
-    "@storybook/addon-links": "^8.5.0",
-    "@storybook/addon-mdx-gfm": "^8.5.0",
-    "@storybook/addon-themes": "^8.5.0",
-    "@storybook/blocks": "^8.5.0",
-    "@storybook/react": "^8.5.0",
-    "@storybook/react-vite": "^8.5.0",
-    "@storybook/test": "^8.5.0",
-    "@storybook/test-runner": "^0.21.0",
+    "@chromatic-com/storybook": "^3.2.5",
+    "@storybook/addon-a11y": "^8.6.4",
+    "@storybook/addon-essentials": "^8.6.4",
+    "@storybook/addon-interactions": "^8.6.4",
+    "@storybook/addon-links": "^8.6.4",
+    "@storybook/addon-mdx-gfm": "^8.6.4",
+    "@storybook/addon-themes": "^8.6.4",
+    "@storybook/blocks": "^8.6.4",
+    "@storybook/react": "^8.6.4",
+    "@storybook/react-vite": "^8.6.4",
+    "@storybook/test": "^8.6.4",
+    "@storybook/test-runner": "^0.22.0",
     "@types/react": "^18.3.18",
     "@types/react-dom": "^18.3.5",
     "@vitejs/plugin-react-swc": "^3.7.2",
@@ -48,9 +48,9 @@
     "lint-staged": "^15.4.1",
     "playwright": "^1.50.1",
     "rollup-preserve-directives": "^1.1.3",
-    "storybook": "^8.5.0",
+    "storybook": "^8.6.4",
     "storybook-addon-tag-badges": "^1.4.0",
-    "storybook-addon-theme-provider": "^0.2.8",
+    "storybook-addon-theme-provider": "^0.2.9",
     "typescript": "^5.7.3",
     "vite": "^5.4.14",
     "vite-plugin-dts": "^4.5.0",