@altinn/altinn-components 0.28.2 → 0.29.1
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/PadlockLocked-CwhOOPnp.js +25 -0
- package/dist/assets/Badge.css +1 -1
- package/dist/assets/ButtonBase.css +1 -1
- package/dist/assets/ButtonIcon.css +1 -1
- package/dist/assets/Flex.css +1 -1
- package/dist/assets/GlobalMenuButton.css +1 -0
- package/dist/assets/Grid.css +1 -1
- package/dist/assets/Heading.css +1 -1
- package/dist/assets/List.css +1 -0
- package/dist/assets/ListItemControls.css +1 -1
- package/dist/assets/ListItemHeader.css +1 -1
- package/dist/assets/MenuItem.css +1 -0
- package/dist/assets/MenuItemBase.css +1 -1
- package/dist/assets/MenuItemLabel.css +1 -1
- package/dist/assets/MenuSearch.css +1 -1
- package/dist/assets/SearchField.css +1 -1
- package/dist/assets/SearchbarField.css +1 -0
- package/dist/assets/Section.css +1 -0
- package/dist/components/Account/AccountList.js +24 -0
- package/dist/components/Account/AccountListItem.js +58 -0
- package/dist/components/Account/AccountListItemControls.js +77 -0
- package/dist/components/Account/AccountMenu.js +56 -0
- package/dist/components/Account/index.js +8 -0
- package/dist/components/Badge/Badge.js +13 -3
- package/dist/components/Button/ButtonBase.js +17 -15
- package/dist/components/Button/ButtonIcon.js +14 -9
- package/dist/components/Button/IconButton.js +18 -16
- package/dist/components/ContextMenu/ContextMenu.js +45 -48
- package/dist/components/Forms/SearchField.js +34 -0
- package/dist/components/Forms/index.js +14 -12
- package/dist/components/GlobalMenu/CurrentAccount.js +27 -0
- package/dist/components/GlobalMenu/GlobalMenu.js +70 -77
- package/dist/components/GlobalMenu/GlobalMenuButton.js +50 -0
- package/dist/components/GlobalMenu/index.js +12 -12
- package/dist/components/Header/Header.js +25 -30
- package/dist/components/Header/HeaderButton.js +45 -64
- package/dist/components/List/List.js +9 -7
- package/dist/components/List/ListItemControls.js +1 -1
- package/dist/components/List/ListItemHeader.js +43 -43
- package/dist/components/List/ListItemLabel.js +36 -28
- package/dist/components/Menu/MenuItem.js +41 -41
- package/dist/components/Menu/MenuItemBase.js +35 -54
- package/dist/components/Menu/MenuItemLabel.js +58 -20
- package/dist/components/Menu/MenuOption.js +32 -41
- package/dist/components/Menu/MenuSearch.js +24 -43
- package/dist/components/Menu/index.js +24 -23
- package/dist/components/Page/Flex.js +5 -5
- package/dist/components/Page/Grid.js +24 -26
- package/dist/components/Page/Section.js +7 -5
- package/dist/components/Page/index.js +20 -22
- package/dist/components/Searchbar/Searchbar.js +6 -6
- package/dist/components/Searchbar/{SearchField.js → SearchbarField.js} +8 -8
- package/dist/components/Searchbar/index.js +6 -6
- package/dist/components/Settings/SettingsItem.js +27 -30
- package/dist/components/Toolbar/ToolbarAccountMenu.js +6 -6
- package/dist/components/Toolbar/ToolbarSearch.js +22 -43
- package/dist/components/Typography/Heading.js +7 -7
- package/dist/components/index.js +404 -401
- package/dist/index.js +404 -401
- package/dist/spacing.css +44 -8
- package/dist/types/lib/components/Account/Account.stories.d.ts +8 -0
- package/dist/types/lib/components/Account/AccountList.d.ts +10 -0
- package/dist/types/lib/components/Account/AccountList.stories.d.ts +18 -0
- package/dist/types/lib/components/Account/AccountListItem.d.ts +18 -0
- package/dist/types/lib/components/{Profile → Account}/AccountListItem.stories.d.ts +16 -6
- package/dist/types/lib/components/Account/AccountListItemControls.d.ts +17 -0
- package/dist/types/lib/components/Account/AccountMenu.d.ts +22 -0
- package/dist/types/lib/components/Account/AccountMenu.stories.d.ts +16 -0
- package/dist/types/lib/components/{Profile → Account}/index.d.ts +1 -0
- package/dist/types/lib/components/Badge/Badge.d.ts +4 -1
- package/dist/types/lib/components/Badge/Badge.stories.d.ts +1 -1
- package/dist/types/lib/components/Button/ButtonBase.d.ts +2 -1
- package/dist/types/lib/components/Button/ButtonIcon.d.ts +3 -2
- package/dist/types/lib/components/Button/IconButton.d.ts +2 -1
- package/dist/types/lib/components/ContextMenu/ContextMenu.d.ts +1 -3
- package/dist/types/lib/components/ContextMenu/ContextMenu.stories.d.ts +2 -1
- package/dist/types/lib/components/Forms/SearchField.d.ts +9 -0
- package/dist/types/lib/components/Forms/SearchField.stories.d.ts +16 -0
- package/dist/types/lib/components/Forms/index.d.ts +1 -0
- package/dist/types/lib/components/GlobalMenu/{AccountButton.d.ts → CurrentAccount.d.ts} +3 -3
- package/dist/types/lib/components/GlobalMenu/GlobalMenu.d.ts +4 -4
- package/dist/types/lib/components/GlobalMenu/GlobalMenu.stories.d.ts +9 -12
- package/dist/types/lib/components/GlobalMenu/GlobalMenuButton.d.ts +13 -0
- package/dist/types/lib/components/GlobalMenu/GlobalMenuButton.stories.d.ts +19 -0
- package/dist/types/lib/components/GlobalMenu/index.d.ts +3 -3
- package/dist/types/lib/components/Header/Header.stories.d.ts +8 -7
- package/dist/types/lib/components/Header/LocaleSwitcher.stories.d.ts +3 -1
- package/dist/types/lib/components/Layout/Layout.stories.d.ts +1 -0
- package/dist/types/lib/components/List/List.d.ts +1 -1
- package/dist/types/lib/components/List/List.stories.d.ts +1 -1
- package/dist/types/lib/components/List/ListItemLabel.d.ts +2 -1
- package/dist/types/lib/components/Menu/Menu.stories.d.ts +5 -0
- package/dist/types/lib/components/Menu/MenuItem.d.ts +6 -7
- package/dist/types/lib/components/Menu/MenuItemBase.d.ts +3 -5
- package/dist/types/lib/components/Menu/MenuItemLabel.d.ts +6 -4
- package/dist/types/lib/components/Menu/MenuSearch.d.ts +1 -1
- package/dist/types/lib/components/Menu/MenuSearch.stories.d.ts +1 -1
- package/dist/types/lib/components/Page/Breadcrumbs.stories.d.ts +19 -0
- package/dist/types/lib/components/Page/BreadcrumbsLink.d.ts +1 -1
- package/dist/types/lib/components/Page/Flex.d.ts +1 -1
- package/dist/types/lib/components/Page/Flex.stories.d.ts +17 -0
- package/dist/types/lib/components/Page/Grid.d.ts +5 -8
- package/dist/types/lib/components/Page/Grid.stories.d.ts +15 -0
- package/dist/types/lib/components/Page/List.stories.d.ts +17 -0
- package/dist/types/lib/components/Page/Section.d.ts +2 -1
- package/dist/types/lib/components/Page/index.d.ts +0 -1
- package/dist/types/lib/components/Search/SearchItem.d.ts +2 -2
- package/dist/types/lib/components/Searchbar/Searchbar.d.ts +2 -2
- package/dist/types/lib/components/Searchbar/{SearchField.d.ts → SearchbarField.d.ts} +2 -2
- package/dist/types/lib/components/Searchbar/index.d.ts +1 -1
- package/dist/types/lib/components/Settings/SettingsItem.d.ts +5 -6
- package/dist/types/lib/components/Settings/SettingsItem.stories.d.ts +8 -6
- package/dist/types/lib/components/Toolbar/Toolbar.stories.d.ts +1 -1
- package/dist/types/lib/components/Toolbar/ToolbarSearch.d.ts +2 -5
- package/dist/types/lib/components/Toolbar/ToolbarSearch.stories.d.ts +1 -0
- package/dist/types/lib/components/Transmission/Transmission.stories.d.ts +7 -7
- package/dist/types/lib/components/Typography/Heading.d.ts +1 -1
- package/dist/types/lib/components/index.d.ts +1 -1
- package/dist/types/lib/stories/Profile/Accounts.stories.d.ts +6 -11
- package/package.json +1 -1
- package/dist/assets/AccountButton.css +0 -1
- package/dist/assets/MenuOption.css +0 -1
- package/dist/assets/ToolbarSearch.css +0 -1
- package/dist/components/GlobalMenu/AccountButton.js +0 -58
- package/dist/components/GlobalMenu/AccountMenu.js +0 -72
- package/dist/components/Page/PageHeader.js +0 -55
- package/dist/components/Profile/AccountList.js +0 -12
- package/dist/components/Profile/AccountListItem.js +0 -88
- package/dist/components/Profile/index.js +0 -6
- package/dist/types/lib/components/GlobalMenu/AccountMenu.d.ts +0 -27
- package/dist/types/lib/components/GlobalMenu/AccountMenu.stories.d.ts +0 -19
- package/dist/types/lib/components/Menu/Examples.stories.d.ts +0 -97
- package/dist/types/lib/components/Page/PageHeader.d.ts +0 -18
- package/dist/types/lib/components/Page/PageHeader.stories.d.ts +0 -16
- package/dist/types/lib/components/Profile/AccountList.d.ts +0 -5
- package/dist/types/lib/components/Profile/AccountListItem.d.ts +0 -12
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsxs as y, jsx as n } from "react/jsx-runtime";
|
|
3
|
-
import "../../index-L8X2o7IH.js";
|
|
4
|
-
import * as c from "react";
|
|
5
|
-
import { forwardRef as m } from "react";
|
|
6
|
-
import { Badge as O } from "../Badge/Badge.js";
|
|
7
|
-
import { ContextMenu as w } from "../ContextMenu/ContextMenu.js";
|
|
8
|
-
import { ListItemControls as h } from "../List/ListItemControls.js";
|
|
9
|
-
import { ListItem as I } from "../List/ListItem.js";
|
|
10
|
-
import "../RootProvider/RootProvider.js";
|
|
11
|
-
import "../Searchbar/AutocompleteBase.js";
|
|
12
|
-
import "../Snackbar/useSnackbar.js";
|
|
13
|
-
import { Flex as j } from "../Page/Flex.js";
|
|
14
|
-
import { u as d } from "../../useId-BVFxCjkq.js";
|
|
15
|
-
var x = function(t, o) {
|
|
16
|
-
var l = {};
|
|
17
|
-
for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && o.indexOf(e) < 0 && (l[e] = t[e]);
|
|
18
|
-
if (t != null && typeof Object.getOwnPropertySymbols == "function")
|
|
19
|
-
for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
|
|
20
|
-
o.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
|
|
21
|
-
return l;
|
|
22
|
-
};
|
|
23
|
-
const E = m((t, o) => {
|
|
24
|
-
var { title: l, titleId: e } = t, r = x(t, ["title", "titleId"]);
|
|
25
|
-
let i = d();
|
|
26
|
-
return i = l ? e || "title-" + i : void 0, c.createElement(
|
|
27
|
-
"svg",
|
|
28
|
-
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: o, "aria-labelledby": i }, r),
|
|
29
|
-
l ? c.createElement("title", { id: i }, l) : null,
|
|
30
|
-
c.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12 4.969c1.399-1.242 2.776-1.844 4.125-1.844 1.519 0 2.823.763 3.905 1.845 2.373 2.372 2.207 6.354-1 9.56l-6.5 6.5-.53-.53-.53.53-6.5-6.5c-3.207-3.206-3.373-7.188-1-9.56C5.05 3.888 6.356 3.125 7.875 3.125c1.349 0 2.726.602 4.125 1.844M12 20.5l-.53.53a.75.75 0 0 0 1.06 0zm0-1.06 5.97-5.97c2.793-2.794 2.627-5.812 1-7.44-.919-.918-1.864-1.405-2.845-1.405s-2.177.487-3.595 1.905a.75.75 0 0 1-1.06 0C10.05 5.112 8.856 4.625 7.874 4.625S5.948 5.112 5.03 6.03c-1.627 1.628-1.793 4.646 1 7.44z", clipRule: "evenodd" })
|
|
31
|
-
);
|
|
32
|
-
});
|
|
33
|
-
var S = function(t, o) {
|
|
34
|
-
var l = {};
|
|
35
|
-
for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && o.indexOf(e) < 0 && (l[e] = t[e]);
|
|
36
|
-
if (t != null && typeof Object.getOwnPropertySymbols == "function")
|
|
37
|
-
for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
|
|
38
|
-
o.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
|
|
39
|
-
return l;
|
|
40
|
-
};
|
|
41
|
-
const _ = m((t, o) => {
|
|
42
|
-
var { title: l, titleId: e } = t, r = S(t, ["title", "titleId"]);
|
|
43
|
-
let i = d();
|
|
44
|
-
return i = l ? e || "title-" + i : void 0, c.createElement(
|
|
45
|
-
"svg",
|
|
46
|
-
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: o, "aria-labelledby": i }, r),
|
|
47
|
-
l ? c.createElement("title", { id: i }, l) : null,
|
|
48
|
-
c.createElement("path", { fill: "currentColor", d: "M12 4.969c1.399-1.242 2.776-1.844 4.125-1.844 1.519 0 2.823.763 3.905 1.845 2.373 2.372 2.206 6.354-1 9.56l-6.5 6.5a.75.75 0 0 1-1.06 0l-6.5-6.5c-3.207-3.206-3.373-7.188-1-9.56C5.05 3.888 6.355 3.125 7.874 3.125c1.349 0 2.726.602 4.125 1.844" })
|
|
49
|
-
);
|
|
50
|
-
}), q = ({
|
|
51
|
-
size: t,
|
|
52
|
-
expanded: o,
|
|
53
|
-
type: l,
|
|
54
|
-
icon: e,
|
|
55
|
-
title: r,
|
|
56
|
-
description: i,
|
|
57
|
-
label: a,
|
|
58
|
-
favourite: s = !1,
|
|
59
|
-
contextMenu: f,
|
|
60
|
-
favouriteLabel: p,
|
|
61
|
-
children: u,
|
|
62
|
-
interactive: g,
|
|
63
|
-
...b
|
|
64
|
-
}) => {
|
|
65
|
-
const v = /* @__PURE__ */ y(h, { children: [
|
|
66
|
-
/* @__PURE__ */ n(j, { align: "center", spacing: 2, style: { position: "relative", fontSize: "1.25rem" }, children: a ? /* @__PURE__ */ n(O, { color: l === "group" ? "neutral" : l, children: a }) : s ? /* @__PURE__ */ n(_, { "aria-label": p }) : /* @__PURE__ */ n(E, { "aria-hidden": !0 }) }),
|
|
67
|
-
f && /* @__PURE__ */ n(w, { ...f, size: "sm" })
|
|
68
|
-
] });
|
|
69
|
-
return /* @__PURE__ */ n(
|
|
70
|
-
I,
|
|
71
|
-
{
|
|
72
|
-
...b,
|
|
73
|
-
size: t,
|
|
74
|
-
icon: e,
|
|
75
|
-
title: r,
|
|
76
|
-
description: o ? void 0 : i,
|
|
77
|
-
expanded: o,
|
|
78
|
-
selected: o,
|
|
79
|
-
badge: !o && v,
|
|
80
|
-
linkIcon: !0,
|
|
81
|
-
interactive: g,
|
|
82
|
-
children: u
|
|
83
|
-
}
|
|
84
|
-
);
|
|
85
|
-
};
|
|
86
|
-
export {
|
|
87
|
-
q as AccountListItem
|
|
88
|
-
};
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { AvatarProps, BadgeProps } from '../';
|
|
2
|
-
import { MenuItemGroups, MenuSearchProps } from '../Menu';
|
|
3
|
-
import { MenuItemsVirtualProps } from '../Menu/MenuItems';
|
|
4
|
-
export interface AccountSearchProps extends MenuSearchProps {
|
|
5
|
-
getResultsLabel?: (hits: number) => string;
|
|
6
|
-
hidden?: boolean;
|
|
7
|
-
}
|
|
8
|
-
export interface AccountMenuItem {
|
|
9
|
-
type: 'person' | 'company';
|
|
10
|
-
name: string;
|
|
11
|
-
id: string;
|
|
12
|
-
groupId?: string;
|
|
13
|
-
selected?: boolean;
|
|
14
|
-
items?: AvatarProps[];
|
|
15
|
-
badge?: BadgeProps | undefined;
|
|
16
|
-
alertBadge?: BadgeProps | undefined;
|
|
17
|
-
}
|
|
18
|
-
export interface AccountMenuProps {
|
|
19
|
-
accounts?: AccountMenuItem[];
|
|
20
|
-
accountGroups?: MenuItemGroups;
|
|
21
|
-
accountSearch?: AccountSearchProps;
|
|
22
|
-
currentAccount?: AccountMenuItem;
|
|
23
|
-
onSelectAccount?: (id: string) => void;
|
|
24
|
-
menuItemsVirtual?: MenuItemsVirtualProps;
|
|
25
|
-
scrollRefStyles?: React.CSSProperties;
|
|
26
|
-
}
|
|
27
|
-
export declare const AccountMenu: ({ accounts, accountGroups, accountSearch, onSelectAccount, currentAccount, menuItemsVirtual, }: AccountMenuProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react';
|
|
2
|
-
declare const meta: {
|
|
3
|
-
title: string;
|
|
4
|
-
component: ({ accounts, accountGroups, accountSearch, onSelectAccount, currentAccount, menuItemsVirtual, }: import('./AccountMenu').AccountMenuProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
tags: string[];
|
|
6
|
-
parameters: {};
|
|
7
|
-
args: {
|
|
8
|
-
accounts?: import('./AccountMenu').AccountMenuItem[];
|
|
9
|
-
accountGroups?: import('..').MenuItemGroups;
|
|
10
|
-
accountSearch?: import('./AccountMenu').AccountSearchProps;
|
|
11
|
-
currentAccount?: import('./AccountMenu').AccountMenuItem;
|
|
12
|
-
onSelectAccount?: (id: string) => void;
|
|
13
|
-
menuItemsVirtual?: import('..').MenuItemsVirtualProps;
|
|
14
|
-
scrollRefStyles?: React.CSSProperties;
|
|
15
|
-
};
|
|
16
|
-
};
|
|
17
|
-
export default meta;
|
|
18
|
-
type Story = StoryObj<typeof meta>;
|
|
19
|
-
export declare const Default: Story;
|
|
@@ -1,97 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react';
|
|
2
|
-
declare const meta: {
|
|
3
|
-
title: string;
|
|
4
|
-
component: ({ color, theme, defaultItemColor, defaultItemTheme, defaultItemSize, defaultIconTheme, groups, items, search, menuItemsVirtual, }: import('./Menu').MenuProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
parameters: {};
|
|
6
|
-
args: {};
|
|
7
|
-
};
|
|
8
|
-
export default meta;
|
|
9
|
-
type Story = StoryObj<typeof meta>;
|
|
10
|
-
export declare const InboxMenu: Story;
|
|
11
|
-
export declare const NeutralInboxMenu: {
|
|
12
|
-
args: {
|
|
13
|
-
color: string;
|
|
14
|
-
theme: string;
|
|
15
|
-
menuItemsVirtual?: import('./MenuItems').MenuItemsVirtualProps;
|
|
16
|
-
level?: number;
|
|
17
|
-
expanded?: boolean;
|
|
18
|
-
search?: import('./MenuSearch').MenuSearchProps;
|
|
19
|
-
items: import('./MenuItem').MenuItemProps[];
|
|
20
|
-
groups?: import('./MenuItems').MenuItemGroups;
|
|
21
|
-
defaultItemSize?: import('./MenuItemBase').MenuItemSize;
|
|
22
|
-
defaultItemColor?: import('./MenuItemBase').MenuItemColor;
|
|
23
|
-
defaultItemTheme?: import('./MenuItemBase').MenuItemTheme;
|
|
24
|
-
defaultIconTheme?: import('..').IconTheme;
|
|
25
|
-
as?: React.ElementType;
|
|
26
|
-
};
|
|
27
|
-
};
|
|
28
|
-
export declare const CompanyInboxMenu: {
|
|
29
|
-
args: {
|
|
30
|
-
color: string;
|
|
31
|
-
theme: string;
|
|
32
|
-
menuItemsVirtual?: import('./MenuItems').MenuItemsVirtualProps;
|
|
33
|
-
level?: number;
|
|
34
|
-
expanded?: boolean;
|
|
35
|
-
search?: import('./MenuSearch').MenuSearchProps;
|
|
36
|
-
items: import('./MenuItem').MenuItemProps[];
|
|
37
|
-
groups?: import('./MenuItems').MenuItemGroups;
|
|
38
|
-
defaultItemSize?: import('./MenuItemBase').MenuItemSize;
|
|
39
|
-
defaultItemColor?: import('./MenuItemBase').MenuItemColor;
|
|
40
|
-
defaultItemTheme?: import('./MenuItemBase').MenuItemTheme;
|
|
41
|
-
defaultIconTheme?: import('..').IconTheme;
|
|
42
|
-
as?: React.ElementType;
|
|
43
|
-
};
|
|
44
|
-
};
|
|
45
|
-
export declare const PersonInboxMenu: {
|
|
46
|
-
args: {
|
|
47
|
-
color: string;
|
|
48
|
-
theme: string;
|
|
49
|
-
menuItemsVirtual?: import('./MenuItems').MenuItemsVirtualProps;
|
|
50
|
-
level?: number;
|
|
51
|
-
expanded?: boolean;
|
|
52
|
-
search?: import('./MenuSearch').MenuSearchProps;
|
|
53
|
-
items: import('./MenuItem').MenuItemProps[];
|
|
54
|
-
groups?: import('./MenuItems').MenuItemGroups;
|
|
55
|
-
defaultItemSize?: import('./MenuItemBase').MenuItemSize;
|
|
56
|
-
defaultItemColor?: import('./MenuItemBase').MenuItemColor;
|
|
57
|
-
defaultItemTheme?: import('./MenuItemBase').MenuItemTheme;
|
|
58
|
-
defaultIconTheme?: import('..').IconTheme;
|
|
59
|
-
as?: React.ElementType;
|
|
60
|
-
};
|
|
61
|
-
};
|
|
62
|
-
export declare const CompanyMenu: Story;
|
|
63
|
-
export declare const NeutralCompanyMenu: {
|
|
64
|
-
args: {
|
|
65
|
-
color: string;
|
|
66
|
-
theme?: import('./MenuBase').MenuTheme;
|
|
67
|
-
menuItemsVirtual?: import('./MenuItems').MenuItemsVirtualProps;
|
|
68
|
-
level?: number;
|
|
69
|
-
expanded?: boolean;
|
|
70
|
-
search?: import('./MenuSearch').MenuSearchProps;
|
|
71
|
-
items: import('./MenuItem').MenuItemProps[];
|
|
72
|
-
groups?: import('./MenuItems').MenuItemGroups;
|
|
73
|
-
defaultItemSize?: import('./MenuItemBase').MenuItemSize;
|
|
74
|
-
defaultItemColor?: import('./MenuItemBase').MenuItemColor;
|
|
75
|
-
defaultItemTheme?: import('./MenuItemBase').MenuItemTheme;
|
|
76
|
-
defaultIconTheme?: import('..').IconTheme;
|
|
77
|
-
as?: React.ElementType;
|
|
78
|
-
};
|
|
79
|
-
};
|
|
80
|
-
export declare const PersonMenu: Story;
|
|
81
|
-
export declare const NeutralPersonMenu: {
|
|
82
|
-
args: {
|
|
83
|
-
color: string;
|
|
84
|
-
theme?: import('./MenuBase').MenuTheme;
|
|
85
|
-
menuItemsVirtual?: import('./MenuItems').MenuItemsVirtualProps;
|
|
86
|
-
level?: number;
|
|
87
|
-
expanded?: boolean;
|
|
88
|
-
search?: import('./MenuSearch').MenuSearchProps;
|
|
89
|
-
items: import('./MenuItem').MenuItemProps[];
|
|
90
|
-
groups?: import('./MenuItems').MenuItemGroups;
|
|
91
|
-
defaultItemSize?: import('./MenuItemBase').MenuItemSize;
|
|
92
|
-
defaultItemColor?: import('./MenuItemBase').MenuItemColor;
|
|
93
|
-
defaultItemTheme?: import('./MenuItemBase').MenuItemTheme;
|
|
94
|
-
defaultIconTheme?: import('..').IconTheme;
|
|
95
|
-
as?: React.ElementType;
|
|
96
|
-
};
|
|
97
|
-
};
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import { AvatarGroupProps, AvatarProps, BackButtonProps, BreadcrumbsLinkProps, IconProps, PageTabsProps, SectionProps, SvgElement } from '..';
|
|
3
|
-
export type PageHeaderVariant = 'card' | undefined;
|
|
4
|
-
export type PageHeaderSize = 'lg' | 'xl';
|
|
5
|
-
export interface PageHeaderProps extends SectionProps {
|
|
6
|
-
variant?: PageHeaderVariant;
|
|
7
|
-
size?: PageHeaderSize;
|
|
8
|
-
title?: string;
|
|
9
|
-
description?: string;
|
|
10
|
-
icon?: SvgElement | IconProps;
|
|
11
|
-
avatar?: AvatarProps;
|
|
12
|
-
avatarGroup?: AvatarGroupProps;
|
|
13
|
-
tabs?: PageTabsProps;
|
|
14
|
-
backButton?: BackButtonProps;
|
|
15
|
-
breadcrumbs?: BreadcrumbsLinkProps[];
|
|
16
|
-
controls?: ReactNode;
|
|
17
|
-
}
|
|
18
|
-
export declare const PageHeader: ({ variant, size, title, description, icon, tabs, theme, padding, shadow, bleed, breadcrumbs, backButton, controls, children, ...rest }: PageHeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react';
|
|
2
|
-
declare const meta: {
|
|
3
|
-
title: string;
|
|
4
|
-
component: ({ variant, size, title, description, icon, tabs, theme, padding, shadow, bleed, breadcrumbs, backButton, controls, children, ...rest }: import('./PageHeader').PageHeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
tags: string[];
|
|
6
|
-
parameters: {};
|
|
7
|
-
args: {
|
|
8
|
-
title: string;
|
|
9
|
-
};
|
|
10
|
-
};
|
|
11
|
-
export default meta;
|
|
12
|
-
type Story = StoryObj<typeof meta>;
|
|
13
|
-
export declare const Default: Story;
|
|
14
|
-
export declare const Icon: Story;
|
|
15
|
-
export declare const UserCard: Story;
|
|
16
|
-
export declare const CardAndTabs: Story;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { ContextMenuProps, ListItemProps } from '..';
|
|
2
|
-
export type AccountListItemType = 'person' | 'company' | 'group';
|
|
3
|
-
export interface AccountListItemProps extends ListItemProps {
|
|
4
|
-
id?: string;
|
|
5
|
-
title: string;
|
|
6
|
-
type?: AccountListItemType;
|
|
7
|
-
favourite?: boolean;
|
|
8
|
-
contextMenu?: ContextMenuProps;
|
|
9
|
-
label?: string;
|
|
10
|
-
favouriteLabel?: string;
|
|
11
|
-
}
|
|
12
|
-
export declare const AccountListItem: ({ size, expanded, type, icon, title, description, label, favourite, contextMenu, favouriteLabel, children, interactive, ...item }: AccountListItemProps) => import("react/jsx-runtime").JSX.Element;
|