@altinn/altinn-components 0.44.4 → 0.45.0

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

@@ -1,7 +1,10 @@
 import { LayoutProps } from '../';
+interface LayoutStoryArgs extends LayoutProps {
+    forceOpenFullScreen?: boolean | undefined;
+}
 declare const meta: {
     title: string;
-    component: ({ color, theme, header, footer, sidebar, content, children, skipLink, }: LayoutProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ color, theme, header, footer, sidebar, content, children, skipLink, useGlobalHeader, }: LayoutProps) => import("react/jsx-runtime").JSX.Element;
     parameters: {
         layout: string;
     };
@@ -19,10 +22,31 @@ declare const meta: {
             menu: import('..').MenuProps;
         };
         children: import("react/jsx-runtime").JSX.Element;
+        useGlobalHeader: true;
+        color: "company";
+        forceOpenFullScreen: undefined;
+    };
+    argTypes: {
+        useGlobalHeader: {
+            control: {
+                type: "boolean";
+            };
+        };
+        color: {
+            control: "select";
+            options: string[];
+        };
+        forceOpenFullScreen: {
+            control: "select";
+            options: (boolean | undefined)[];
+        };
     };
 };
 export default meta;
-export declare const Preview: (args: LayoutProps) => import("react/jsx-runtime").JSX.Element;
-export declare const StickySidebar: (args: LayoutProps) => import("react/jsx-runtime").JSX.Element;
-export declare const HiddenSidebar: (args: LayoutProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Fullscreen: (args: LayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Preview: (args: LayoutStoryArgs) => import("react/jsx-runtime").JSX.Element;
+export declare const UsingUseAccountHook: (args: LayoutStoryArgs) => import("react/jsx-runtime").JSX.Element;
+export declare const LogInView: (args: LayoutStoryArgs) => import("react/jsx-runtime").JSX.Element;
+export declare const WithEnglishLanguage: (args: LayoutStoryArgs) => import("react/jsx-runtime").JSX.Element;
+export declare const StickySidebar: (args: LayoutStoryArgs) => import("react/jsx-runtime").JSX.Element;
+export declare const HiddenSidebar: (args: LayoutStoryArgs) => import("react/jsx-runtime").JSX.Element;
+export declare const Fullscreen: (args: LayoutStoryArgs) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Notifications/NotificationItem.d.ts

@@ -0,0 +1,7 @@
+import { NotificationItemBaseProps } from '..';
+export interface NotificationItemProps extends NotificationItemBaseProps {
+    id: string;
+    title?: string;
+    description?: string;
+}
+export declare const NotificationItem: ({ loading, id, icon, title, description, ...props }: NotificationItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Notifications/NotificationItemBase.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { ListItemBaseProps, ListItemLabelProps, ListItemLinkProps, NotificationItemIconProps, NotificationItemControlsProps } from '..';
+export type NotificationItemVariant = 'default' | 'tinted';
+export interface NotificationItemBaseProps extends ListItemBaseProps, ListItemLinkProps, ListItemLabelProps, NotificationItemControlsProps {
+    id?: string;
+    groupId?: string;
+    icon?: NotificationItemIconProps['icon'];
+    iconBadge?: NotificationItemIconProps['badge'];
+    label?: ListItemLabelProps['children'];
+    title?: ListItemLabelProps['title'];
+    description?: ListItemLabelProps['description'];
+    variant?: NotificationItemVariant;
+    controls?: ReactNode;
+}
+export declare const NotificationItemBase: ({ as, href, ref, disabled, loading, onClick, onKeyPress, tabIndex, color, variant, icon, iconBadge, label, title, description, highlightWords, dismissable, dismissLabel, onDismiss, contextMenu, ...props }: NotificationItemBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Notifications/NotificationItemControls.d.ts

@@ -0,0 +1,10 @@
+import { ContextMenuProps } from '..';
+export interface NotificationItemControlsProps {
+    className?: string;
+    loading?: boolean;
+    dismissable?: boolean;
+    dismissLabel?: string;
+    onDismiss?: () => void;
+    contextMenu?: ContextMenuProps;
+}
+export declare const NotificationItemControls: ({ className, loading, dismissable, dismissLabel, onDismiss, contextMenu, }: NotificationItemControlsProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/types/lib/components/Notifications/NotificationItemIcon.d.ts

@@ -0,0 +1,11 @@
+import { AvatarGroupProps, AvatarProps, BadgeProps, IconProps, SvgElement } from '..';
+export interface NotificationItemBadgeProps {
+    color?: BadgeProps['color'];
+    label: BadgeProps['label'];
+}
+export interface NotificationItemIconProps {
+    loading?: boolean;
+    icon?: IconProps | SvgElement | AvatarProps | AvatarGroupProps;
+    badge?: NotificationItemBadgeProps | undefined;
+}
+export declare const NotificationItemIcon: ({ loading, icon, badge }: NotificationItemIconProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,10 @@
+declare const meta: {
+    title: string;
+    component: ({ loading, id, icon, title, description, ...props }: import('./NotificationItem').NotificationItemProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+export declare const InboxNotification: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,4 @@
+export * from './NotificationItem';
+export * from './NotificationItemBase';
+export * from './NotificationItemControls';
+export * from './NotificationItemIcon';

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

@@ -1,24 +1,29 @@
 import { ReactNode } from 'react';
-type OpenElementId = 'search' | 'menu' | string;
+import { LanguageCode } from '../../types';
+type OpenElementId = 'search' | 'menu' | 'account' | 'fullscreenAccount' | string;
 interface RootContextProvider {
     currentId: OpenElementId;
     previousId: OpenElementId;
     toggleId: (elementId: OpenElementId) => void;
     closeAll: () => void;
     openId: (elementId: OpenElementId) => void;
+    languageCode?: LanguageCode;
 }
 interface RootContextInitialValue {
     currentId: OpenElementId;
     previousId: OpenElementId;
-    setCurrentId?: (elementId: OpenElementId) => void;
-    setPreviousId?: (elementId: OpenElementId) => void;
+    setCurrentId: (elementId: OpenElementId) => void;
+    setPreviousId: (elementId: OpenElementId) => void;
     debug?: boolean;
+    languageCode?: LanguageCode;
 }
 interface ProviderProps {
     children: ReactNode;
     initialValue?: RootContextInitialValue;
     debug?: boolean;
+    /** Specify the language to be used for common texts */
+    languageCode?: LanguageCode;
 }
-export declare const RootProvider: ({ children, initialValue, debug }: ProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RootProvider: ({ children, initialValue, debug, languageCode }: ProviderProps) => import("react/jsx-runtime").JSX.Element;
 export declare const useRootContext: () => RootContextProvider;
 export {};

package/dist/types/lib/components/Settings/SettingsItem.d.ts

@@ -1,6 +1,6 @@
 import { InputProps, SettingsItemBaseProps, SettingsModalProps } from '..';
 import { ReactNode } from 'react';
-export type SettingsItemVariant = 'default' | 'modal' | 'switch';
+export type SettingsItemVariant = 'default' | 'link' | 'modal' | 'switch';
 export interface SettingsItemModalProps {
     icon?: SettingsModalProps['icon'];
     title?: SettingsModalProps['title'];

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

@@ -13,7 +13,7 @@ export * from './Dialog';
 export * from './Divider';
 export * from './Dropdown';
 export * from './Footer';
-export * from './GlobalMenu';
+export * from './GlobalMenu_old';
 export * from './Header';
 export * from './Icon';
 export * from './Layout';
@@ -21,6 +21,7 @@ export * from './LayoutAction';
 export * from './List';
 export * from './Menu';
 export * from './Metadata';
+export * from './Notifications';
 export * from './RootProvider';
 export * from './Search';
 export * from './Searchbar';

package/dist/types/lib/functions/date/date.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Formats a date string in ISO format (YYYY-MM-DD) to Norwegian standard format (DD.MM.YYYY)
+ * @param dateString - Date string in YYYY-MM-DD format
+ * @returns Formatted date string in standard Norwegian format
+ */
+export declare function formatDate(dateString: string | undefined): string | undefined;

package/dist/types/lib/functions/date/date.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/lib/functions/date/index.d.ts

@@ -0,0 +1 @@
+export * from './date';

package/dist/types/lib/functions/index.d.ts

@@ -1 +1,2 @@
 export * from './name';
+export * from './date';

package/dist/types/lib/hooks/index.d.ts

@@ -1,3 +1,4 @@
 export * from './useClickOutside';
 export * from './useEscapeKey';
 export * from './useMenu';
+export * from './useAccountSelector';

package/dist/types/lib/hooks/useAccountSelector.d.ts

@@ -0,0 +1,62 @@
+import { AccountSelectorProps } from '../components/GlobalHeader/AccountSelector';
+/** The DTO for the authorized party endpoint */
+export interface AuthorizedParty {
+    /** Unique identifier for the party */
+    partyUuid: string;
+    /** Display name of the party */
+    name: string;
+    /** Organization number (for organizations only) */
+    organizationNumber?: string;
+    /** Date of birth in ISO format (for persons only) */
+    dateOfBirth?: string;
+    /** Legacy party identifier (deprecated) */
+    partyId: string;
+    /** Type of party - 'Person' or 'Organization' */
+    type?: string;
+    /** Specific unit type for organizations */
+    unitType?: string;
+    /** Whether the party has been deleted */
+    isDeleted: boolean;
+    /** Whether the user only has access to child-/subunits */
+    onlyHierarchyElementWithNoAccess: boolean;
+    /** List of authorized resource identifiers */
+    authorizedResources: string[];
+    /** List of authorized role identifiers */
+    authorizedRoles: string[];
+    /** Child subunits (for parent organizations) */
+    subunits?: AuthorizedParty[];
+}
+/**
+ * Configuration props for the useAccountSelector hook.
+ */
+export interface useAccountSelectorProps {
+    /** UUID of the user's own personal account */
+    selfAccountUuid?: string;
+    /** Array of authorized parties that the user can act on behalf of */
+    partyListDTO?: AuthorizedParty[];
+    /** Array of parties (defined by their partyUUIDs) marked as favorites by the user */
+    favoriteAccountUuids?: string[];
+    /** UUID of the currently selected account */
+    currentAccountUuid?: string;
+    /** Whether account data is currently being loaded */
+    isLoading?: boolean;
+    /** Whether to use virtualization for large account lists */
+    isVirtualized?: boolean;
+    /** Callback triggered when a user selects an account */
+    onSelectAccount?: (accountId: string) => void;
+    /** Callback triggered when a user toggles an account's favorite status */
+    onToggleFavorite?: (accountId: string) => void;
+    /** Language code for localization ('nn', 'en', or 'nb'/default) */
+    languageCode?: string;
+}
+/**
+ * React hook that processes authorized party data and transforms it into
+ * a structured format suitable for the AccountSelector component.
+ *
+ * Handles account organization into groups (self, favorites, people, organizations),
+ * favorites management, localization, and hierarchical organization structures.
+ *
+ * @param props - Configuration object for the hook
+ * @returns AccountSelectorProps object with organized account data and handlers.
+ */
+export declare const useAccountSelector: ({ partyListDTO, favoriteAccountUuids, currentAccountUuid, selfAccountUuid, isLoading, onSelectAccount, isVirtualized, onToggleFavorite, languageCode, }: useAccountSelectorProps) => AccountSelectorProps;

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

@@ -2,3 +2,4 @@ export * from './color';
 export * from './shadow';
 export * from './range';
 export * from './size';
+export * from './languageCode';

package/dist/types/lib/types/languageCode.d.ts

@@ -0,0 +1 @@
+export type LanguageCode = 'nb' | 'nn' | 'en';