@altinn/altinn-components 0.47.2 → 0.47.3

package/dist/components/Avatar/AvatarGroup.js

@@ -1,27 +1,28 @@
 "use client";
 import { jsx as l } from "react/jsx-runtime";
 import { c } from "../../index-L8X2o7IH.js";
-import { useMemo as f } from "react";
-import { Avatar as h } from "./Avatar.js";
-import '../../assets/AvatarGroup.css';const A = "_group_1ts6c_1", _ = "_item_1ts6c_10", t = {
-  group: A,
-  item: _
-}, L = (o) => typeof o == "object" && o !== null && "items" in o, N = ({
+import { useMemo as h } from "react";
+import { Avatar as A } from "./Avatar.js";
+import '../../assets/AvatarGroup.css';const _ = "_group_1ts6c_1", y = "_item_1ts6c_10", t = {
+  group: _,
+  item: y
+}, N = (o) => typeof o == "object" && o !== null && "items" in o, P = ({
   items: o = [],
   maxItemsCount: i = 4,
   defaultType: r,
   size: u,
   className: m,
-  style: p
+  style: p,
+  maxItemsCountReachedLabel: g
 }) => {
-  const s = f(() => o.slice(0, i).reverse(), [o, i]);
+  const s = h(() => o.slice(0, i).reverse(), [o, i]);
   return o.length === 0 ? /* @__PURE__ */ l("div", { className: t.avatarGroup }) : /* @__PURE__ */ l("ul", { className: c(t.group, m), "data-size": u, "data-count": s == null ? void 0 : s.length, style: p, children: s.map((e, n) => {
-    const g = n === i - 1, d = e.customLabel || g ? o.length.toString() : void 0;
+    const d = n === i - 1, f = e.customLabel || d ? g || o.length.toString() : void 0;
     return /* @__PURE__ */ l("li", { className: c(t.item), children: /* @__PURE__ */ l(
-      h,
+      A,
       {
         name: e.name,
-        customLabel: d,
+        customLabel: f,
         imageUrl: e.imageUrl,
         imageUrlAlt: e.imageUrlAlt,
         type: (e == null ? void 0 : e.type) || r,
@@ -34,6 +35,6 @@ import '../../assets/AvatarGroup.css';const A = "_group_1ts6c_1", _ = "_item_1ts
   }) });
 };
 export {
-  N as AvatarGroup,
-  L as isAvatarGroupProps
+  P as AvatarGroup,
+  N as isAvatarGroupProps
 };

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

@@ -16,9 +16,11 @@ export interface AvatarGroupProps {
     className?: string;
     /** Custom styles. */
     style?: CSSProperties;
+    /** Custom Label for items counts reached **/
+    maxItemsCountReachedLabel?: string;
 }
 export declare const isAvatarGroupProps: (icon: unknown) => icon is AvatarGroupProps;
 /**
  * Avatar group component for displaying multiple avatars as a group.
  */
-export declare const AvatarGroup: ({ items, maxItemsCount, defaultType, size, className, style, }: AvatarGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AvatarGroup: ({ items, maxItemsCount, defaultType, size, className, style, maxItemsCountReachedLabel, }: AvatarGroupProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react-vite';
 import { AvatarGroupProps } from '..';
 declare const meta: {
     title: string;
-    component: ({ items, maxItemsCount, defaultType, size, className, style, }: AvatarGroupProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ items, maxItemsCount, defaultType, size, className, style, maxItemsCountReachedLabel, }: AvatarGroupProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {
         layout: string;
@@ -18,4 +18,5 @@ type Story = StoryObj<typeof meta>;
 export declare const People: Story;
 export declare const Companies: Story;
 export declare const CompanyAndPerson: Story;
+export declare const CustomLabel: (args: AvatarGroupProps) => import("react/jsx-runtime").JSX.Element;
 export declare const MaxItemsCount: (args: AvatarGroupProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@altinn/altinn-components",
-  "version": "0.47.2",
+  "version": "0.47.3",
   "main": "dist/index.js",
   "files": [
     "dist/",