@altinn/altinn-components 0.61.1 → 0.61.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/HeaderLogo.css +1 -1
- package/dist/assets/ItemLink.css +1 -1
- package/dist/assets/LayoutBase.css +1 -1
- package/dist/assets/SettingsItemBase.css +1 -1
- package/dist/assets/SettingsSection.css +1 -1
- package/dist/assets/settlingsList.css +1 -0
- package/dist/components/Bookmarks/BookmarkSettingsList.js +32 -38
- package/dist/components/Footer/FooterLogo.js +1 -1
- package/dist/components/GlobalHeader/HeaderLogo.js +1 -1
- package/dist/components/GlobalMenu/GlobalMenu.js +57 -40
- package/dist/components/Item/ItemLink.js +26 -26
- package/dist/components/Layout/Layout.js +27 -29
- package/dist/components/Layout/LayoutBase.js +3 -3
- package/dist/components/Logo/index.js +4 -0
- package/dist/components/Settings/SettingsItem.js +59 -36
- package/dist/components/Settings/SettingsItemBase.js +72 -61
- package/dist/components/Settings/SettingsList.js +28 -25
- package/dist/components/Settings/SettingsSection.js +5 -5
- package/dist/components/index.js +355 -377
- package/dist/index.js +365 -387
- package/dist/settlingsList.module-So3_AYgj.js +8 -0
- package/dist/types/lib/components/Account/Account.stories.d.ts +0 -3
- package/dist/types/lib/components/Account/AccountList.stories.d.ts +14 -6
- package/dist/types/lib/components/ActivityLog/ActivityLog.stories.d.ts +4 -1
- package/dist/types/lib/components/Dialog/DialogLayout.d.ts +7 -2
- package/dist/types/lib/components/GlobalHeader/GlobalHeader.stories.d.ts +5 -4
- package/dist/types/lib/components/GlobalMenu/GlobalMenu.stories.d.ts +9 -12
- package/dist/types/lib/components/Item/ItemBase.d.ts +4 -4
- package/dist/types/lib/components/Layout/Layout.d.ts +2 -4
- package/dist/types/lib/components/Layout/Layout.stories.d.ts +2 -8
- package/dist/types/lib/components/Layout/LayoutBase.d.ts +1 -1
- package/dist/types/lib/components/Logo/index.d.ts +1 -0
- package/dist/types/lib/components/Page/PageNav.d.ts +5 -2
- package/dist/types/lib/components/Settings/SettingsItem.d.ts +2 -2
- package/dist/types/lib/components/Settings/SettingsItem.stories.d.ts +65 -0
- package/dist/types/lib/components/Settings/SettingsItemBase.d.ts +5 -1
- package/dist/types/lib/components/Settings/SettingsList.d.ts +2 -1
- package/dist/types/lib/components/Settings/VerifySettingsModal.stories.d.ts +2 -0
- package/dist/types/lib/components/index.d.ts +2 -2
- package/dist/types/lib/stories/Inbox.stories.d.ts +0 -4
- package/dist/types/lib/stories/Profile.stories.d.ts +1 -1
- package/package.json +1 -1
- package/dist/Globe-BcPkcH4E.js +0 -24
- package/dist/PadlockLocked-XL1IB5Ae.js +0 -24
- package/dist/assets/EndUserLabel.css +0 -1
- package/dist/assets/GlobalMenuButton2.css +0 -1
- package/dist/assets/Header.css +0 -1
- package/dist/assets/HeaderBase.css +0 -1
- package/dist/assets/HeaderButton.css +0 -1
- package/dist/assets/HeaderGroup.css +0 -1
- package/dist/assets/HeaderLogo2.css +0 -1
- package/dist/assets/HeaderSearch.css +0 -1
- package/dist/assets/LocaleButton.css +0 -1
- package/dist/components/GlobalMenu_old/BackButton.js +0 -13
- package/dist/components/GlobalMenu_old/CurrentAccount.js +0 -24
- package/dist/components/GlobalMenu_old/EndUserLabel.js +0 -32
- package/dist/components/GlobalMenu_old/GlobalMenu.js +0 -81
- package/dist/components/GlobalMenu_old/GlobalMenuBase.js +0 -10
- package/dist/components/GlobalMenu_old/GlobalMenuButton.js +0 -58
- package/dist/components/GlobalMenu_old/LogoutButton.js +0 -14
- package/dist/components/GlobalMenu_old/index.js +0 -14
- package/dist/components/Header/Header.js +0 -101
- package/dist/components/Header/HeaderBase.js +0 -19
- package/dist/components/Header/HeaderButton.js +0 -51
- package/dist/components/Header/HeaderGroup.js +0 -8
- package/dist/components/Header/HeaderLogo.js +0 -17
- package/dist/components/Header/HeaderSearch.js +0 -12
- package/dist/components/Header/LocaleButton.js +0 -29
- package/dist/components/Header/LocaleSwitcher.js +0 -44
- package/dist/components/Header/index.js +0 -18
- package/dist/types/lib/components/GlobalMenu_old/BackButton.d.ts +0 -7
- package/dist/types/lib/components/GlobalMenu_old/CurrentAccount.d.ts +0 -16
- package/dist/types/lib/components/GlobalMenu_old/EndUserLabel.d.ts +0 -5
- package/dist/types/lib/components/GlobalMenu_old/GlobalMenu.d.ts +0 -18
- package/dist/types/lib/components/GlobalMenu_old/GlobalMenuBase.d.ts +0 -15
- package/dist/types/lib/components/GlobalMenu_old/GlobalMenuButton.d.ts +0 -13
- package/dist/types/lib/components/GlobalMenu_old/LogoutButton.d.ts +0 -7
- package/dist/types/lib/components/GlobalMenu_old/index.d.ts +0 -6
- package/dist/types/lib/components/Header/Header.d.ts +0 -18
- package/dist/types/lib/components/Header/Header.stories.d.ts +0 -29
- package/dist/types/lib/components/Header/HeaderBase.d.ts +0 -9
- package/dist/types/lib/components/Header/HeaderButton.d.ts +0 -11
- package/dist/types/lib/components/Header/HeaderButton.stories.d.ts +0 -17
- package/dist/types/lib/components/Header/HeaderGroup.d.ts +0 -7
- package/dist/types/lib/components/Header/HeaderLogo.d.ts +0 -11
- package/dist/types/lib/components/Header/HeaderSearch.d.ts +0 -7
- package/dist/types/lib/components/Header/LocaleButton.d.ts +0 -8
- package/dist/types/lib/components/Header/LocaleSwitcher.d.ts +0 -7
- package/dist/types/lib/components/Header/index.d.ts +0 -8
- package/dist/types/lib/stories/Beta/Beta.stories.d.ts +0 -15
- /package/dist/components/{Header → Logo}/DigdirLogomark.js +0 -0
- /package/dist/types/lib/components/{Header → Logo}/DigdirLogomark.d.ts +0 -0
|
@@ -8,6 +8,3 @@ export default meta;
|
|
|
8
8
|
export declare const CurrentAccount: () => import("react/jsx-runtime").JSX.Element;
|
|
9
9
|
export declare const CompanyAccount: () => import("react/jsx-runtime").JSX.Element;
|
|
10
10
|
export declare const Login: () => import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
export declare const DeprecatedCurrentAccount: () => import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
export declare const DeprecatedCompanyAccount: () => import("react/jsx-runtime").JSX.Element;
|
|
13
|
-
export declare const DeprecatedLogin: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ChangeEvent } from 'react';
|
|
2
|
-
import { AccountListItemProps, AccountListProps } from '..';
|
|
2
|
+
import { AccountListItemProps, AccountListProps, LayoutProps } from '..';
|
|
3
3
|
import { UseAccountsProps } from '../../../examples';
|
|
4
4
|
declare const meta: {
|
|
5
5
|
title: string;
|
|
@@ -13,18 +13,26 @@ declare const meta: {
|
|
|
13
13
|
export default meta;
|
|
14
14
|
export declare const Default: ({ includeGroups }: UseAccountsProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
15
|
export declare const Loading: () => import("react/jsx-runtime").JSX.Element;
|
|
16
|
-
interface
|
|
16
|
+
interface ControlledPageQuery {
|
|
17
|
+
q?: string;
|
|
18
|
+
}
|
|
19
|
+
interface ControlledPageProps {
|
|
20
|
+
layout?: LayoutProps;
|
|
21
|
+
title?: string;
|
|
17
22
|
includeGroups?: boolean;
|
|
18
23
|
contextMenu?: boolean;
|
|
19
24
|
collapsible?: boolean;
|
|
20
25
|
color?: 'neutral';
|
|
21
26
|
variant?: 'subtle' | 'tinted' | 'default';
|
|
22
27
|
virtualized?: boolean;
|
|
28
|
+
query?: ControlledPageQuery;
|
|
23
29
|
}
|
|
24
|
-
export declare const
|
|
25
|
-
export declare const
|
|
26
|
-
export declare const
|
|
27
|
-
export declare const
|
|
30
|
+
export declare const ControlledPage: ({ layout, title, includeGroups, collapsible, contextMenu, variant, virtualized, query, }: ControlledPageProps) => import("react/jsx-runtime").JSX.Element;
|
|
31
|
+
export declare const CollapsiblePage: () => import("react/jsx-runtime").JSX.Element;
|
|
32
|
+
export declare const AccountSelector: () => import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
export declare const AccountSettings: () => import("react/jsx-runtime").JSX.Element;
|
|
34
|
+
export declare const AccountUserSettings: () => import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
export declare const AccountCompanySettings: () => import("react/jsx-runtime").JSX.Element;
|
|
28
36
|
interface AccountDetailsProps extends AccountListItemProps {
|
|
29
37
|
smsAlerts?: boolean;
|
|
30
38
|
emailAlerts?: boolean;
|
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
declare const meta: {
|
|
2
2
|
title: string;
|
|
3
3
|
tags: string[];
|
|
4
|
-
parameters: {
|
|
4
|
+
parameters: {
|
|
5
|
+
layout: string;
|
|
6
|
+
};
|
|
5
7
|
args: {};
|
|
6
8
|
};
|
|
7
9
|
export default meta;
|
|
8
10
|
export declare const Default: () => import("react/jsx-runtime").JSX.Element;
|
|
9
11
|
export declare const Controlled: () => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export declare const ProfileActivityLog: () => import("react/jsx-runtime").JSX.Element;
|
|
10
13
|
export declare const ActivityLogModal: () => import("react/jsx-runtime").JSX.Element;
|
|
11
14
|
export declare const ActivityLogModalAdvanced: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,5 +1,10 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import {
|
|
1
|
+
import { ElementType, ReactNode } from 'react';
|
|
2
|
+
import { Color, ContextMenuProps, PageMenuProps } from '..';
|
|
3
|
+
export interface BackButtonProps {
|
|
4
|
+
label: string;
|
|
5
|
+
onClick?: () => void;
|
|
6
|
+
as?: ElementType;
|
|
7
|
+
}
|
|
3
8
|
export interface DialogLayoutProps {
|
|
4
9
|
/** Back button */
|
|
5
10
|
backButton?: BackButtonProps;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { AccountSelectorProps } from '../AccountSelector';
|
|
1
2
|
import { GlobalHeaderProps } from './';
|
|
2
3
|
declare const meta: {
|
|
3
4
|
title: string;
|
|
@@ -7,14 +8,14 @@ declare const meta: {
|
|
|
7
8
|
layout: string;
|
|
8
9
|
};
|
|
9
10
|
args: {
|
|
10
|
-
globalMenu: import('..').
|
|
11
|
+
globalMenu: import('..').GlobalMenuProps;
|
|
11
12
|
desktopMenu?: import('..').MenuProps;
|
|
12
13
|
mobileMenu?: import('..').MenuProps;
|
|
13
14
|
locale?: import('..').LocaleSwitcherProps;
|
|
14
|
-
|
|
15
|
-
currentAccount?: import('..').Account;
|
|
15
|
+
accountSelector?: AccountSelectorProps;
|
|
16
16
|
badge?: import('..').BadgeProps | undefined;
|
|
17
|
-
logo?: import('
|
|
17
|
+
logo?: import('./HeaderLogo').HeaderLogoProps;
|
|
18
|
+
onLoginClick?: () => void;
|
|
18
19
|
};
|
|
19
20
|
};
|
|
20
21
|
export default meta;
|
|
@@ -6,18 +6,15 @@ declare const meta: {
|
|
|
6
6
|
tags: string[];
|
|
7
7
|
parameters: {};
|
|
8
8
|
args: {
|
|
9
|
-
accountMenu
|
|
10
|
-
menu
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
onSelectAccount?: (id: string) => void;
|
|
19
|
-
onClose?: () => void;
|
|
20
|
-
ariaLabel?: string;
|
|
9
|
+
accountMenu: import('..').AccountMenuProps;
|
|
10
|
+
menu: import('..').MenuProps;
|
|
11
|
+
currentEndUserLabel: string;
|
|
12
|
+
menuLabel: string;
|
|
13
|
+
backLabel: string;
|
|
14
|
+
logoutButton: {
|
|
15
|
+
label: string;
|
|
16
|
+
};
|
|
17
|
+
changeLabel: string;
|
|
21
18
|
};
|
|
22
19
|
};
|
|
23
20
|
export default meta;
|
|
@@ -2,11 +2,11 @@ import { ComponentPropsWithRef, ElementType, ReactNode } from 'react';
|
|
|
2
2
|
import { Color } from '..';
|
|
3
3
|
export type ItemSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
4
4
|
export type ItemColor = Color;
|
|
5
|
-
export type ItemBaseProps
|
|
5
|
+
export type ItemBaseProps = {
|
|
6
6
|
/** The element type to render as. */
|
|
7
|
-
as?:
|
|
7
|
+
as?: ElementType;
|
|
8
8
|
/** Optional ref */
|
|
9
|
-
ref?: React.Ref<
|
|
9
|
+
ref?: React.Ref<ElementType>;
|
|
10
10
|
/** The tab index of the list item. */
|
|
11
11
|
tabIndex?: number;
|
|
12
12
|
/** The size of item. */
|
|
@@ -25,5 +25,5 @@ export type ItemBaseProps<T extends ElementType = 'li'> = {
|
|
|
25
25
|
children?: ReactNode;
|
|
26
26
|
/** Id of list item. */
|
|
27
27
|
id?: string;
|
|
28
|
-
} & Omit<ComponentPropsWithRef<
|
|
28
|
+
} & Omit<ComponentPropsWithRef<ElementType>, 'color' | 'size'>;
|
|
29
29
|
export declare const ItemBase: ({ id, ref, as, size, color, variant, hidden, disabled, className, children, ...rest }: ItemBaseProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -3,7 +3,6 @@ import { LayoutColor, LayoutSidebarProps, LayoutTheme } from '.';
|
|
|
3
3
|
import { BreadcrumbsProps } from '../Breadcrumbs';
|
|
4
4
|
import { FooterProps } from '../Footer';
|
|
5
5
|
import { GlobalHeaderProps } from '../GlobalHeader';
|
|
6
|
-
import { HeaderProps } from '../Header';
|
|
7
6
|
import { MenuProps } from '../Menu';
|
|
8
7
|
import { SkipLinkProps } from '../SkipLink';
|
|
9
8
|
interface SidebarProps extends LayoutSidebarProps {
|
|
@@ -16,14 +15,13 @@ interface ContentProps {
|
|
|
16
15
|
export interface LayoutProps {
|
|
17
16
|
color?: LayoutColor;
|
|
18
17
|
theme?: LayoutTheme;
|
|
19
|
-
header?:
|
|
18
|
+
header?: GlobalHeaderProps;
|
|
20
19
|
footer?: FooterProps;
|
|
21
20
|
sidebar?: SidebarProps;
|
|
22
21
|
content?: ContentProps;
|
|
23
22
|
children?: ReactNode;
|
|
24
23
|
skipLink?: SkipLinkProps;
|
|
25
|
-
useGlobalHeader?: boolean;
|
|
26
24
|
breadcrumbs?: BreadcrumbsProps;
|
|
27
25
|
}
|
|
28
|
-
export declare const Layout: ({ color, theme, header, footer, sidebar, content, children, skipLink, breadcrumbs,
|
|
26
|
+
export declare const Layout: ({ color, theme, header, footer, sidebar, content, children, skipLink, breadcrumbs, }: LayoutProps) => import("react/jsx-runtime").JSX.Element;
|
|
29
27
|
export {};
|
|
@@ -4,7 +4,7 @@ interface LayoutStoryArgs extends LayoutProps {
|
|
|
4
4
|
}
|
|
5
5
|
declare const meta: {
|
|
6
6
|
title: string;
|
|
7
|
-
component: ({ color, theme, header, footer, sidebar, content, children, skipLink, breadcrumbs,
|
|
7
|
+
component: ({ color, theme, header, footer, sidebar, content, children, skipLink, breadcrumbs, }: LayoutProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
parameters: {
|
|
9
9
|
layout: string;
|
|
10
10
|
};
|
|
@@ -16,22 +16,16 @@ declare const meta: {
|
|
|
16
16
|
size: import('..').Size;
|
|
17
17
|
children: string;
|
|
18
18
|
};
|
|
19
|
-
header: import('..').
|
|
19
|
+
header: import('..').GlobalHeaderProps;
|
|
20
20
|
footer: import('..').FooterProps;
|
|
21
21
|
sidebar: {
|
|
22
22
|
menu: import('..').MenuProps;
|
|
23
23
|
};
|
|
24
24
|
children: import("react/jsx-runtime").JSX.Element;
|
|
25
|
-
useGlobalHeader: true;
|
|
26
25
|
color: "company";
|
|
27
26
|
forceOpenFullScreen: undefined;
|
|
28
27
|
};
|
|
29
28
|
argTypes: {
|
|
30
|
-
useGlobalHeader: {
|
|
31
|
-
control: {
|
|
32
|
-
type: "boolean";
|
|
33
|
-
};
|
|
34
|
-
};
|
|
35
29
|
color: {
|
|
36
30
|
control: "select";
|
|
37
31
|
options: string[];
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
export type LayoutColor = 'neutral' | 'company' | 'person';
|
|
3
|
-
export type LayoutTheme = 'default' | 'subtle' | 'neutral' | 'inbox';
|
|
3
|
+
export type LayoutTheme = 'default' | 'subtle' | 'neutral' | 'inbox' | 'settings';
|
|
4
4
|
export interface LayoutBaseProps {
|
|
5
5
|
color?: LayoutColor;
|
|
6
6
|
theme?: LayoutTheme /** TODO: Should be renamed to variant */;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './DigdirLogomark.tsx';
|
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { BreadcrumbsLinkProps, ButtonProps } from '../';
|
|
3
3
|
export type PageNavColor = 'neutral' | 'company' | 'person';
|
|
4
4
|
export type PageNavPadding = 0 | 2;
|
|
5
5
|
export interface PageNavProps {
|
|
6
6
|
color?: PageNavColor;
|
|
7
7
|
padding?: PageNavPadding;
|
|
8
|
-
backButton?:
|
|
8
|
+
backButton?: ButtonProps & {
|
|
9
|
+
as?: 'a' | 'button';
|
|
10
|
+
label?: string;
|
|
11
|
+
};
|
|
9
12
|
breadcrumbs?: BreadcrumbsLinkProps[];
|
|
10
13
|
controls?: ReactNode;
|
|
11
14
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { InputProps, SettingsItemBaseProps, SettingsModalProps } from '..';
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
|
-
export type SettingsItemVariant = 'default' | 'link' | 'modal' | 'switch';
|
|
3
|
+
export type SettingsItemVariant = 'default' | 'link' | 'modal' | 'accordion' | 'switch';
|
|
4
4
|
export interface SettingsItemModalProps {
|
|
5
5
|
icon?: SettingsModalProps['icon'];
|
|
6
6
|
title?: SettingsModalProps['title'];
|
|
@@ -19,4 +19,4 @@ export interface SettingsItemProps extends SettingsItemBaseProps {
|
|
|
19
19
|
modalProps?: SettingsItemModalProps;
|
|
20
20
|
children?: ReactNode;
|
|
21
21
|
}
|
|
22
|
-
export declare const SettingsItem: ({ loading, variant, id, name, title, value, description, checked, onChange, modalProps, children, ...props }: SettingsItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
export declare const SettingsItem: ({ loading, variant, id, name, title, value, description, checked, onChange, modalProps, expanded, children, ...props }: SettingsItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: ({ loading, variant, id, name, title, value, description, checked, onChange, modalProps, expanded, children, ...props }: import('./SettingsItem').SettingsItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
tags: string[];
|
|
6
|
+
parameters: {};
|
|
7
|
+
args: {
|
|
8
|
+
id: string;
|
|
9
|
+
variant: "default";
|
|
10
|
+
ariaLabel: string;
|
|
11
|
+
title: string;
|
|
12
|
+
};
|
|
13
|
+
decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react-vite').ReactRenderer, {
|
|
14
|
+
variant?: import('./SettingsItem').SettingsItemVariant | undefined;
|
|
15
|
+
id: string;
|
|
16
|
+
title?: string | undefined;
|
|
17
|
+
value?: string | undefined;
|
|
18
|
+
description?: string | undefined;
|
|
19
|
+
name?: string | undefined;
|
|
20
|
+
checked?: boolean | undefined;
|
|
21
|
+
onChange?: import('react').ChangeEventHandler<HTMLInputElement> | undefined;
|
|
22
|
+
modalProps?: import('./SettingsItem').SettingsItemModalProps | undefined;
|
|
23
|
+
children?: import('react').ReactNode;
|
|
24
|
+
groupId?: string | undefined;
|
|
25
|
+
hidden?: boolean | undefined;
|
|
26
|
+
disabled?: boolean | undefined;
|
|
27
|
+
ref?: import('react').Ref<import('react').ElementType> | undefined;
|
|
28
|
+
color?: import('..').Color | undefined;
|
|
29
|
+
icon?: import('react').ReactNode | import('..').SvgElement | import('..').AvatarProps | import('..').AvatarGroupProps;
|
|
30
|
+
label?: import('react').ReactNode;
|
|
31
|
+
titleProps?: import('..').HeadingProps | undefined;
|
|
32
|
+
descriptionProps?: import('..').HeadingProps | undefined;
|
|
33
|
+
highlightWords?: string[] | undefined;
|
|
34
|
+
badge?: import('..').BadgeProps | undefined;
|
|
35
|
+
colllapsible?: boolean | undefined;
|
|
36
|
+
expanded?: boolean | undefined;
|
|
37
|
+
linkIcon?: boolean | undefined;
|
|
38
|
+
controls?: import('react').ReactNode;
|
|
39
|
+
summary?: import('react').ReactNode;
|
|
40
|
+
as?: import('react').ElementType | undefined;
|
|
41
|
+
href?: string | undefined;
|
|
42
|
+
onClick?: (() => void) | undefined;
|
|
43
|
+
onKeyPress?: import('react').KeyboardEventHandler | undefined;
|
|
44
|
+
ariaLabel?: string | undefined;
|
|
45
|
+
tabIndex?: number | undefined;
|
|
46
|
+
loading?: boolean | undefined;
|
|
47
|
+
selected?: boolean | undefined;
|
|
48
|
+
className?: string | undefined;
|
|
49
|
+
active?: boolean | undefined;
|
|
50
|
+
collapsible?: boolean | undefined;
|
|
51
|
+
ariaControlsId?: string | undefined;
|
|
52
|
+
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
53
|
+
};
|
|
54
|
+
export default meta;
|
|
55
|
+
type Story = StoryObj<typeof meta>;
|
|
56
|
+
export declare const Default: Story;
|
|
57
|
+
export declare const Value: Story;
|
|
58
|
+
export declare const Loading: Story;
|
|
59
|
+
export declare const Switch: Story;
|
|
60
|
+
export declare const Modal: Story;
|
|
61
|
+
export declare const ModalProps: Story;
|
|
62
|
+
export declare const Company: Story;
|
|
63
|
+
export declare const Person: Story;
|
|
64
|
+
export declare const Bookmark: () => import("react/jsx-runtime").JSX.Element;
|
|
65
|
+
export declare const BookmarkContextMenu: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -4,6 +4,7 @@ export interface SettingsItemBaseProps extends ItemLinkProps {
|
|
|
4
4
|
id?: string;
|
|
5
5
|
groupId?: string;
|
|
6
6
|
hidden?: boolean;
|
|
7
|
+
disabled?: boolean;
|
|
7
8
|
ref?: ItemBaseProps['ref'];
|
|
8
9
|
color?: ItemBaseProps['color'];
|
|
9
10
|
icon?: ItemMediaProps['icon'];
|
|
@@ -12,8 +13,11 @@ export interface SettingsItemBaseProps extends ItemLinkProps {
|
|
|
12
13
|
descriptionProps?: HeadingProps;
|
|
13
14
|
highlightWords?: string[];
|
|
14
15
|
badge?: BadgeProps;
|
|
16
|
+
colllapsible?: boolean;
|
|
17
|
+
expanded?: boolean;
|
|
15
18
|
linkIcon?: boolean;
|
|
16
19
|
controls?: ReactNode;
|
|
17
20
|
children?: ReactNode;
|
|
21
|
+
summary?: ReactNode;
|
|
18
22
|
}
|
|
19
|
-
export declare const SettingsItemBase: ({ as, ref, hidden, loading, color, expanded, icon, label, titleProps, descriptionProps, children, highlightWords, badge, linkIcon, controls, ...rest }: SettingsItemBaseProps) => import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
export declare const SettingsItemBase: ({ as, ref, hidden, disabled, loading, color, collapsible, expanded, icon, label, titleProps, descriptionProps, summary, children, highlightWords, badge, linkIcon, controls, ...rest }: SettingsItemBaseProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -4,8 +4,9 @@ export interface SettingsGroupProps {
|
|
|
4
4
|
title?: string | ReactNode;
|
|
5
5
|
}
|
|
6
6
|
export interface SettingsListProps {
|
|
7
|
+
variant?: 'default' | 'menu';
|
|
7
8
|
items: SettingsItemProps[];
|
|
8
9
|
groups?: Record<string, SettingsGroupProps>;
|
|
9
10
|
sortGroupBy?: (a: [string, SettingsItemProps[]], b: [string, SettingsItemProps[]]) => number;
|
|
10
11
|
}
|
|
11
|
-
export declare const SettingsList: ({ items, groups, sortGroupBy }: SettingsListProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export declare const SettingsList: ({ items, variant, groups, sortGroupBy }: SettingsListProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -11,6 +11,8 @@ export default meta;
|
|
|
11
11
|
export declare const ProfileReadOnly: () => import("react/jsx-runtime").JSX.Element;
|
|
12
12
|
export declare const ProfileInput: () => import("react/jsx-runtime").JSX.Element;
|
|
13
13
|
export declare const ProfileSelect: () => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export declare const AccountSingleInput: () => import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export declare const AccountSingleSelect: () => import("react/jsx-runtime").JSX.Element;
|
|
14
16
|
export declare const AccountVerified: () => import("react/jsx-runtime").JSX.Element;
|
|
15
17
|
export declare const AccountNewEmail: () => import("react/jsx-runtime").JSX.Element;
|
|
16
18
|
export declare const AccountNewEmailAndSms: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -17,8 +17,8 @@ export * from './Divider';
|
|
|
17
17
|
export * from './Dropdown';
|
|
18
18
|
export * from './Footer';
|
|
19
19
|
export * from './GlobalHeader';
|
|
20
|
-
export * from './
|
|
21
|
-
export * from './
|
|
20
|
+
export * from './GlobalMenu';
|
|
21
|
+
export * from './Logo';
|
|
22
22
|
export type { GlobalHeaderProps } from './GlobalHeader';
|
|
23
23
|
export * from './Icon';
|
|
24
24
|
export * from './Item';
|
|
@@ -27,7 +27,3 @@ export declare const DialogStatusAttention: () => import("react/jsx-runtime").JS
|
|
|
27
27
|
export declare const DialogStatusTransmissions: () => import("react/jsx-runtime").JSX.Element;
|
|
28
28
|
export declare const DialogTransmissions: () => import("react/jsx-runtime").JSX.Element;
|
|
29
29
|
export declare const BookmarksPage: () => import("react/jsx-runtime").JSX.Element;
|
|
30
|
-
export declare const InboxBetaPage: () => import("react/jsx-runtime").JSX.Element;
|
|
31
|
-
export declare const AboutPage: () => import("react/jsx-runtime").JSX.Element;
|
|
32
|
-
export declare const AboutInboxPage: () => import("react/jsx-runtime").JSX.Element;
|
|
33
|
-
export declare const OldVersionWithoutGlobalSearch: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -7,12 +7,12 @@ declare const meta: {
|
|
|
7
7
|
args: {};
|
|
8
8
|
};
|
|
9
9
|
export default meta;
|
|
10
|
+
export declare const ProfilePage: () => import("react/jsx-runtime").JSX.Element;
|
|
10
11
|
export declare const DashboardPage: () => import("react/jsx-runtime").JSX.Element;
|
|
11
12
|
export declare const AccountsPage: () => import("react/jsx-runtime").JSX.Element;
|
|
12
13
|
export declare const AccountsPageVirtualized: () => import("react/jsx-runtime").JSX.Element;
|
|
13
14
|
export declare const AlertsPage: () => import("react/jsx-runtime").JSX.Element;
|
|
14
15
|
export declare const BookmarksPage: () => import("react/jsx-runtime").JSX.Element;
|
|
15
|
-
export declare const SettingsPage: () => import("react/jsx-runtime").JSX.Element;
|
|
16
16
|
export declare const ActivityLogPage: () => import("react/jsx-runtime").JSX.Element;
|
|
17
17
|
export declare const UsersPage: () => import("react/jsx-runtime").JSX.Element;
|
|
18
18
|
export declare const AccessPage: () => import("react/jsx-runtime").JSX.Element;
|
package/package.json
CHANGED
package/dist/Globe-BcPkcH4E.js
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import o, { forwardRef as i } from "react";
|
|
3
|
-
import { u as c } from "./useId-BVFxCjkq.js";
|
|
4
|
-
var f = function(t, a) {
|
|
5
|
-
var r = {};
|
|
6
|
-
for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && a.indexOf(e) < 0 && (r[e] = t[e]);
|
|
7
|
-
if (t != null && typeof Object.getOwnPropertySymbols == "function")
|
|
8
|
-
for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
|
|
9
|
-
a.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
|
|
10
|
-
return r;
|
|
11
|
-
};
|
|
12
|
-
const u = i((t, a) => {
|
|
13
|
-
var { title: r, titleId: e } = t, l = f(t, ["title", "titleId"]);
|
|
14
|
-
let n = c();
|
|
15
|
-
return n = r ? e || "title-" + n : void 0, o.createElement(
|
|
16
|
-
"svg",
|
|
17
|
-
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: a, "aria-labelledby": n }, l),
|
|
18
|
-
r ? o.createElement("title", { id: n }, r) : null,
|
|
19
|
-
o.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12m6.74-7.683A8.28 8.28 0 0 0 4.65 8.25h3.719a41 41 0 0 1 .62-3.934m1.63-.452a41 41 0 0 0-.742 4.385h4.245a41 41 0 0 0-.743-4.385 8.3 8.3 0 0 0-2.76 0M8.24 14.25a34.5 34.5 0 0 1 0-4.5H4.06A8.3 8.3 0 0 0 3.75 12c0 .78.108 1.535.31 2.25zm1.503 0a33 33 0 0 1 0-4.5h4.514c.103 1.51.103 2.997 0 4.5zm-.754 5.433a41 41 0 0 1-.62-3.933h-3.72a8.28 8.28 0 0 0 4.34 3.933m1.631.452a41 41 0 0 1-.743-4.385h4.246a41 41 0 0 1-.743 4.385 8.3 8.3 0 0 1-2.76 0m5.141-5.885c.098-1.502.098-2.99 0-4.5h4.179c.202.715.31 1.47.31 2.25a8.3 8.3 0 0 1-.31 2.25zm-.75-9.933a8.28 8.28 0 0 1 4.34 3.933h-3.72a41 41 0 0 0-.62-3.933m0 15.366c.276-1.344.483-2.648.62-3.933h3.72a8.28 8.28 0 0 1-4.34 3.933", clipRule: "evenodd" })
|
|
20
|
-
);
|
|
21
|
-
});
|
|
22
|
-
export {
|
|
23
|
-
u as S
|
|
24
|
-
};
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import a, { forwardRef as i } from "react";
|
|
3
|
-
import { u as d } from "./useId-BVFxCjkq.js";
|
|
4
|
-
var f = function(t, n) {
|
|
5
|
-
var r = {};
|
|
6
|
-
for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);
|
|
7
|
-
if (t != null && typeof Object.getOwnPropertySymbols == "function")
|
|
8
|
-
for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
|
|
9
|
-
n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
|
|
10
|
-
return r;
|
|
11
|
-
};
|
|
12
|
-
const v = i((t, n) => {
|
|
13
|
-
var { title: r, titleId: e } = t, l = f(t, ["title", "titleId"]);
|
|
14
|
-
let o = d();
|
|
15
|
-
return o = r ? e || "title-" + o : void 0, a.createElement(
|
|
16
|
-
"svg",
|
|
17
|
-
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: n, "aria-labelledby": o }, l),
|
|
18
|
-
r ? a.createElement("title", { id: o }, r) : null,
|
|
19
|
-
a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M7.25 7a4.75 4.75 0 0 1 9.5 0v2.25H17c.966 0 1.75.784 1.75 1.75v9a.75.75 0 0 1-.75.75H6a.75.75 0 0 1-.75-.75v-9c0-.966.784-1.75 1.75-1.75h.25zm1.5 0a3.25 3.25 0 0 1 6.5 0v2.25h-6.5zM7 10.75a.25.25 0 0 0-.25.25v8.25h10.5V11a.25.25 0 0 0-.25-.25zm3.5 3.75a1.5 1.5 0 1 1 2.25 1.3V17a.75.75 0 0 1-1.5 0v-1.2a1.5 1.5 0 0 1-.75-1.3", clipRule: "evenodd" })
|
|
20
|
-
);
|
|
21
|
-
});
|
|
22
|
-
export {
|
|
23
|
-
v as S
|
|
24
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._text_1tx3s_1{-webkit-user-select:none;user-select:none;display:flex;align-items:center;column-gap:.5rem;line-height:1.25rem;color:var(--ds-color-neutral-text-subtle);margin:0}._icon_1tx3s_11{font-size:1.25rem}._label_1tx3s_15{font-size:.875rem}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._button_1uh95_1{flex-shrink:0;position:relative;z-index:2;display:inline-flex;align-items:center;column-gap:.625rem;padding:.625rem;border:none;border-radius:4px}._label_1uh95_13{font-size:1.125rem;font-weight:500;padding:.25rem}._avatarIcon_1uh95_19,._loginIcon_1uh95_20,._closeIcon_1uh95_21{width:2.25rem;height:2.25rem;border-radius:2px;font-size:unset}._closeIcon_1uh95_21{outline:1px solid white}._loginIcon_1uh95_20{background-color:#fff;color:#000;outline:1px solid white}._avatar_1uh95_19{font-size:2.25rem;width:2.25rem;height:2.25rem}._icon_1uh95_44{font-size:1.5rem;width:1.5rem;height:1.5rem}._badge_1uh95_50{position:absolute;top:0;right:0;margin-top:-.75rem;margin-right:-.75rem}
|
package/dist/assets/Header.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._drawer_afyu3_1[data-expanded=true]{display:block;width:100%}._dropdown_afyu3_6[data-expanded=true]{display:none}@media(min-width:1024px){._dropdown_afyu3_6[data-expanded=true]{display:block}._drawer_afyu3_1[data-expanded=true]{display:none}}._relative_afyu3_19{position:relative}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._header_dg4o1_1{z-index:1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;row-gap:1rem;padding:1rem}@media(min-width:1024px){._header_dg4o1_1{gap:1rem}}._backdrop_dg4o1_17{display:none}._header_dg4o1_1[data-current-id=menu],._header_dg4o1_1[data-current-id=locale]{background-color:#fff}@media(min-width:1024px){._header_dg4o1_1[data-current-id=menu],._header_dg4o1_1[data-current-id=locale]{background-color:transparent}._header_dg4o1_1[data-current-id=menu] ._backdrop_dg4o1_17,._header_dg4o1_1[data-current-id=locale] ._backdrop_dg4o1_17{display:block}}._header_dg4o1_1{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}._header_dg4o1_1[data-current-id=search]{margin-top:-72px}._header_dg4o1_1[data-current-id=search] ._backdrop_dg4o1_17{display:block}@media(min-width:1024px){._header_dg4o1_1[data-current-id=search]{margin-top:0}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._button_1p2eq_1{position:relative;z-index:2;display:inline-flex;align-items:center;column-gap:.625rem;padding:.625rem;border:none;border-radius:4px}._label_1p2eq_12{font-size:1.125rem;font-weight:500;padding:.25rem}._icon_1p2eq_18{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:2px;font-size:1.5rem}._avatarGroup_1p2eq_28{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;overflow:visible}._loginIcon_1p2eq_37{background-color:#fff;color:#000}._closeIcon_1p2eq_42{outline:1px solid white}._badge_1p2eq_46{position:absolute;top:0;right:0;margin-top:-.75rem;margin-right:-.75rem}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._group_oia4i_1{position:relative;display:flex;align-items:center;column-gap:0}@media(min-width:1024px){._group_oia4i_1{column-gap:1rem}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._logo_1yxnd_1{display:flex;align-items:center;color:currentColor;text-decoration:none;height:3.25rem;min-width:3.25rem;padding:0 .5rem;-webkit-user-select:none;user-select:none}._logo_1yxnd_1:hover{background-color:transparent}._logomark_1yxnd_16{color:#0062b8;width:2rem;height:2rem;margin:0!important}._text_1yxnd_23{font-size:2rem;font-weight:400}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._search_1czaf_1{width:100%}._searchExpanded_1czaf_5{z-index:2}@media(min-width:1024px){._search_1czaf_1{position:absolute;left:0;right:0;margin:0 auto;max-width:320px}._searchExpanded_1czaf_5{max-width:640px}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._button_mvy87_1{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:2.75rem;padding:.625rem;border-radius:50%}._expanded_mvy87_13{background-color:#fff}._icon_mvy87_17{font-size:1.5rem}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { jsx as m } from "react/jsx-runtime";
|
|
2
|
-
import "react";
|
|
3
|
-
import "../../index-p1eeF8LQ.js";
|
|
4
|
-
import { k as i } from "../../ToolbarSearch-56Sm2j7P.js";
|
|
5
|
-
import "../Typography/Link.js";
|
|
6
|
-
import "../Button/Button.js";
|
|
7
|
-
import "react-dom";
|
|
8
|
-
import "../Snackbar/useSnackbar.js";
|
|
9
|
-
import { S as p } from "../../ArrowUndo-hge1gMu8.js";
|
|
10
|
-
const x = ({ label: o, onClick: r, as: t }) => /* @__PURE__ */ m(i, { size: "sm", id: "back", icon: p, title: o, onClick: r, as: t });
|
|
11
|
-
export {
|
|
12
|
-
x as BackButton
|
|
13
|
-
};
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { jsx as m } from "react/jsx-runtime";
|
|
2
|
-
import "../../index-p1eeF8LQ.js";
|
|
3
|
-
import "react";
|
|
4
|
-
import { k as n } from "../../ToolbarSearch-56Sm2j7P.js";
|
|
5
|
-
import "../Typography/Link.js";
|
|
6
|
-
import "../Button/Button.js";
|
|
7
|
-
import "react-dom";
|
|
8
|
-
import "../Snackbar/useSnackbar.js";
|
|
9
|
-
const x = ({ account: i, multipleAccounts: r, as: o, onClick: t }) => /* @__PURE__ */ m(
|
|
10
|
-
n,
|
|
11
|
-
{
|
|
12
|
-
id: "account",
|
|
13
|
-
size: "lg",
|
|
14
|
-
as: r ? o : "div",
|
|
15
|
-
onClick: t,
|
|
16
|
-
linkIcon: r,
|
|
17
|
-
icon: i?.icon,
|
|
18
|
-
title: i?.name,
|
|
19
|
-
description: i?.description
|
|
20
|
-
}
|
|
21
|
-
);
|
|
22
|
-
export {
|
|
23
|
-
x as CurrentAccount
|
|
24
|
-
};
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsxs as c, jsx as s } from "react/jsx-runtime";
|
|
3
|
-
import a, { forwardRef as d } from "react";
|
|
4
|
-
import { u as f } from "../../useId-BVFxCjkq.js";
|
|
5
|
-
import '../../assets/EndUserLabel.css';var m = function(t, n) {
|
|
6
|
-
var r = {};
|
|
7
|
-
for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);
|
|
8
|
-
if (t != null && typeof Object.getOwnPropertySymbols == "function")
|
|
9
|
-
for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
|
|
10
|
-
n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
|
|
11
|
-
return r;
|
|
12
|
-
};
|
|
13
|
-
const u = d((t, n) => {
|
|
14
|
-
var { title: r, titleId: e } = t, l = m(t, ["title", "titleId"]);
|
|
15
|
-
let o = f();
|
|
16
|
-
return o = r ? e || "title-" + o : void 0, a.createElement(
|
|
17
|
-
"svg",
|
|
18
|
-
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: n, "aria-labelledby": o }, l),
|
|
19
|
-
r ? a.createElement("title", { id: o }, r) : null,
|
|
20
|
-
a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12 3.75a8.25 8.25 0 0 0-5.144 14.7 5.25 5.25 0 0 1 10.288 0A8.25 8.25 0 0 0 12 3.75m3.747 15.602a3.75 3.75 0 0 0-7.494 0A8.2 8.2 0 0 0 12 20.25c1.35 0 2.623-.324 3.747-.898M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12M12 7.25a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5M8.25 9.5a3.75 3.75 0 1 1 7.5 0 3.75 3.75 0 0 1-7.5 0", clipRule: "evenodd" })
|
|
21
|
-
);
|
|
22
|
-
}), p = "_text_1tx3s_1", b = "_icon_1tx3s_11", _ = "_label_1tx3s_15", i = {
|
|
23
|
-
text: p,
|
|
24
|
-
icon: b,
|
|
25
|
-
label: _
|
|
26
|
-
}, g = ({ children: t }) => /* @__PURE__ */ c("p", { className: i.text, children: [
|
|
27
|
-
/* @__PURE__ */ s(u, { className: i.icon, "aria-hidden": !0 }),
|
|
28
|
-
/* @__PURE__ */ s("span", { className: i.label, children: t })
|
|
29
|
-
] });
|
|
30
|
-
export {
|
|
31
|
-
g as EndUserLabel
|
|
32
|
-
};
|