@altinn/altinn-components 0.41.1 → 0.41.3

package/dist/types/lib/components/Account/AccountList.stories.d.ts

@@ -31,9 +31,7 @@ interface AccountDetailsProps extends AccountListItemProps {
     onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
     onModal?: (id: string, type: string) => void;
 }
-export declare const AccountToolbar: ({ id, type, isCurrentEndUser, favourite, onToggleFavourite }: AccountDetailsProps) => import("react/jsx-runtime").JSX.Element;
-export declare const NotificationSettings: ({ smsAlerts, emailAlerts, email, phone, onClick, }: AccountDetailsProps) => import("react/jsx-runtime").JSX.Element;
 export declare const CompanyDetails: ({ id, parentId, uniqueId, title, description, icon, onChange, onModal, ...props }: AccountDetailsProps) => import("react/jsx-runtime").JSX.Element;
-export declare const PersonDetails: ({ id, uniqueId, isCurrentEndUser, address, ...props }: AccountDetailsProps) => import("react/jsx-runtime").JSX.Element;
-export declare const UserDetails: ({ id, uniqueId, phone, address, email, onModal, ...props }: AccountDetailsProps) => import("react/jsx-runtime").JSX.Element;
-export declare const GroupDetails: ({ id, accountIds }: AccountDetailsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PersonDetails: ({ id, uniqueId, isCurrentEndUser, address, onModal, ...props }: AccountDetailsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const UserDetails: ({ id, phone, address, email, onModal, }: AccountDetailsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GroupDetails: ({ accountIds }: AccountDetailsProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -16,4 +16,4 @@ export interface AccountListItemProps extends ListItemProps, AccountListItemCont
     contextMenu?: ContextMenuProps;
     label?: string;
 }
-export declare const AccountListItem: ({ id, type, size, expanded, icon, title, description, isCurrentEndUser, isDeleted, badge, favourite, favouriteLabel, onToggleFavourite, contextMenu, children, interactive, loading, ...item }: AccountListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AccountListItem: ({ id, type, size, expanded, icon, name, title, description, isCurrentEndUser, isDeleted, badge, favourite, favouriteLabel, onToggleFavourite, contextMenu, children, interactive, loading, ...item }: AccountListItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Account/AccountListItem.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react-vite';
 import { AccountListItemProps } from '..';
 declare const meta: {
     title: string;
-    component: ({ id, type, size, expanded, icon, title, description, isCurrentEndUser, isDeleted, badge, favourite, favouriteLabel, onToggleFavourite, contextMenu, children, interactive, loading, ...item }: AccountListItemProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ id, type, size, expanded, icon, name, title, description, isCurrentEndUser, isDeleted, badge, favourite, favouriteLabel, onToggleFavourite, contextMenu, children, interactive, loading, ...item }: AccountListItemProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {

package/dist/types/lib/components/Account/AccountListItemDetails.d.ts

@@ -0,0 +1,10 @@
+import { AccountOrganizationProps, ButtonProps, SectionProps, SettingsItemProps } from '..';
+export interface AccountListItemDetailsProps {
+    color?: SectionProps['color'];
+    loading?: boolean;
+    loadingText?: string;
+    buttons?: ButtonProps[];
+    settings?: SettingsItemProps[];
+    organization?: AccountOrganizationProps['items'];
+}
+export declare const AccountListItemDetails: ({ color, loading, loadingText, buttons, settings, organization, }: AccountListItemDetailsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Account/AccountListItemDetails.stories.d.ts

@@ -0,0 +1,19 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ color, loading, loadingText, buttons, settings, organization, }: import('./AccountListItemDetails').AccountListItemDetailsProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        buttons: {
+            label: string;
+            variant: "outline";
+        }[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const UserSettings: Story;
+export declare const PersonSettings: Story;
+export declare const CompanySettings: Story;
+export declare const OrganizationSettings: Story;

package/dist/types/lib/components/Account/AccountOrganization.d.ts

@@ -0,0 +1,16 @@
+import { ElementType } from 'react';
+import { BylineProps } from '..';
+export interface AccountOrganizationItemProps {
+    avatar?: BylineProps['avatar'];
+    title?: string;
+    description?: string;
+    selected?: boolean;
+    items?: AccountOrganizationItemProps[];
+    as?: ElementType;
+    href?: string;
+}
+export interface AccountOrganizationProps {
+    items: AccountOrganizationItemProps[];
+    level?: number;
+}
+export declare const AccountOrganization: ({ items, level }: AccountOrganizationProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Account/AccountOrganization.stories.d.ts

@@ -0,0 +1,32 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ items, level }: import('./AccountOrganization').AccountOrganizationProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    args: {
+        items: {
+            title: string;
+            description: string;
+            avatar: {
+                type: "company";
+                name: string;
+            };
+            selected: true;
+            items: {
+                title: string;
+                description: string;
+                avatar: {
+                    type: "company";
+                    name: string;
+                    variant: "outline";
+                };
+            }[];
+        }[];
+    };
+    parameters: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Subunit: Story;
+export declare const Group: Story;

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

@@ -1,4 +1,7 @@
 export * from './AccountMenu';
 export * from './AccountListItem';
+export * from './AccountListItemDetails';
 export * from './AccountList';
 export * from './AccountNotificationSettings';
+export * from './AccountNotificationSettings';
+export * from './AccountOrganization';

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

@@ -14,3 +14,4 @@ export declare const NonStickyHeader: (args: ModalBaseProps) => import("react/js
 export declare const Full: Story;
 export declare const CompanyModal: (args: ModalBaseProps) => import("react/jsx-runtime").JSX.Element;
 export declare const SettingsModal: (args: ModalBaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ExternalModal: (args: ModalBaseProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+import { SettingsModalProps, TextareaFieldProps } from '../';
+export interface AddressSettingsModalProps extends SettingsModalProps {
+    valueField?: TextareaFieldProps;
+}
+export declare const AddressSettingsModal: ({ title, icon, valueField, open, onClose, }: AddressSettingsModalProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -46,10 +46,8 @@ declare const meta: {
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
-export declare const Title: Story;
-export declare const TitleDescription: Story;
-export declare const TitleValue: Story;
-export declare const CustomLabel: Story;
+export declare const Default: Story;
+export declare const Value: Story;
 export declare const Company: Story;
 export declare const Person: Story;
 export declare const SavedSearch: Story;

package/dist/types/lib/components/Settings/SettingsModal.stories.d.ts

@@ -0,0 +1,51 @@
+import { ChangeEvent } from 'react';
+import { AccountListItemProps, SettingsModalProps, UsedByLogProps } from '..';
+declare const meta: {
+    title: string;
+    component: ({ icon, title, description, open, onClose, children, ...args }: SettingsModalProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        open: true;
+        onClose: () => void;
+    };
+};
+export default meta;
+interface ContactProfileModalProps extends SettingsModalProps {
+    type?: 'email' | 'phone' | 'address';
+    value?: string;
+    readOnly?: boolean;
+    usedByItems?: UsedByLogProps['items'];
+}
+export declare const ContactProfileModal: ({ icon, title, type, value, readOnly, usedByItems, ...args }: ContactProfileModalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PhoneSettingsModal: ({ usedByItems, ...args }: ContactProfileModalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EmailSettingsModal: ({ usedByItems, ...args }: ContactProfileModalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AddressSettingsModal: (args: SettingsModalProps) => import("react/jsx-runtime").JSX.Element;
+export interface AccountAlertsModalProps extends SettingsModalProps {
+    phone?: string;
+    phoneLabel?: string;
+    email?: string;
+    emailLabel?: string;
+    smsAlerts?: boolean;
+    emailAlerts?: boolean;
+    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const AccountAlertsModal: ({ open, onClose, icon, title, description, phone, phoneLabel, email, emailLabel, smsAlerts, emailAlerts, onChange, }: AccountAlertsModalProps) => import("react/jsx-runtime").JSX.Element;
+interface AccountGroupsModalProps extends SettingsModalProps {
+    items?: AccountListItemProps[];
+}
+export declare const AccountGroupsModal: ({ open, onClose, icon, title, description, items, }: AccountGroupsModalProps) => import("react/jsx-runtime").JSX.Element;
+interface CompanyAlertsModalProps extends SettingsModalProps {
+    type?: 'email' | 'phone';
+    value?: string;
+    readOnly?: boolean;
+}
+export declare const CompanyAlertsModal: ({ type, title, icon, value, open, onClose, }: CompanyAlertsModalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CompanyEmailModal: (args: CompanyAlertsModalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CompanyPhoneModal: (args: CompanyAlertsModalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CompanyInfoModal: (args: SettingsModalProps) => import("react/jsx-runtime").JSX.Element;
+interface LocaleSettingsModal extends SettingsModalProps {
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    value?: string;
+}
+export declare const LocaleSettingsModal: ({ open, onClose, value, onChange }: LocaleSettingsModal) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,13 @@
+import { UsedByLogItemProps } from '..';
+export interface UsedByLogProps {
+    title?: string;
+    collapsible?: boolean;
+    expanded?: boolean;
+    items: UsedByLogItemProps[];
+    size?: 'sm' | 'md';
+    endUserLabel?: string;
+}
+/**
+ * SeenByLog
+ */
+export declare const UsedByLog: ({ collapsible, expanded, title, items, size, endUserLabel, }: UsedByLogProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,13 @@
+import { AvatarProps, BadgeProps } from '..';
+export interface UsedByLogItemProps extends AvatarProps {
+    id: string;
+    description?: string;
+    isEndUser?: boolean;
+    endUserLabel?: string;
+    badge?: BadgeProps;
+    size?: 'sm' | 'md';
+}
+/**
+ * SeenByLog item
+ */
+export declare const UsedByLogItem: ({ type, name, description, isEndUser, endUserLabel, size, }: UsedByLogItemProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -2,3 +2,5 @@ export * from './SettingsSection';
 export * from './SettingsItem';
 export * from './SettingsList';
 export * from './SettingsModal';
+export * from './UsedByLog';
+export * from './UsedByLogItem';

package/package.json

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

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

@@ -1,13 +0,0 @@
-declare const meta: {
-    title: string;
-    tags: string[];
-    parameters: {};
-    args: {};
-};
-export default meta;
-export declare const SettingsList: () => import("react/jsx-runtime").JSX.Element;
-export declare const CollapsibleList: () => import("react/jsx-runtime").JSX.Element;
-export declare const CompanySettings: () => import("react/jsx-runtime").JSX.Element;
-export declare const PersonSettings: () => import("react/jsx-runtime").JSX.Element;
-export declare const ContactSettings: () => import("react/jsx-runtime").JSX.Element;
-export declare const NotificationSettings: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,39 +0,0 @@
-import { ChangeEvent } from 'react';
-import { UseSettingsProps } from '../../../examples';
-import { SettingsModalProps, AccountListItemProps } from '../../components';
-declare const meta: {
-    title: string;
-    tags: string[];
-    parameters: {};
-    args: {};
-};
-export default meta;
-interface ContactProfileModalProps extends SettingsModalProps {
-    type?: string;
-    value?: string;
-    readOnly?: boolean;
-    items?: AccountListItemProps[];
-}
-interface SettingsValueModalProps extends SettingsModalProps {
-    value?: string;
-}
-export declare const CompanyInfoModal: ({ open, onClose, }: SettingsModalProps) => import("react/jsx-runtime").JSX.Element;
-export declare const CompanyEmailSettingsModal: ({ title, icon, value, open, onClose, }: SettingsValueModalProps) => import("react/jsx-runtime").JSX.Element;
-export declare const CompanyPhoneSettingsModal: ({ title, icon, value, open, onClose, }: SettingsValueModalProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ContactProfileModal: ({ title, icon, type, value, readOnly, items, open, onClose, }: ContactProfileModalProps) => import("react/jsx-runtime").JSX.Element;
-export declare const PhoneSettingsModal: ({ open, onClose, }: SettingsModalProps) => import("react/jsx-runtime").JSX.Element;
-export declare const EmailSettingsModal: ({ open, onClose, }: SettingsModalProps) => import("react/jsx-runtime").JSX.Element;
-export declare const AddressSettingsModal: ({ open, onClose, }: SettingsModalProps) => import("react/jsx-runtime").JSX.Element;
-export declare const AlertSettingsModal: ({ open, onClose, }: SettingsModalProps) => import("react/jsx-runtime").JSX.Element;
-interface LocaleSettingsModal extends SettingsModalProps {
-    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
-    value?: string;
-}
-export declare const LocaleSettingsModal: ({ open, onClose, value, onChange, }: LocaleSettingsModal) => import("react/jsx-runtime").JSX.Element;
-export declare const AllSettings: ({ query, groups, includeGroups, excludeGroups, }: UseSettingsProps) => import("react/jsx-runtime").JSX.Element;
-export declare const AlertSettings: () => import("react/jsx-runtime").JSX.Element;
-export declare const AccountSettings: () => import("react/jsx-runtime").JSX.Element;
-export declare const PersonSettings: () => import("react/jsx-runtime").JSX.Element;
-export declare const CompanySettings: () => import("react/jsx-runtime").JSX.Element;
-export declare const AdminSettings: () => import("react/jsx-runtime").JSX.Element;
-export declare const DashboardSettings: () => import("react/jsx-runtime").JSX.Element;