@altinn/altinn-components 0.61.1 → 0.61.2

package/dist/components/Header/HeaderBase.js

@@ -1,19 +0,0 @@
-import { jsxs as d, jsx as p } from "react/jsx-runtime";
-import { c as s } from "../../index-p1eeF8LQ.js";
-import "react";
-import "../../ToolbarSearch-56Sm2j7P.js";
-import "../Typography/Link.js";
-import "../Button/Button.js";
-import "react-dom";
-import { Backdrop as m } from "../Dropdown/Backdrop.js";
-import "../Snackbar/useSnackbar.js";
-import '../../assets/HeaderBase.css';const i = "_header_dg4o1_1", n = "_backdrop_dg4o1_17", r = {
-  header: i,
-  backdrop: n
-}, u = ({ currentId: o, className: e, children: a, open: t, onClose: c }) => /* @__PURE__ */ d("header", { className: s(r.header, e), "data-current-id": o, children: [
-  t && /* @__PURE__ */ p(m, { className: r.backdrop, onClick: c }),
-  a
-] });
-export {
-  u as HeaderBase
-};

package/dist/components/Header/HeaderButton.js

@@ -1,51 +0,0 @@
-import { jsxs as i, jsx as n } from "react/jsx-runtime";
-import { c as s } from "../../index-p1eeF8LQ.js";
-import { Avatar as I } from "../Avatar/Avatar.js";
-import { AvatarGroup as b } from "../Avatar/AvatarGroup.js";
-import { I as N, s as g, B as p } from "../../ToolbarSearch-56Sm2j7P.js";
-import { Button as _ } from "../Button/Button.js";
-import "react";
-import "../Typography/Link.js";
-import "react-dom";
-import "../Snackbar/useSnackbar.js";
-import { S as q } from "../../PadlockLocked-XL1IB5Ae.js";
-import '../../assets/HeaderButton.css';const y = "_button_1p2eq_1", v = "_label_1p2eq_12", x = "_icon_1p2eq_18", B = "_avatarGroup_1p2eq_28", G = "_loginIcon_1p2eq_37", S = "_closeIcon_1p2eq_42", k = "_badge_1p2eq_46", e = {
-  button: y,
-  label: v,
-  icon: x,
-  avatarGroup: B,
-  loginIcon: G,
-  closeIcon: S,
-  badge: k
-}, F = ({
-  className: c,
-  as: t = "button",
-  color: a = "company",
-  variant: l = "solid",
-  avatar: u,
-  avatarGroup: d,
-  icon: f = q,
-  expanded: h,
-  label: r = "Menu",
-  badge: o,
-  ...m
-}) => h ? /* @__PURE__ */ i(_, { ...m, as: t, variant: l, color: a, className: s(e.button, c), children: [
-  /* @__PURE__ */ n("span", { className: e.label, children: r }),
-  /* @__PURE__ */ n("span", { className: s(e.icon, e.closeIcon), children: /* @__PURE__ */ n(N, { svgElement: g }) }),
-  o && /* @__PURE__ */ n(p, { ...o, className: e.badge })
-] }) : d ? /* @__PURE__ */ i(_, { ...m, as: t, variant: l, color: a, className: s(e.button, c), children: [
-  /* @__PURE__ */ n("span", { className: e.label, children: r }),
-  /* @__PURE__ */ n(b, { ...d, className: e.avatarGroup }),
-  o && /* @__PURE__ */ n(p, { ...o, className: e.badge })
-] }) : u ? /* @__PURE__ */ i(_, { ...m, as: t, variant: l, color: a, className: s(e.button, c), children: [
-  /* @__PURE__ */ n("span", { className: e.label, children: r }),
-  /* @__PURE__ */ n(I, { type: u?.type, name: u?.name, style: { fontSize: "2.25rem" } }),
-  o && /* @__PURE__ */ n(p, { ...o, className: e.badge })
-] }) : /* @__PURE__ */ i(_, { ...m, as: t, variant: l, color: a, className: s(e.button, c), children: [
-  /* @__PURE__ */ n("span", { className: e.label, children: r }),
-  /* @__PURE__ */ n("span", { className: s(e.icon, e.loginIcon), children: /* @__PURE__ */ n(N, { svgElement: f }) }),
-  o && /* @__PURE__ */ n(p, { ...o, className: e.badge })
-] });
-export {
-  F as HeaderButton
-};

package/dist/components/Header/HeaderGroup.js

@@ -1,8 +0,0 @@
-import { jsx as s } from "react/jsx-runtime";
-import { c as p } from "../../index-p1eeF8LQ.js";
-import '../../assets/HeaderGroup.css';const t = "_group_oia4i_1", c = {
-  group: t
-}, a = ({ className: o, children: r }) => /* @__PURE__ */ s("div", { className: p(c.group, o), children: r });
-export {
-  a as HeaderGroup
-};

package/dist/components/Header/HeaderLogo.js

@@ -1,17 +0,0 @@
-import { jsxs as a, jsx as o } from "react/jsx-runtime";
-import { c } from "../../index-p1eeF8LQ.js";
-import { B as i } from "../../ToolbarSearch-56Sm2j7P.js";
-import { DigdirLogomark as _ } from "./DigdirLogomark.js";
-import '../../assets/HeaderLogo.css';const g = "_logo_mt7vd_1", p = "_symbol_mt7vd_8", x = "_text_mt7vd_26", t = {
-  logo: g,
-  symbol: p,
-  text: x
-}, h = ({ className: m, as: n = "a", title: r = "Altinn", href: e = "/", onClick: l, badge: s }) => /* @__PURE__ */ a(n, { variant: "ghost", className: c(t.logo, m), href: e, onClick: l, children: [
-  /* @__PURE__ */ o(_, { className: t.symbol }),
-  /* @__PURE__ */ o("span", { className: t.text, children: r }),
-  " ",
-  s && /* @__PURE__ */ o(i, { ...s })
-] });
-export {
-  h as HeaderLogo
-};

package/dist/components/Header/HeaderSearch.js

@@ -1,12 +0,0 @@
-import { jsx as d } from "react/jsx-runtime";
-import { c as h } from "../../index-p1eeF8LQ.js";
-import '../../assets/HeaderSearch.css';const t = "_search_1czaf_1", n = "_searchExpanded_1czaf_5", e = {
-  search: t,
-  searchExpanded: n
-}, x = ({ expanded: a = !1, className: s, children: c }) => {
-  const r = h(e.search, s, a && e.searchExpanded);
-  return /* @__PURE__ */ d("div", { className: r, children: c });
-};
-export {
-  x as HeaderSearch
-};

package/dist/components/Header/LocaleButton.js

@@ -1,29 +0,0 @@
-"use client";
-import { jsx as t } from "react/jsx-runtime";
-import { c as m } from "../../index-p1eeF8LQ.js";
-import "react";
-import "../../ToolbarSearch-56Sm2j7P.js";
-import "../Typography/Link.js";
-import { Button as i } from "../Button/Button.js";
-import "react-dom";
-import "../Snackbar/useSnackbar.js";
-import { S as p } from "../../Globe-BcPkcH4E.js";
-import '../../assets/LocaleButton.css';const s = "_button_mvy87_1", c = "_expanded_mvy87_13", o = {
-  button: s,
-  expanded: c
-}, h = ({ id: e = "language-switcher", expanded: r, onClick: n, onBlurCapture: a }) => /* @__PURE__ */ t(
-  i,
-  {
-    className: m(o.button, r && o.expanded),
-    rounded: !0,
-    size: "lg",
-    variant: "ghost",
-    onClick: n,
-    "aria-label": `Open ${e}`,
-    onBlurCapture: a,
-    children: /* @__PURE__ */ t(p, {})
-  }
-);
-export {
-  h as LocaleButton
-};

package/dist/components/Header/LocaleSwitcher.js

@@ -1,44 +0,0 @@
-"use client";
-import { jsx as r, jsxs as f } from "react/jsx-runtime";
-import { useRef as k, useMemo as h } from "react";
-import { useEnterKey as v } from "../../hooks/useEnterKey.js";
-import { useIsDesktop as b } from "../../hooks/useIsDesktop.js";
-import { DropdownBase as x } from "../Dropdown/DropdownBase.js";
-import "../../index-p1eeF8LQ.js";
-import "react-dom";
-import "../Button/Button.js";
-import { u as I, r as w, l as p } from "../../ToolbarSearch-56Sm2j7P.js";
-import "../Typography/Link.js";
-import { LocaleButton as C } from "./LocaleButton.js";
-import "../Snackbar/useSnackbar.js";
-import { DrawerBase as S } from "../Dropdown/DrawerBase.js";
-const z = ({ title: m = "Select language", options: s, onSelect: a }) => {
-  const i = k(null), c = b(), { currentId: d, toggleId: g, closeAll: n } = I(), o = d === "locale", l = h(() => s.map((e) => ({
-    ...e,
-    id: String(e.value),
-    tabIndex: 0,
-    groupId: "locales",
-    icon: e.checked ? w : /* @__PURE__ */ r("span", { "aria-hidden": "true" }),
-    onClick: () => {
-      a?.(String(e.value)), n();
-    }
-  })), [s, a]), u = {
-    locales: { title: m || "Språk/language" }
-  };
-  return v((e) => {
-    if (o) {
-      e.preventDefault();
-      const t = i.current?.querySelector('[data-active="true"]');
-      t && (t.tagName === "A" && t.hasAttribute("href") ? t.click() : t.dispatchEvent(new MouseEvent("click", { bubbles: !0 }))), n();
-    }
-  }), /* @__PURE__ */ f("div", { ref: i, "data-testid": "locale-switcher", children: [
-    /* @__PURE__ */ r(C, { onClick: () => g("locale"), expanded: o, onBlurCapture: (e) => {
-      e?.relatedTarget?.closest('[data-testid="locale-switcher"]') || n();
-    } }),
-    o && c && /* @__PURE__ */ r(x, { layout: "desktop", padding: !0, placement: "right", open: !0, children: /* @__PURE__ */ r(p, { groups: u, items: l, keyboardEvents: !1 }) }),
-    o && !c && /* @__PURE__ */ r(S, { open: !0, placement: "bottom", children: /* @__PURE__ */ r(p, { groups: u, items: l, keyboardEvents: !1 }) })
-  ] });
-};
-export {
-  z as LocaleSwitcher
-};

package/dist/components/Header/index.js

@@ -1,18 +0,0 @@
-import { Header as o } from "./Header.js";
-import { HeaderBase as a } from "./HeaderBase.js";
-import { HeaderLogo as f } from "./HeaderLogo.js";
-import { HeaderButton as x } from "./HeaderButton.js";
-import { HeaderGroup as H } from "./HeaderGroup.js";
-import { HeaderSearch as u } from "./HeaderSearch.js";
-import { LocaleButton as L } from "./LocaleButton.js";
-import { LocaleSwitcher as l } from "./LocaleSwitcher.js";
-export {
-  o as Header,
-  a as HeaderBase,
-  x as HeaderButton,
-  H as HeaderGroup,
-  f as HeaderLogo,
-  u as HeaderSearch,
-  L as LocaleButton,
-  l as LocaleSwitcher
-};

package/dist/types/lib/components/GlobalMenu_old/BackButton.d.ts

@@ -1,7 +0,0 @@
-import { ElementType } from 'react';
-export interface BackButtonProps {
-    label: string;
-    onClick?: () => void;
-    as?: ElementType;
-}
-export declare const BackButton: ({ label, onClick, as }: BackButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/GlobalMenu_old/CurrentAccount.d.ts

@@ -1,16 +0,0 @@
-import { AvatarProps } from '..';
-export type Account = {
-    id: string;
-    type: 'person' | 'company';
-    icon?: AvatarProps;
-    name: string;
-    description?: string;
-};
-export type CurrentAccountProps = {
-    account: Account;
-    description?: string;
-    as?: 'button' | 'div';
-    onClick?: () => void;
-    multipleAccounts?: boolean;
-};
-export declare const CurrentAccount: ({ account, multipleAccounts, as, onClick }: CurrentAccountProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/GlobalMenu_old/EndUserLabel.d.ts

@@ -1,5 +0,0 @@
-import { ReactNode } from 'react';
-export interface EndUserLabelProps {
-    children: ReactNode;
-}
-export declare const EndUserLabel: ({ children }: EndUserLabelProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,18 +0,0 @@
-import { Account, AccountMenuProps } from '..';
-import { MenuProps } from '../Menu';
-import { LogoutButtonProps } from './LogoutButton';
-export interface GlobalMenuProps_old {
-    accountMenu?: AccountMenuProps;
-    menu?: MenuProps;
-    menuLabel?: string;
-    backLabel?: string;
-    logoutButton?: LogoutButtonProps;
-    changeLabel?: string;
-    className?: string;
-    currentAccount?: Account;
-    currentEndUserLabel?: string;
-    onSelectAccount?: (id: string) => void;
-    onClose?: () => void;
-    ariaLabel?: string;
-}
-export declare const GlobalMenu_old: ({ accountMenu, menu, backLabel, currentAccount, onSelectAccount, onClose, logoutButton, ariaLabel, }: GlobalMenuProps_old) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/GlobalMenu_old/GlobalMenuBase.d.ts

@@ -1,15 +0,0 @@
-import { ReactNode } from 'react';
-import { Color } from '..';
-export type GlobalMenuBaseProps = {
-    color?: Color;
-    children: ReactNode;
-} & React.HTMLAttributes<HTMLElement>;
-export interface GlobalMenuHeaderProps {
-    children: ReactNode;
-}
-export interface GlobalMenuFooterProps {
-    children: ReactNode;
-}
-export declare const GlobalMenuBase: ({ color, children, ...rest }: GlobalMenuBaseProps) => import("react/jsx-runtime").JSX.Element;
-export declare const GlobalMenuHeader: ({ children }: GlobalMenuHeaderProps) => import("react/jsx-runtime").JSX.Element;
-export declare const GlobalMenuFooter: ({ children }: GlobalMenuFooterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/GlobalMenu_old/GlobalMenuButton.d.ts

@@ -1,13 +0,0 @@
-import { ElementType } from 'react';
-import { Account, ButtonProps } from '..';
-import { BadgeProps } from '../Badge';
-export interface GlobalMenuButtonProps_old extends ButtonProps {
-    currentAccount?: Account;
-    label?: string;
-    as?: ElementType;
-    className?: string;
-    expanded?: boolean;
-    badge?: BadgeProps | undefined;
-    tabIndex?: number;
-}
-export declare const GlobalMenuButton_old: ({ className, as, color, variant, currentAccount, expanded, label, badge, ...buttonProps }: GlobalMenuButtonProps_old) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/GlobalMenu_old/LogoutButton.d.ts

@@ -1,7 +0,0 @@
-import { MouseEventHandler, ReactNode } from 'react';
-export interface LogoutButtonProps {
-    label?: string;
-    children?: ReactNode;
-    onClick?: MouseEventHandler;
-}
-export declare const LogoutButton: ({ label, children, onClick }: LogoutButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/GlobalMenu_old/index.d.ts

@@ -1,6 +0,0 @@
-export * from './CurrentAccount';
-export * from './BackButton';
-export * from './LogoutButton';
-export * from './EndUserLabel';
-export * from './GlobalMenu';
-export * from './GlobalMenuButton';

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

@@ -1,18 +0,0 @@
-import { HeaderLogoProps, MenuProps } from '../';
-import { BadgeProps } from '../Badge';
-import { GlobalMenuProps_old, Account } from '../GlobalMenu_old';
-import { SearchbarProps } from '../Searchbar';
-import { LocaleSwitcherProps } from './';
-export interface HeaderProps {
-    globalMenu: GlobalMenuProps_old;
-    /** Use to override globalMenu.menu on desktop */
-    desktopMenu?: MenuProps;
-    /** Use to override globalMenu.menu on mobile */
-    mobileMenu?: MenuProps;
-    locale?: LocaleSwitcherProps;
-    search?: SearchbarProps;
-    currentAccount?: Account;
-    badge?: BadgeProps | undefined;
-    logo?: HeaderLogoProps;
-}
-export declare const Header: ({ globalMenu, desktopMenu, mobileMenu, locale, search, currentAccount, logo, badge, }: HeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Header/Header.stories.d.ts

@@ -1,29 +0,0 @@
-import { HeaderProps } from '../';
-declare const meta: {
-    title: string;
-    component: ({ globalMenu, desktopMenu, mobileMenu, locale, search, currentAccount, logo, badge, }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-    args: {
-        search: {
-            name: string;
-            placeholder: string;
-        };
-        globalMenu: import('../GlobalMenu_old').GlobalMenuProps_old;
-        desktopMenu?: import('../Menu').MenuProps;
-        mobileMenu?: import('../Menu').MenuProps;
-        locale?: import('./LocaleSwitcher').LocaleSwitcherProps;
-        currentAccount?: import('../GlobalMenu_old').Account;
-        badge?: import('../Badge').BadgeProps | undefined;
-        logo?: import('./HeaderLogo').HeaderLogoProps;
-    };
-};
-export default meta;
-export declare const Login: (args: HeaderProps) => import("react/jsx-runtime").JSX.Element;
-export declare const CurrentAccount: (args: HeaderProps) => import("react/jsx-runtime").JSX.Element;
-export declare const CompanyAccount: (args: HeaderProps) => import("react/jsx-runtime").JSX.Element;
-export declare const SubcompanyAccount: (args: HeaderProps) => import("react/jsx-runtime").JSX.Element;
-export declare const MobileMenu: (args: HeaderProps) => import("react/jsx-runtime").JSX.Element;
-export declare const WithCustomBadge: (args: HeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Header/HeaderBase.d.ts

@@ -1,9 +0,0 @@
-import { ReactNode } from 'react';
-export interface HeaderBaseProps {
-    currentId?: string;
-    className?: string;
-    children?: ReactNode;
-    open?: boolean;
-    onClose?: () => void;
-}
-export declare const HeaderBase: ({ currentId, className, children, open, onClose }: HeaderBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Header/HeaderButton.d.ts

@@ -1,11 +0,0 @@
-import { AvatarProps, AvatarGroupProps } from '../Avatar';
-import { BadgeProps } from '../Badge';
-import { ButtonProps } from '../Button';
-export interface HeaderButtonProps extends ButtonProps {
-    label?: string;
-    avatar?: AvatarProps;
-    avatarGroup?: AvatarGroupProps;
-    expanded?: boolean;
-    badge?: BadgeProps | undefined;
-}
-export declare const HeaderButton: ({ className, as, color, variant, avatar, avatarGroup, icon, expanded, label, badge, ...buttonProps }: HeaderButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Header/HeaderButton.stories.d.ts

@@ -1,17 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-declare const meta: {
-    title: string;
-    component: ({ className, as, color, variant, avatar, avatarGroup, icon, expanded, label, badge, ...buttonProps }: import('./HeaderButton').HeaderButtonProps) => import("react/jsx-runtime").JSX.Element;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-    args: {};
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Person: Story;
-export declare const Company: Story;
-export declare const CompanyGroup: Story;
-export declare const Expanded: Story;

package/dist/types/lib/components/Header/HeaderGroup.d.ts

@@ -1,7 +0,0 @@
-import { ReactNode } from 'react';
-export interface HeaderGroupProps {
-    className?: string;
-    expanded?: boolean;
-    children?: ReactNode;
-}
-export declare const HeaderGroup: ({ className, children }: HeaderGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Header/HeaderLogo.d.ts

@@ -1,11 +0,0 @@
-import { ElementType, MouseEventHandler } from 'react';
-import { BadgeProps } from '../Badge';
-export interface HeaderLogoProps {
-    className?: string;
-    as?: ElementType;
-    href?: string;
-    onClick?: MouseEventHandler<HTMLButtonElement>;
-    title?: string;
-    badge?: BadgeProps;
-}
-export declare const HeaderLogo: ({ className, as, title, href, onClick, badge }: HeaderLogoProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Header/HeaderSearch.d.ts

@@ -1,7 +0,0 @@
-import { ReactNode } from 'react';
-export interface HeaderSearchProps {
-    className?: string;
-    expanded?: boolean;
-    children?: ReactNode;
-}
-export declare const HeaderSearch: ({ expanded, className, children }: HeaderSearchProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Header/LocaleButton.d.ts

@@ -1,8 +0,0 @@
-import { MouseEventHandler } from 'react';
-export interface LocaleButtonProps {
-    id?: string;
-    expanded?: boolean;
-    onClick?: MouseEventHandler;
-    onBlurCapture?: React.FocusEventHandler<HTMLButtonElement>;
-}
-export declare const LocaleButton: ({ id, expanded, onClick, onBlurCapture }: LocaleButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Header/LocaleSwitcher.d.ts

@@ -1,7 +0,0 @@
-import { MenuOptionProps } from '../Menu';
-export interface LocaleSwitcherProps {
-    title?: string;
-    options: MenuOptionProps[];
-    onSelect?: (value: string) => void;
-}
-export declare const LocaleSwitcher: ({ title, options, onSelect }: LocaleSwitcherProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Header/index.d.ts

@@ -1,8 +0,0 @@
-export * from './Header';
-export * from './HeaderBase';
-export * from './HeaderLogo';
-export * from './HeaderButton';
-export * from './HeaderGroup';
-export * from './HeaderSearch';
-export * from './LocaleButton';
-export * from './LocaleSwitcher';

package/dist/types/lib/stories/Beta/Beta.stories.d.ts

@@ -1,15 +0,0 @@
-declare const meta: {
-    title: string;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-    args: {};
-};
-export default meta;
-export declare const BetaModal: ({ checkbox, open, }: {
-    checkbox?: boolean;
-    open?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const About: () => import("react/jsx-runtime").JSX.Element;
-export declare const AboutInbox: () => import("react/jsx-runtime").JSX.Element;