@altinn/altinn-components 0.5.2 → 0.6.1

package/dist/components/Dialog/DialogSelect.d.ts

@@ -0,0 +1,10 @@
+import { ChangeEventHandler } from 'react';
+export type DialogSelectProps = {
+    checked?: boolean;
+    onChange?: ChangeEventHandler;
+    className?: string;
+};
+/**
+ * Dialog checkbox
+ */
+export declare const DialogSelect: ({ checked, onChange, className }: DialogSelectProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Dialog/DialogStatus.d.ts

@@ -0,0 +1,25 @@
+import { MetaItemSize } from '../Meta';
+export declare enum DialogStatusEnum {
+    /** Used to indicate user-initiated dialogs not yet sent. */
+    draft = "DRAFT",
+    /** Sent by the service owner. In a serial process, this is used after a submission is made. */
+    sent = "SENT",
+    /** The dialogue is considered new. Typically used for simple messages that do not require any interaction, or as an initial step for dialogues. This is the default. */
+    new = "NEW",
+    /** The dialogue was completed. This typically means that the dialogue is moved to a GUI archive or similar. */
+    completed = "COMPLETED",
+    /** Started. In a serial process, this is used to indicate that, for example, a form filling is ongoing. */
+    'in-progress' = "IN_PROGRESS",
+    /** Used to indicate that the dialogue is in progress/under work, but is in a state where the user must do something - for example, correct an error, or other conditions that hinder further processing. */
+    'requires-attention' = "REQUIRES_ATTENTION"
+}
+export type DialogStatusValue = keyof typeof DialogStatusEnum;
+export interface DialogStatusProps {
+    size?: MetaItemSize;
+    value?: DialogStatusValue;
+    label?: string;
+}
+/**
+ * Dialog status.
+ */
+export declare const DialogStatus: ({ size, value, label }: DialogStatusProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Dialog/DialogTitle.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+import { IconName } from '../Icon';
+import { DialogListItemVariant } from './DialogListItemBase';
+export type DialogTitleSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type DialogTitleProps = {
+    /** Variant */
+    variant: DialogListItemVariant;
+    /** Size */
+    size?: DialogTitleSize;
+    /** Variant */
+    seen?: boolean;
+    /** Display an icon next to title */
+    icon?: IconName;
+    /** Dialog title */
+    children?: ReactNode;
+};
+/**
+ * Dialog title
+ */
+export declare const DialogTitle: ({ size, seen, variant, icon, children }: DialogTitleProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Dialog/DialogTouchedBy.d.ts

@@ -0,0 +1,10 @@
+import { AvatarSize } from '../Avatar';
+export interface DialogTouchedByActor {
+    name: string;
+}
+export interface DialogTouchedByProps {
+    size?: AvatarSize;
+    touchedBy?: DialogTouchedByActor[];
+    className?: string;
+}
+export declare const DialogTouchedBy: ({ size, touchedBy, className }: DialogTouchedByProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Dropdown/Backdrop.d.ts

@@ -0,0 +1,6 @@
+import { MouseEventHandler } from 'react';
+export interface BackdropProps {
+    className?: string;
+    onClick?: MouseEventHandler;
+}
+export declare const Backdrop: ({ className, onClick }: BackdropProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Dropdown/DrawerBase.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export type DrawerPlacement = 'inline' | 'bottom';
+export interface DrawerBaseProps {
+    placement?: DrawerPlacement;
+    expanded?: boolean;
+    className?: string;
+    children?: ReactNode;
+}
+export declare const DrawerBase: ({ placement, expanded, className, children }: DrawerBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Dropdown/DrawerBody.d.ts

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

package/dist/components/Dropdown/DrawerButton.d.ts

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

package/dist/components/Dropdown/DrawerFooter.d.ts

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

package/dist/components/Dropdown/DrawerHeader.d.ts

@@ -0,0 +1,7 @@
+import { MouseEventHandler } from 'react';
+export interface DrawerHeaderProps {
+    className?: string;
+    title?: string;
+    onClose?: MouseEventHandler;
+}
+export declare const DrawerHeader: ({ className, title, onClose }: DrawerHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Dropdown/DrawerOrDropdown.d.ts

@@ -0,0 +1,10 @@
+import { MouseEventHandler, ReactNode } from 'react';
+import { DrawerButtonProps } from '../';
+export interface DrawerOrDropdownProps {
+    title: string;
+    children: ReactNode;
+    expanded?: boolean;
+    onClose?: MouseEventHandler;
+    button?: DrawerButtonProps;
+}
+export declare const DrawerOrDropdown: ({ expanded, title, onClose, button, children }: DrawerOrDropdownProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Dropdown/DropdownBase.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export type DropdownPlacement = 'left' | 'right';
+export interface DropdownBaseProps {
+    placement?: DropdownPlacement;
+    padding?: boolean;
+    expanded?: boolean;
+    className?: string;
+    children?: ReactNode;
+}
+export declare const DropdownBase: ({ placement, padding, expanded, className, children, }: DropdownBaseProps) => import("react/jsx-runtime").JSX.Element;

package/{lib/components/Dropdown/index.ts → dist/components/Dropdown/index.d.ts}

@@ -1,6 +1,5 @@
 export * from './DropdownBase';
 export * from './Backdrop';
-
 export * from './DrawerBase';
 export * from './DrawerHeader';
 export * from './DrawerFooter';

package/dist/components/Footer/Footer.d.ts

@@ -0,0 +1,6 @@
+import { FooterMenuProps } from './FooterMenu';
+export interface FooterProps {
+    address: string;
+    menu: FooterMenuProps;
+}
+export declare const Footer: ({ address, menu }: FooterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Footer/FooterAddress.d.ts

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

package/dist/components/Footer/FooterBase.d.ts

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

package/dist/components/Footer/FooterLogo.d.ts

@@ -0,0 +1,5 @@
+export interface FooterLogoProps {
+    className?: string;
+    title?: string;
+}
+export declare const FooterLogo: ({ className, title }: FooterLogoProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Footer/FooterMenu.d.ts

@@ -0,0 +1,14 @@
+import { ElementType } from 'react';
+export interface FooterMenuProps {
+    className?: string;
+    items: FooterLinkProps[];
+}
+export interface FooterLinkProps {
+    id: string;
+    as?: ElementType;
+    href?: string;
+    title?: string;
+    className?: string;
+}
+export declare const FooterLink: ({ as, className, title, ...rest }: FooterLinkProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FooterMenu: ({ className, items }: FooterMenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/GlobalMenu/AccountButton.d.ts

@@ -0,0 +1,14 @@
+export type Account = {
+    id: string;
+    type: 'person' | 'company';
+    name: string;
+    description?: string;
+};
+export type AccountButtonProps = {
+    account: Account;
+    description?: string;
+    linkText?: string;
+    onClick?: () => void;
+    multipleAccounts?: boolean;
+};
+export declare const AccountButton: ({ account, linkText, onClick, multipleAccounts }: AccountButtonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,20 @@
+import { MenuItemGroups, MenuSearchProps } from '../Menu';
+export interface AccountSearch extends MenuSearchProps {
+    getResultsLabel?: (hits: number) => string;
+    hidden?: boolean;
+}
+export interface AccountMenuItem {
+    type: 'person' | 'company';
+    name: string;
+    id: string;
+    groupId?: string;
+    selected?: boolean;
+}
+export interface AccountMenuProps {
+    accounts?: AccountMenuItem[];
+    accountGroups?: MenuItemGroups;
+    accountSearch?: AccountSearch;
+    currentAccount?: AccountMenuItem;
+    onSelectAccount?: (id: string) => void;
+}
+export declare const AccountMenu: ({ accounts, accountGroups, accountSearch, onSelectAccount, currentAccount, }: AccountMenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/GlobalMenu/BackButton.d.ts

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

package/dist/components/GlobalMenu/GlobalMenu.d.ts

@@ -0,0 +1,16 @@
+import { MenuItemGroups, MenuItemProps } from '../Menu';
+import { Account } from './AccountButton';
+import { AccountMenuProps } from './AccountMenu';
+import { LogoutButtonProps } from './LogoutButton';
+export interface GlobalMenuProps extends AccountMenuProps {
+    items: MenuItemProps[];
+    groups?: MenuItemGroups;
+    menuLabel?: string;
+    backLabel?: string;
+    logoutButton?: LogoutButtonProps;
+    changeLabel?: string;
+    className?: string;
+    currentAccount?: Account;
+    changeCurrentAccount?: (id: string) => void;
+}
+export declare const GlobalMenu: ({ accounts, accountGroups, accountSearch, items, groups, changeLabel, backLabel, currentAccount, changeCurrentAccount, logoutButton, }: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/GlobalMenu/GlobalMenuBase.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export interface GlobalMenuBaseProps {
+    children: ReactNode;
+}
+export declare const GlobalMenuBase: ({ children }: GlobalMenuBaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GlobalMenuHeader: ({ children }: GlobalMenuBaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GlobalMenuFooter: ({ children }: GlobalMenuBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/GlobalMenu/LogoutButton.d.ts

@@ -0,0 +1,7 @@
+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/components/Header/DigdirLogomark.d.ts

@@ -0,0 +1,5 @@
+export interface SymbolProps {
+    className?: string;
+    title?: string;
+}
+export declare const DigdirLogomark: ({ className, title }: SymbolProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,9 @@
+import { GlobalMenuProps } from '../GlobalMenu';
+import { Account } from '../GlobalMenu/AccountButton.tsx';
+import { SearchbarProps } from '../Searchbar';
+export interface HeaderProps {
+    menu: GlobalMenuProps;
+    search?: SearchbarProps;
+    currentAccount?: Account;
+}
+export declare const Header: ({ search, menu, currentAccount }: HeaderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,9 @@
+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/components/Header/HeaderButton.d.ts

@@ -0,0 +1,15 @@
+import { ElementType } from 'react';
+import { AvatarProps, AvatarGroupProps } from '../Avatar';
+import { ButtonProps } from '../Button';
+import { IconName } from '../Icon';
+export interface HeaderButtonProps extends ButtonProps {
+    label?: string;
+    avatar?: AvatarProps;
+    avatarGroup?: AvatarGroupProps;
+    as?: ElementType;
+    className?: string;
+    expanded?: boolean;
+    icon?: IconName;
+    tabIndex?: number;
+}
+export declare const HeaderButton: ({ className, as, avatar, avatarGroup, icon, expanded, label, ...buttonProps }: HeaderButtonProps) => import("react/jsx-runtime").JSX.Element;

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

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

package/dist/components/Header/HeaderMenu.d.ts

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

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

@@ -0,0 +1,7 @@
+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/components/History/HistoryAttachments.d.ts

@@ -0,0 +1,6 @@
+import { AttachmentLinkProps } from '../Attachment';
+export interface HistoryAttachmentsProps {
+    title?: string;
+    items?: AttachmentLinkProps[];
+}
+export declare const HistoryAttachments: ({ title, items }: HistoryAttachmentsProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/History/HistoryBorder.d.ts

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

package/dist/components/History/HistoryItem.d.ts

@@ -0,0 +1,14 @@
+import { HistoryAttachmentsProps } from './HistoryAttachments';
+export interface CreatedByProps {
+    type?: 'company' | 'person';
+    name?: string;
+    imageUrl?: string;
+}
+export interface HistoryItemProps {
+    createdBy?: CreatedByProps;
+    createdAt?: string;
+    createdAtLabel?: string;
+    summary?: string;
+    attachments?: HistoryAttachmentsProps;
+}
+export declare const HistoryItem: ({ createdBy, createdAt, createdAtLabel, summary, attachments, }: HistoryItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/History/HistoryList.d.ts

@@ -0,0 +1,6 @@
+import { HistoryItemProps } from './HistoryItem';
+export interface HistoryProps {
+    items: HistoryItemProps[];
+    className?: string;
+}
+export declare const HistoryList: ({ items, className }: HistoryProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Icon/CheckboxCheckedIcon.d.ts

@@ -0,0 +1,8 @@
+export type CheckboxCheckedIconProps = {
+    title?: string;
+    className?: string;
+};
+/**
+ * Checkbox for lists and list items
+ */
+export declare const CheckboxCheckedIcon: ({ title, className }: CheckboxCheckedIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/CheckboxIcon.d.ts

@@ -0,0 +1,10 @@
+export type CheckboxIconProps = {
+    checked: boolean;
+    hover?: boolean;
+    title?: string;
+    className?: string;
+};
+/**
+ * Checkbox for lists and list items
+ */
+export declare const CheckboxIcon: ({ checked, title, hover, className }: CheckboxIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/CheckboxUncheckedIcon.d.ts

@@ -0,0 +1,9 @@
+export type CheckboxUncheckedIconProps = {
+    title?: string;
+    className?: string;
+    hover?: boolean;
+};
+/**
+ * Checkbox for lists and list items
+ */
+export declare const CheckboxUncheckedIcon: ({ title, className, hover }: CheckboxUncheckedIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/Icon.d.ts

@@ -0,0 +1,9 @@
+import { IconName } from './';
+export type IconVariant = 'solid' | 'outline';
+interface IconProps {
+    name: IconName;
+    variant?: IconVariant;
+    className?: string;
+}
+export declare const Icon: ({ name, variant, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Icon/ProgressIcon.d.ts

@@ -0,0 +1,6 @@
+export interface ProgressIconProps {
+    value?: number;
+    total?: number;
+    className?: string;
+}
+export declare const ProgressIcon: ({ value, total, className }: ProgressIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/RadioCheckedIcon.d.ts

@@ -0,0 +1,8 @@
+export type RadioCheckedIconProps = {
+    title?: string;
+    className?: string;
+};
+/**
+ * Radio for lists and list items
+ */
+export declare const RadioCheckedIcon: ({ title, className }: RadioCheckedIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/RadioIcon.d.ts

@@ -0,0 +1,10 @@
+export type RadioIconProps = {
+    checked: boolean;
+    hover?: boolean;
+    title?: string;
+    className?: string;
+};
+/**
+ * Radio for lists and list items
+ */
+export declare const RadioIcon: ({ checked, title, hover, className }: RadioIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/RadioUncheckedIcon.d.ts

@@ -0,0 +1,9 @@
+export type RadioUncheckedIconProps = {
+    title?: string;
+    className?: string;
+    hover?: boolean;
+};
+/**
+ * Radio for lists and list items
+ */
+export declare const RadioUncheckedIcon: ({ title, className, hover }: RadioUncheckedIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/SvgIcon.d.ts

@@ -0,0 +1,9 @@
+import { SVGAttributes, default as React } from 'react';
+export type IconComponentProps = {
+    svgIconComponent: React.ReactNode;
+};
+export type SvgIconProps = IconComponentProps & SVGAttributes<SVGElement>;
+export declare const SvgIcon: {
+    ({ svgIconComponent, ...rest }: SvgIconProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+    displayName: string;
+};