@altinn/altinn-components 0.28.1 → 0.29.0

package/dist/components/GlobalMenu/AccountButton.js

@@ -1,58 +0,0 @@
-import { jsxs as m, jsx as i } from "react/jsx-runtime";
-import { MenuItemBase as r } from "../Menu/MenuItemBase.js";
-import { MenuItemLabel as s } from "../Menu/MenuItemLabel.js";
-import { MenuItemIcon as l } from "../Menu/MenuItemIcon.js";
-import "../../index-L8X2o7IH.js";
-import "react";
-import "../RootProvider/RootProvider.js";
-import "../Searchbar/AutocompleteBase.js";
-import "../Snackbar/useSnackbar.js";
-import { S as o } from "../../ChevronRight-BbelnTke.js";
-import '../../assets/AccountButton.css';const b = "_label_1dcj3_1", p = {
-  label: b
-}, _ = ({ account: e, linkText: t, onClick: d, multipleAccounts: g }) => g ? /* @__PURE__ */ m(r, { size: "lg", onClick: d, linkText: t, linkIcon: o, as: "button", children: [
-  /* @__PURE__ */ i(
-    l,
-    {
-      size: "lg",
-      icon: {
-        name: e.name,
-        type: e.type
-      }
-    }
-  ),
-  /* @__PURE__ */ i(
-    s,
-    {
-      className: p.label,
-      size: "md",
-      title: e == null ? void 0 : e.name,
-      weight: "medium",
-      description: e == null ? void 0 : e.description
-    }
-  )
-] }) : /* @__PURE__ */ m(r, { size: "lg", as: "div", children: [
-  /* @__PURE__ */ i(
-    l,
-    {
-      size: "lg",
-      icon: {
-        name: e.name,
-        type: e.type
-      }
-    }
-  ),
-  /* @__PURE__ */ i(
-    s,
-    {
-      className: p.label,
-      size: "md",
-      title: e == null ? void 0 : e.name,
-      weight: "medium",
-      description: e == null ? void 0 : e.description
-    }
-  )
-] });
-export {
-  _ as AccountButton
-};

package/dist/components/GlobalMenu/AccountMenu.js

@@ -1,72 +0,0 @@
-"use client";
-import { jsx as L } from "react/jsx-runtime";
-import { useState as M } from "react";
-import "../../index-L8X2o7IH.js";
-import "../RootProvider/RootProvider.js";
-import "../Searchbar/AutocompleteBase.js";
-import "../Snackbar/useSnackbar.js";
-import { Menu as w } from "../Menu/Menu.js";
-const v = (p) => `${p} hits`, $ = ({
-  accounts: p = [],
-  accountGroups: y = {},
-  accountSearch: s,
-  onSelectAccount: r,
-  currentAccount: m,
-  menuItemsVirtual: C
-}) => {
-  var f;
-  const g = p.map((e) => ({
-    id: e.id || e.name,
-    groupId: e.groupId || "search",
-    selected: e.selected ?? (m == null ? void 0 : m.id) === e.id,
-    title: e.name,
-    ...(e == null ? void 0 : e.items) && {
-      icon: {
-        items: e.items.map((i) => ({
-          name: i.name,
-          type: i.type || e.type
-        }))
-      }
-    },
-    ...!(e != null && e.items) && {
-      icon: {
-        type: e.type,
-        name: e.name
-      }
-    },
-    badge: e.badge,
-    alertBadge: e.alertBadge,
-    onClick: () => r == null ? void 0 : r(e.id || e.name)
-  })), [l, t] = M(""), d = l ? g.filter((e) => {
-    var i;
-    return (i = e == null ? void 0 : e.title) == null ? void 0 : i.toLowerCase().includes(l.toLowerCase());
-  }).map((e) => ({
-    ...e,
-    groupId: "search"
-  })) : g, I = l ? {
-    search: {
-      title: ((f = s == null ? void 0 : s.getResultsLabel) == null ? void 0 : f.call(s, d.length)) ?? v(d.length)
-    }
-  } : y, b = {
-    name: "account-search",
-    value: l,
-    placeholder: (s == null ? void 0 : s.placeholder) ?? "Find account",
-    onChange: (e) => t(e.target.value),
-    onClear: () => t("")
-  }, h = [
-    ...d.length > 0 ? d : [{ id: "search", groupId: "search", hidden: !0 }]
-  ];
-  return /* @__PURE__ */ L(
-    w,
-    {
-      theme: "default",
-      search: s && b,
-      groups: I,
-      items: h,
-      menuItemsVirtual: C
-    }
-  );
-};
-export {
-  $ as AccountMenu
-};

package/dist/components/Page/PageHeader.js

@@ -1,55 +0,0 @@
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
-import "react";
-import "../RootProvider/RootProvider.js";
-import { ListItemIcon as z } from "../List/ListItemIcon.js";
-import { Typography as P } from "../Typography/Typography.js";
-import { Heading as j } from "../Typography/Heading.js";
-import "../Searchbar/AutocompleteBase.js";
-import "../Snackbar/useSnackbar.js";
-import { Flex as m } from "./Flex.js";
-import { PageNav as y } from "./PageNav.js";
-import { PageTabs as H } from "./PageTabs.js";
-import { Section as I } from "./Section.js";
-const K = ({
-  variant: g,
-  size: f = "xl",
-  title: t,
-  description: o,
-  icon: a,
-  tabs: e,
-  theme: l,
-  padding: x,
-  shadow: c,
-  bleed: d,
-  breadcrumbs: n,
-  backButton: p,
-  controls: T,
-  children: h,
-  ...s
-}) => (g === "card" && (l = "default", x = "page", c = "xs", d = !0), g === "card" ? /* @__PURE__ */ i(I, { as: "header", theme: l, shadow: c, bleed: d, ...s, children: [
-  (p || n) && /* @__PURE__ */ r(y, { backButton: p, breadcrumbs: n, padding: 2 }),
-  /* @__PURE__ */ i(m, { direction: "row", align: "center", padding: "page", spacing: 3, children: [
-    /* @__PURE__ */ r(z, { icon: a, size: "xl" }),
-    /* @__PURE__ */ i(m, { direction: "col", children: [
-      /* @__PURE__ */ r(j, { size: f, children: t }),
-      o && /* @__PURE__ */ r(P, { size: "xs", children: o })
-    ] })
-  ] }),
-  h,
-  e && /* @__PURE__ */ r(H, { ...e, padding: 2 })
-] }) : /* @__PURE__ */ i(I, { as: "header", theme: l, shadow: c, bleed: d, ...s, children: [
-  (p || n) && /* @__PURE__ */ r(y, { backButton: p, breadcrumbs: n }),
-  /* @__PURE__ */ i(m, { direction: "row", align: "center", padding: x, spacing: 3, children: [
-    /* @__PURE__ */ r(z, { icon: a, size: "xl" }),
-    /* @__PURE__ */ i(m, { direction: "col", children: [
-      /* @__PURE__ */ r(j, { size: f, children: t }),
-      o && /* @__PURE__ */ r(P, { size: "xs", children: o })
-    ] })
-  ] }),
-  h,
-  e && /* @__PURE__ */ r(H, { ...e })
-] }));
-export {
-  K as PageHeader
-};

package/dist/components/Profile/AccountList.js

@@ -1,12 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { createElement as m } from "react";
-import "../../index-L8X2o7IH.js";
-import "../RootProvider/RootProvider.js";
-import { List as i } from "../List/List.js";
-import "../Searchbar/AutocompleteBase.js";
-import { AccountListItem as p } from "./AccountListItem.js";
-import "../Snackbar/useSnackbar.js";
-const d = ({ items: t }) => /* @__PURE__ */ o(i, { children: t.map((r) => /* @__PURE__ */ m(p, { ...r, key: r.id })) });
-export {
-  d as AccountList
-};

package/dist/components/Profile/AccountListItem.js

@@ -1,86 +0,0 @@
-"use client";
-import { jsxs as v, jsx as n } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
-import * as c from "react";
-import { forwardRef as m } from "react";
-import { Badge as y } from "../Badge/Badge.js";
-import { ContextMenu as O } from "../ContextMenu/ContextMenu.js";
-import { ListItemControls as w } from "../List/ListItemControls.js";
-import { ListItem as h } from "../List/ListItem.js";
-import "../RootProvider/RootProvider.js";
-import "../Searchbar/AutocompleteBase.js";
-import "../Snackbar/useSnackbar.js";
-import { Flex as I } from "../Page/Flex.js";
-import { u as d } from "../../useId-BVFxCjkq.js";
-var j = function(t, o) {
-  var l = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && o.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++)
-      o.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
-  return l;
-};
-const x = m((t, o) => {
-  var { title: l, titleId: e } = t, r = j(t, ["title", "titleId"]);
-  let i = d();
-  return i = l ? e || "title-" + i : void 0, c.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: o, "aria-labelledby": i }, r),
-    l ? c.createElement("title", { id: i }, l) : null,
-    c.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12 4.969c1.399-1.242 2.776-1.844 4.125-1.844 1.519 0 2.823.763 3.905 1.845 2.373 2.372 2.207 6.354-1 9.56l-6.5 6.5-.53-.53-.53.53-6.5-6.5c-3.207-3.206-3.373-7.188-1-9.56C5.05 3.888 6.356 3.125 7.875 3.125c1.349 0 2.726.602 4.125 1.844M12 20.5l-.53.53a.75.75 0 0 0 1.06 0zm0-1.06 5.97-5.97c2.793-2.794 2.627-5.812 1-7.44-.919-.918-1.864-1.405-2.845-1.405s-2.177.487-3.595 1.905a.75.75 0 0 1-1.06 0C10.05 5.112 8.856 4.625 7.874 4.625S5.948 5.112 5.03 6.03c-1.627 1.628-1.793 4.646 1 7.44z", clipRule: "evenodd" })
-  );
-});
-var E = function(t, o) {
-  var l = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && o.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++)
-      o.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
-  return l;
-};
-const S = m((t, o) => {
-  var { title: l, titleId: e } = t, r = E(t, ["title", "titleId"]);
-  let i = d();
-  return i = l ? e || "title-" + i : void 0, c.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: o, "aria-labelledby": i }, r),
-    l ? c.createElement("title", { id: i }, l) : null,
-    c.createElement("path", { fill: "currentColor", d: "M12 4.969c1.399-1.242 2.776-1.844 4.125-1.844 1.519 0 2.823.763 3.905 1.845 2.373 2.372 2.206 6.354-1 9.56l-6.5 6.5a.75.75 0 0 1-1.06 0l-6.5-6.5c-3.207-3.206-3.373-7.188-1-9.56C5.05 3.888 6.355 3.125 7.874 3.125c1.349 0 2.726.602 4.125 1.844" })
-  );
-}), $ = ({
-  size: t,
-  expanded: o,
-  type: l,
-  icon: e,
-  title: r,
-  description: i,
-  label: a,
-  favourite: s = !1,
-  contextMenu: f,
-  favouriteLabel: p,
-  children: u,
-  ...g
-}) => {
-  const b = /* @__PURE__ */ v(w, { children: [
-    /* @__PURE__ */ n(I, { align: "center", spacing: 2, style: { position: "relative", fontSize: "1.25rem" }, children: a ? /* @__PURE__ */ n(y, { color: l === "group" ? "neutral" : l, children: a }) : s ? /* @__PURE__ */ n(S, { "aria-label": p }) : /* @__PURE__ */ n(x, { "aria-hidden": !0 }) }),
-    f && /* @__PURE__ */ n(O, { ...f, size: "sm" })
-  ] });
-  return /* @__PURE__ */ n(
-    h,
-    {
-      ...g,
-      size: t,
-      icon: e,
-      title: r,
-      description: o ? void 0 : i,
-      expanded: o,
-      selected: o,
-      badge: !o && b,
-      linkIcon: !0,
-      children: u
-    }
-  );
-};
-export {
-  $ as AccountListItem
-};

package/dist/components/Profile/index.js

@@ -1,6 +0,0 @@
-import { AccountListItem as c } from "./AccountListItem.js";
-import { AccountList as e } from "./AccountList.js";
-export {
-  e as AccountList,
-  c as AccountListItem
-};

package/dist/types/lib/components/GlobalMenu/AccountMenu.d.ts

@@ -1,27 +0,0 @@
-import { AvatarProps, BadgeProps } from '../';
-import { MenuItemGroups, MenuSearchProps } from '../Menu';
-import { MenuItemsVirtualProps } from '../Menu/MenuItems';
-export interface AccountSearchProps extends MenuSearchProps {
-    getResultsLabel?: (hits: number) => string;
-    hidden?: boolean;
-}
-export interface AccountMenuItem {
-    type: 'person' | 'company';
-    name: string;
-    id: string;
-    groupId?: string;
-    selected?: boolean;
-    items?: AvatarProps[];
-    badge?: BadgeProps | undefined;
-    alertBadge?: BadgeProps | undefined;
-}
-export interface AccountMenuProps {
-    accounts?: AccountMenuItem[];
-    accountGroups?: MenuItemGroups;
-    accountSearch?: AccountSearchProps;
-    currentAccount?: AccountMenuItem;
-    onSelectAccount?: (id: string) => void;
-    menuItemsVirtual?: MenuItemsVirtualProps;
-    scrollRefStyles?: React.CSSProperties;
-}
-export declare const AccountMenu: ({ accounts, accountGroups, accountSearch, onSelectAccount, currentAccount, menuItemsVirtual, }: AccountMenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/GlobalMenu/AccountMenu.stories.d.ts

@@ -1,19 +0,0 @@
-import { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: ({ accounts, accountGroups, accountSearch, onSelectAccount, currentAccount, menuItemsVirtual, }: import('./AccountMenu').AccountMenuProps) => import("react/jsx-runtime").JSX.Element;
-    tags: string[];
-    parameters: {};
-    args: {
-        accounts?: import('./AccountMenu').AccountMenuItem[];
-        accountGroups?: import('..').MenuItemGroups;
-        accountSearch?: import('./AccountMenu').AccountSearchProps;
-        currentAccount?: import('./AccountMenu').AccountMenuItem;
-        onSelectAccount?: (id: string) => void;
-        menuItemsVirtual?: import('..').MenuItemsVirtualProps;
-        scrollRefStyles?: React.CSSProperties;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;

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

@@ -1,97 +0,0 @@
-import { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: ({ color, theme, defaultItemColor, defaultItemTheme, defaultItemSize, defaultIconTheme, groups, items, search, menuItemsVirtual, }: import('./Menu').MenuProps) => import("react/jsx-runtime").JSX.Element;
-    parameters: {};
-    args: {};
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const InboxMenu: Story;
-export declare const NeutralInboxMenu: {
-    args: {
-        color: string;
-        theme: string;
-        menuItemsVirtual?: import('./MenuItems').MenuItemsVirtualProps;
-        level?: number;
-        expanded?: boolean;
-        search?: import('./MenuSearch').MenuSearchProps;
-        items: import('./MenuItem').MenuItemProps[];
-        groups?: import('./MenuItems').MenuItemGroups;
-        defaultItemSize?: import('./MenuItemBase').MenuItemSize;
-        defaultItemColor?: import('./MenuItemBase').MenuItemColor;
-        defaultItemTheme?: import('./MenuItemBase').MenuItemTheme;
-        defaultIconTheme?: import('..').IconTheme;
-        as?: React.ElementType;
-    };
-};
-export declare const CompanyInboxMenu: {
-    args: {
-        color: string;
-        theme: string;
-        menuItemsVirtual?: import('./MenuItems').MenuItemsVirtualProps;
-        level?: number;
-        expanded?: boolean;
-        search?: import('./MenuSearch').MenuSearchProps;
-        items: import('./MenuItem').MenuItemProps[];
-        groups?: import('./MenuItems').MenuItemGroups;
-        defaultItemSize?: import('./MenuItemBase').MenuItemSize;
-        defaultItemColor?: import('./MenuItemBase').MenuItemColor;
-        defaultItemTheme?: import('./MenuItemBase').MenuItemTheme;
-        defaultIconTheme?: import('..').IconTheme;
-        as?: React.ElementType;
-    };
-};
-export declare const PersonInboxMenu: {
-    args: {
-        color: string;
-        theme: string;
-        menuItemsVirtual?: import('./MenuItems').MenuItemsVirtualProps;
-        level?: number;
-        expanded?: boolean;
-        search?: import('./MenuSearch').MenuSearchProps;
-        items: import('./MenuItem').MenuItemProps[];
-        groups?: import('./MenuItems').MenuItemGroups;
-        defaultItemSize?: import('./MenuItemBase').MenuItemSize;
-        defaultItemColor?: import('./MenuItemBase').MenuItemColor;
-        defaultItemTheme?: import('./MenuItemBase').MenuItemTheme;
-        defaultIconTheme?: import('..').IconTheme;
-        as?: React.ElementType;
-    };
-};
-export declare const CompanyMenu: Story;
-export declare const NeutralCompanyMenu: {
-    args: {
-        color: string;
-        theme?: import('./MenuBase').MenuTheme;
-        menuItemsVirtual?: import('./MenuItems').MenuItemsVirtualProps;
-        level?: number;
-        expanded?: boolean;
-        search?: import('./MenuSearch').MenuSearchProps;
-        items: import('./MenuItem').MenuItemProps[];
-        groups?: import('./MenuItems').MenuItemGroups;
-        defaultItemSize?: import('./MenuItemBase').MenuItemSize;
-        defaultItemColor?: import('./MenuItemBase').MenuItemColor;
-        defaultItemTheme?: import('./MenuItemBase').MenuItemTheme;
-        defaultIconTheme?: import('..').IconTheme;
-        as?: React.ElementType;
-    };
-};
-export declare const PersonMenu: Story;
-export declare const NeutralPersonMenu: {
-    args: {
-        color: string;
-        theme?: import('./MenuBase').MenuTheme;
-        menuItemsVirtual?: import('./MenuItems').MenuItemsVirtualProps;
-        level?: number;
-        expanded?: boolean;
-        search?: import('./MenuSearch').MenuSearchProps;
-        items: import('./MenuItem').MenuItemProps[];
-        groups?: import('./MenuItems').MenuItemGroups;
-        defaultItemSize?: import('./MenuItemBase').MenuItemSize;
-        defaultItemColor?: import('./MenuItemBase').MenuItemColor;
-        defaultItemTheme?: import('./MenuItemBase').MenuItemTheme;
-        defaultIconTheme?: import('..').IconTheme;
-        as?: React.ElementType;
-    };
-};

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

@@ -1,18 +0,0 @@
-import { ReactNode } from 'react';
-import { AvatarGroupProps, AvatarProps, BackButtonProps, BreadcrumbsLinkProps, IconProps, PageTabsProps, SectionProps, SvgElement } from '..';
-export type PageHeaderVariant = 'card' | undefined;
-export type PageHeaderSize = 'lg' | 'xl';
-export interface PageHeaderProps extends SectionProps {
-    variant?: PageHeaderVariant;
-    size?: PageHeaderSize;
-    title?: string;
-    description?: string;
-    icon?: SvgElement | IconProps;
-    avatar?: AvatarProps;
-    avatarGroup?: AvatarGroupProps;
-    tabs?: PageTabsProps;
-    backButton?: BackButtonProps;
-    breadcrumbs?: BreadcrumbsLinkProps[];
-    controls?: ReactNode;
-}
-export declare const PageHeader: ({ variant, size, title, description, icon, tabs, theme, padding, shadow, bleed, breadcrumbs, backButton, controls, children, ...rest }: PageHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Page/PageHeader.stories.d.ts

@@ -1,16 +0,0 @@
-import { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: ({ variant, size, title, description, icon, tabs, theme, padding, shadow, bleed, breadcrumbs, backButton, controls, children, ...rest }: import('./PageHeader').PageHeaderProps) => import("react/jsx-runtime").JSX.Element;
-    tags: string[];
-    parameters: {};
-    args: {
-        title: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Icon: Story;
-export declare const UserCard: Story;
-export declare const CardAndTabs: Story;

package/dist/types/lib/components/Profile/AccountList.d.ts

@@ -1,5 +0,0 @@
-import { AccountListItemProps } from '..';
-export interface AccountListProps {
-    items: AccountListItemProps[];
-}
-export declare const AccountList: ({ items }: AccountListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Profile/AccountListItem.d.ts

@@ -1,12 +0,0 @@
-import { ContextMenuProps, ListItemProps } from '..';
-export type AccountListItemType = 'person' | 'company' | 'group';
-export interface AccountListItemProps extends ListItemProps {
-    id?: string;
-    title: string;
-    type?: AccountListItemType;
-    favourite?: boolean;
-    contextMenu?: ContextMenuProps;
-    label?: string;
-    favouriteLabel?: string;
-}
-export declare const AccountListItem: ({ size, expanded, type, icon, title, description, label, favourite, contextMenu, favouriteLabel, children, ...item }: AccountListItemProps) => import("react/jsx-runtime").JSX.Element;