@altinn/altinn-components 0.15.4 → 0.16.0

package/dist/types/lib/components/Toolbar/ToolbarSearch.d.ts

@@ -1,9 +1,10 @@
 import { ChangeEventHandler } from 'react';
 export interface ToolbarSearchProps {
     placeholder?: string;
+    clearButtonAltText?: string;
     name: string;
     value?: string;
     onChange?: ChangeEventHandler;
     onClear?: () => void;
 }
-export declare const ToolbarSearch: ({ value, name, placeholder, onChange, onClear }: ToolbarSearchProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ToolbarSearch: ({ value, name, placeholder, clearButtonAltText, onChange, onClear, }: ToolbarSearchProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Toolbar/ToolbarSearch.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ value, name, placeholder, onChange, onClear }: import('./ToolbarSearch').ToolbarSearchProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ value, name, placeholder, clearButtonAltText, onChange, onClear, }: import('./ToolbarSearch').ToolbarSearchProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {

package/dist/useId-CsCRkvK3.js

@@ -0,0 +1,16 @@
+import l, { useState as c, useEffect as s } from "react";
+let u = 0;
+function f(t) {
+  const [e, n] = c(t), d = t || e;
+  return s(() => {
+    e == null && (u += 1, n(`aksel-icon-${u}`));
+  }, [e]), d;
+}
+const a = l.useId;
+function r(t) {
+  var e;
+  return a !== void 0 ? a().replace(/(:)/g, "") : (e = f(t)) !== null && e !== void 0 ? e : "";
+}
+export {
+  r as u
+};

package/dist/userMenuItems-vSWEGGu2.js

@@ -0,0 +1,84 @@
+"use client";
+import * as n from "react";
+import { forwardRef as a } from "react";
+import { u as d } from "./useId-CsCRkvK3.js";
+import { S as c } from "./Handshake-Bz9FuL-x.js";
+import { S as f } from "./Bookmark-85oKfr9m.js";
+import { S as s } from "./ClockDashed-PQgzLSPC.js";
+var u = function(t, i) {
+  var l = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && i.indexOf(e) < 0 && (l[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
+      i.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
+  return l;
+};
+const p = a((t, i) => {
+  var { title: l, titleId: e } = t, r = u(t, ["title", "titleId"]);
+  let o = d();
+  return o = l ? e || "title-" + o : void 0, n.createElement(
+    "svg",
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: i, "aria-labelledby": o }, r),
+    l ? n.createElement("title", { id: o }, l) : null,
+    n.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12.75 2.5a.75.75 0 0 0-1.5 0v1.273c-2.222.14-3.655.92-4.499 2.186-.887 1.33-1.001 3.04-1.001 4.541v3c0 .809-.424 1.92-.92 2.915a18 18 0 0 1-.936 1.641l-.014.022-.004.006A.75.75 0 0 0 4.5 19.25h4.338a3.25 3.25 0 0 0 6.324 0H19.5a.75.75 0 0 0 .624-1.166l-.004-.006-.014-.022-.06-.091c-.05-.081-.125-.2-.215-.35-.18-.301-.42-.722-.66-1.2-.497-.994-.921-2.106-.921-2.915v-3c0-1.501-.114-3.21-1.001-4.541-.844-1.266-2.277-2.046-4.499-2.186zM12 5.25c-2.345 0-3.436.694-4.001 1.541-.613.92-.749 2.21-.749 3.709v3c0 1.191-.576 2.58-1.08 3.585q-.178.358-.349.665H18.18a19 19 0 0 1-.35-.665c-.503-1.006-1.079-2.394-1.079-3.585v-3c0-1.499-.136-2.79-.749-3.709C15.436 5.944 14.345 5.25 12 5.25m-1.237 14.487a1.8 1.8 0 0 1-.344-.487h3.162a1.75 1.75 0 0 1-1.581 1 1.75 1.75 0 0 1-1.237-.513", clipRule: "evenodd" })
+  );
+});
+var g = function(t, i) {
+  var l = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && i.indexOf(e) < 0 && (l[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
+      i.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
+  return l;
+};
+const m = a((t, i) => {
+  var { title: l, titleId: e } = t, r = g(t, ["title", "titleId"]);
+  let o = d();
+  return o = l ? e || "title-" + o : void 0, n.createElement(
+    "svg",
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: i, "aria-labelledby": o }, r),
+    l ? n.createElement("title", { id: o }, l) : null,
+    n.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12 3.75a8.25 8.25 0 0 0-5.144 14.7 5.25 5.25 0 0 1 10.288 0A8.25 8.25 0 0 0 12 3.75m3.747 15.602a3.75 3.75 0 0 0-7.494 0A8.2 8.2 0 0 0 12 20.25c1.35 0 2.623-.324 3.747-.898M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12M12 7.25a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5M8.25 9.5a3.75 3.75 0 1 1 7.5 0 3.75 3.75 0 0 1-7.5 0", clipRule: "evenodd" })
+  );
+}), I = [
+  {
+    id: "user",
+    groupId: "1",
+    size: "lg",
+    title: "Din profil"
+  },
+  {
+    id: "settings",
+    groupId: "2",
+    icon: m,
+    title: "Innstillinger"
+  },
+  {
+    id: "accounts",
+    groupId: "3",
+    icon: c,
+    title: "Tilganger"
+  },
+  {
+    id: "notifications",
+    groupId: "3",
+    icon: p,
+    title: "Varslinger"
+  },
+  {
+    id: "favourites",
+    groupId: "3",
+    icon: f,
+    title: "Favoritter"
+  },
+  {
+    id: "log",
+    groupId: "5",
+    icon: s,
+    title: "Aktivitetslogg"
+  }
+];
+export {
+  m as S,
+  I as u
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@altinn/altinn-components",
-  "version": "0.15.4",
+  "version": "0.16.0",
   "main": "dist/index.js",
   "files": [
     "dist/",
@@ -46,7 +46,7 @@
     "axe-playwright": "^2.0.3",
     "glob": "^11.0.1",
     "lint-staged": "^15.4.1",
-    "playwright": "^1.49.1",
+    "playwright": "^1.50.1",
     "rollup-preserve-directives": "^1.1.3",
     "storybook": "^8.5.0",
     "storybook-addon-tag-badges": "^1.4.0",
@@ -72,7 +72,7 @@
     "format": "lint-staged",
     "dev": "vite",
     "build-storybook": "storybook build",
-    "test-storybook": "test-storybook",
+    "test-storybook": "test-storybook --maxWorkers 1",
     "install:browsers": "pnpm exec playwright install"
   }
 }

package/dist/components/Icon/SvgIcon.js

@@ -1,6 +0,0 @@
-import { isValidElement as r, cloneElement as n } from "react";
-const t = ({ svgIconComponent: e, ...l }) => r(e) ? n(e, { ...l }) : null;
-t.displayName = "SvgIcon";
-export {
-  t as SvgIcon
-};