@altinn/altinn-components 0.54.3 → 0.55.0
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/{PersonCircle-DlX_3kRO.js → ChevronUpDown-DqGsU4MC.js} +5 -5
- package/dist/Eye-BrbjRZJp.js +24 -0
- package/dist/InboxFill-vGck_zM_.js +81 -0
- package/dist/InformationSquare-D3WAxfVw.js +24 -0
- package/dist/Trash-DBcymOP9.js +81 -0
- package/dist/assets/AccountMenuButton.css +1 -1
- package/dist/assets/AccountSelector.css +1 -1
- package/dist/assets/AutocompleteBase.css +1 -1
- package/dist/assets/ButtonGroup.css +1 -1
- package/dist/assets/ButtonIcon.css +1 -1
- package/dist/assets/DashboardCard.css +1 -0
- package/dist/assets/DashboardHeader.css +1 -0
- package/dist/assets/DialogListItem.css +1 -1
- package/dist/assets/Dropdown.css +1 -0
- package/dist/assets/DropdownBase.css +1 -1
- package/dist/assets/GlobalHeader.css +1 -1
- package/dist/assets/ItemControls.css +1 -0
- package/dist/assets/ItemLabel.css +1 -0
- package/dist/assets/ItemMedia.css +1 -0
- package/dist/assets/MenuItem.css +1 -1
- package/dist/assets/MenuListDivider.css +1 -0
- package/dist/assets/MenuListHeading.css +1 -0
- package/dist/assets/MenuListItem.css +1 -0
- package/dist/assets/MenuListSearch.css +1 -0
- package/dist/assets/MetaItemIcon.css +1 -1
- package/dist/assets/SearchField.css +1 -1
- package/dist/assets/SeenByLogButton.css +1 -0
- package/dist/assets/Switch.css +1 -0
- package/dist/assets/TabMenu.css +1 -0
- package/dist/assets/Tooltip.css +1 -0
- package/dist/assets/menuList.css +1 -0
- package/dist/components/Account/AccountList.js +1 -1
- package/dist/components/Account/AccountListVirtual.js +4 -4
- package/dist/components/Account/AccountMenu.js +14 -11
- package/dist/components/Account/AccountMenuButton.js +58 -56
- package/dist/components/Attachment/AttachmentLink.js +47 -41
- package/dist/components/Avatar/Avatar.js +11 -12
- package/dist/components/Avatar/AvatarGroup.js +38 -28
- package/dist/components/Banner/Banner.js +20 -38
- package/dist/components/Button/ButtonGroup.js +28 -12
- package/dist/components/Button/ButtonIcon.js +15 -15
- package/dist/components/Button/FloatingActionButton.js +22 -19
- package/dist/components/Byline/Byline.js +1 -1
- package/dist/components/ContextMenu/ContextMenu.js +73 -67
- package/dist/components/Dashboard/DashboardCard.js +24 -21
- package/dist/components/Dashboard/DashboardHeader.js +16 -14
- package/dist/components/Dashboard/index.js +2 -4
- package/dist/components/Datepicker/Datepicker.js +16 -14
- package/dist/components/Datepicker/DatepickerHeader.js +13 -13
- package/dist/components/Dialog/DialogActions.js +9 -9
- package/dist/components/Dialog/DialogAttachments.js +1 -1
- package/dist/components/Dialog/DialogListItem.js +113 -112
- package/dist/components/Dialog/DialogMetadata.js +83 -154
- package/dist/components/Dialog/DialogSeenBy.js +24 -41
- package/dist/components/Dialog/DialogTabs.js +4 -4
- package/dist/components/Dialog/SeenByLog.js +7 -7
- package/dist/components/Dialog/SeenByLogButton.js +12 -6
- package/dist/components/Dropdown/DrawerOrDropdown.js +1 -1
- package/dist/components/Dropdown/Dropdown.js +160 -0
- package/dist/components/Dropdown/DropdownBase.js +12 -12
- package/dist/components/Dropdown/FloatingDropdown.js +119 -74
- package/dist/components/Dropdown/index.js +18 -16
- package/dist/components/DsComponents/index.js +2 -2
- package/dist/components/Forms/SearchField.js +44 -29
- package/dist/components/Forms/Switch.js +10 -8
- package/dist/components/GlobalHeader/AccountSelector.js +55 -55
- package/dist/components/GlobalHeader/GlobalHeader.js +55 -54
- package/dist/components/GlobalHeader/GlobalSearch.js +1 -1
- package/dist/components/GlobalHeader/GlobalSearchButton.js +1 -0
- package/dist/components/GlobalMenu/BackButton.js +1 -1
- package/dist/components/GlobalMenu/GlobalMenu.js +52 -43
- package/dist/components/GlobalMenu/GlobalMenuButton.js +15 -14
- package/dist/components/GlobalMenu/LocaleSwitcher.js +30 -24
- package/dist/components/GlobalMenu_old/BackButton.js +1 -1
- package/dist/components/GlobalMenu_old/CurrentAccount.js +8 -9
- package/dist/components/GlobalMenu_old/EndUserLabel.js +29 -10
- package/dist/components/GlobalMenu_old/GlobalMenu.js +15 -8
- package/dist/components/GlobalMenu_old/GlobalMenuButton.js +1 -1
- package/dist/components/Header/Header.js +6 -6
- package/dist/components/Header/HeaderBase.js +1 -1
- package/dist/components/Header/LocaleSwitcher.js +10 -10
- package/dist/components/Icon/Icon.js +19 -20
- package/dist/components/Icon/ProgressIcon.js +1 -0
- package/dist/components/Icon/index.js +4 -6
- package/dist/components/Item/ItemControls.js +8 -0
- package/dist/components/Item/ItemLabel.js +34 -0
- package/dist/components/Item/ItemMedia.js +33 -0
- package/dist/components/Item/index.js +8 -0
- package/dist/components/Layout/Layout.js +4 -4
- package/dist/components/Menu/Menu.js +67 -45
- package/dist/components/Menu/MenuItem.js +192 -66
- package/dist/components/Menu/MenuItems.js +154 -71
- package/dist/components/Menu/MenuList.js +39 -0
- package/dist/components/Menu/MenuListDivider.js +8 -0
- package/dist/components/Menu/MenuListGroup.js +7 -0
- package/dist/components/Menu/MenuListHeading.js +7 -0
- package/dist/components/Menu/MenuListItem.js +34 -0
- package/dist/components/Menu/MenuListSearch.js +83 -0
- package/dist/components/Menu/MenuOption.js +4 -87
- package/dist/components/Menu/TabMenu.js +15 -0
- package/dist/components/Menu/VirtualizedMenuItems.js +227 -0
- package/dist/components/Menu/aria.js +9 -0
- package/dist/components/Menu/example.data.js +373 -0
- package/dist/components/Menu/example.hooks.js +75 -0
- package/dist/components/Menu/index.js +24 -25
- package/dist/components/Menu/types.js +1 -0
- package/dist/components/Menu/useDropdownMenuController.js +43 -0
- package/dist/components/Menu/useMenuSearch.js +146 -0
- package/dist/components/Menu/useMenuVirtualization.js +5 -0
- package/dist/components/Metadata/MetaItemIcon.js +4 -4
- package/dist/components/Notifications/NotificationItemBase.js +49 -50
- package/dist/components/Page/ContactButtons.js +13 -10
- package/dist/components/Page/PageTabs.js +4 -13
- package/dist/components/Searchbar/Autocomplete.js +34 -32
- package/dist/components/Searchbar/AutocompleteBase.js +3 -3
- package/dist/components/Searchbar/AutocompleteItem.js +29 -42
- package/dist/components/Settings/SettingsItemBase.js +25 -26
- package/dist/components/Settings/UsedByLog.js +6 -6
- package/dist/components/Toolbar/DatepickerFilter.js +87 -0
- package/dist/components/Toolbar/SelectDateFilter.js +51 -0
- package/dist/components/Toolbar/Toolbar.js +18 -104
- package/dist/components/Toolbar/ToolbarFilter.js +69 -73
- package/dist/components/Toolbar/ToolbarFilterAddMenu.js +82 -0
- package/dist/components/Toolbar/ToolbarFilterButton.js +46 -0
- package/dist/components/Toolbar/ToolbarFilterMenu.js +117 -0
- package/dist/components/Toolbar/ToolbarMenu.js +58 -21
- package/dist/components/Toolbar/ToolbarSearch.js +15 -10
- package/dist/components/Toolbar/example.data.js +388 -0
- package/dist/components/Toolbar/example.hooks.js +68 -0
- package/dist/components/Toolbar/formatDateRange.js +19 -0
- package/dist/components/Toolbar/index.js +12 -14
- package/dist/components/Toolbar/useFilter.js +63 -0
- package/dist/components/Tooltip/Tooltip.js +101 -0
- package/dist/components/Tooltip/index.js +4 -0
- package/dist/components/index.js +389 -386
- package/dist/floating-ui.dom-bEgaHJCq.js +997 -0
- package/dist/global.css +1 -1
- package/dist/hooks/useAccountSelector.js +9 -9
- package/dist/hooks/useMenu.js +48 -47
- package/dist/index--jNxJmA8.js +2000 -0
- package/dist/index.js +402 -399
- package/dist/menuList.module-DFH60CqT.js +6 -0
- package/dist/{textfield-DAuYWtUj.js → textfield-Drdr9bio.js} +40 -39
- package/dist/types/lib/components/Account/AccountList.d.ts +2 -2
- package/dist/types/lib/components/Account/AccountList.stories.d.ts +3 -4
- package/dist/types/lib/components/Account/AccountMenu.d.ts +3 -3
- package/dist/types/lib/components/Account/AccountMenu.stories.d.ts +1 -1
- package/dist/types/lib/components/Account/AccountMenuButton.stories.d.ts +10 -2
- package/dist/types/lib/components/Attachment/AttachmentLink.d.ts +3 -1
- package/dist/types/lib/components/Attachment/AttachmentLink.stories.d.ts +1 -1
- package/dist/types/lib/components/Button/ButtonGroup.d.ts +3 -1
- package/dist/types/lib/components/Button/ButtonGroup.stories.d.ts +1 -1
- package/dist/types/lib/components/Button/FloatingActionButton.d.ts +1 -6
- package/dist/types/lib/components/ContextMenu/ContextMenu.d.ts +7 -8
- package/dist/types/lib/components/Dashboard/DashboardCard.d.ts +2 -2
- package/dist/types/lib/components/Dashboard/DashboardHeader.d.ts +2 -2
- package/dist/types/lib/components/Dashboard/index.d.ts +0 -1
- package/dist/types/lib/components/Dialog/DialogTabs.d.ts +2 -4
- package/dist/types/lib/components/Dialog/SeenByLogButton.d.ts +8 -5
- package/dist/types/lib/components/Dropdown/Dropdown.d.ts +22 -0
- package/dist/types/lib/components/Dropdown/Dropdown.stories.d.ts +14 -0
- package/dist/types/lib/components/Dropdown/DropdownBase.d.ts +3 -2
- package/dist/types/lib/components/Dropdown/index.d.ts +1 -0
- package/dist/types/lib/components/Forms/SearchField.d.ts +2 -1
- package/dist/types/lib/components/Forms/SearchField.stories.d.ts +1 -1
- package/dist/types/lib/components/Forms/Switch.d.ts +2 -1
- package/dist/types/lib/components/Forms/Switch.stories.d.ts +1 -1
- package/dist/types/lib/components/GlobalMenu/GlobalMenu.d.ts +1 -1
- package/dist/types/lib/components/GlobalMenu/GlobalMenu.stories.d.ts +1 -3
- package/dist/types/lib/components/GlobalMenu/LocaleSwitcher.d.ts +1 -1
- package/dist/types/lib/components/Header/HeaderButton.d.ts +0 -4
- package/dist/types/lib/components/Header/HeaderButton.stories.d.ts +0 -1
- package/dist/types/lib/components/Icon/Icon.d.ts +3 -2
- package/dist/types/lib/components/Icon/index.d.ts +0 -1
- package/dist/types/lib/components/Item/ItemControls.d.ts +7 -0
- package/dist/types/lib/components/Item/ItemLabel.d.ts +14 -0
- package/dist/types/lib/components/Item/ItemMedia.d.ts +9 -0
- package/dist/types/lib/components/Item/index.d.ts +3 -0
- package/dist/types/lib/components/Menu/Menu.d.ts +4 -7
- package/dist/types/lib/components/Menu/Menu.stories.d.ts +64 -4
- package/dist/types/lib/components/Menu/MenuItem.d.ts +53 -21
- package/dist/types/lib/components/Menu/MenuItems.d.ts +21 -14
- package/dist/types/lib/components/Menu/MenuList.d.ts +21 -0
- package/dist/types/lib/components/Menu/MenuListDivider.d.ts +6 -0
- package/dist/types/lib/components/Menu/MenuListGroup.d.ts +8 -0
- package/dist/types/lib/components/Menu/MenuListHeading.d.ts +8 -0
- package/dist/types/lib/components/Menu/MenuListItem.d.ts +9 -0
- package/dist/types/lib/components/Menu/MenuListSearch.d.ts +15 -0
- package/dist/types/lib/components/Menu/MenuListSearch.stories.d.ts +18 -0
- package/dist/types/lib/components/Menu/MenuOption.d.ts +5 -16
- package/dist/types/lib/components/Menu/TabMenu.d.ts +8 -0
- package/dist/types/lib/components/Menu/VirtualizedMenu.stories.d.ts +22 -0
- package/dist/types/lib/components/Menu/VirtualizedMenuItems.d.ts +2 -0
- package/dist/types/lib/components/Menu/aria.d.ts +1 -0
- package/dist/types/lib/components/Menu/example.hooks.d.ts +24 -0
- package/dist/types/lib/components/Menu/index.d.ts +10 -9
- package/dist/types/lib/components/Menu/types.d.ts +1 -0
- package/dist/types/lib/components/Menu/useDropdownMenuController.d.ts +27 -0
- package/dist/types/lib/components/Menu/useMenuSearch.d.ts +129 -0
- package/dist/types/lib/components/Menu/useMenuVirtualization.d.ts +35 -0
- package/dist/types/lib/components/Page/ContactButtons.d.ts +6 -2
- package/dist/types/lib/components/Page/PageTabs.d.ts +3 -10
- package/dist/types/lib/components/Page/PageTabs.stories.d.ts +1 -1
- package/dist/types/lib/components/Searchbar/AutocompleteItem.d.ts +3 -3
- package/dist/types/lib/components/Searchbar/Searchbar.stories.d.ts +1 -1
- package/dist/types/lib/components/Toolbar/DatepickerFilter.d.ts +15 -0
- package/dist/types/lib/components/Toolbar/SelectDateFilter.d.ts +8 -0
- package/dist/types/lib/components/Toolbar/SelectDateFilter.stories.d.ts +9 -0
- package/dist/types/lib/components/Toolbar/Toolbar.d.ts +6 -19
- package/dist/types/lib/components/Toolbar/Toolbar.stories.d.ts +21 -19
- package/dist/types/lib/components/Toolbar/ToolbarFilter.d.ts +11 -23
- package/dist/types/lib/components/Toolbar/ToolbarFilter.stories.d.ts +6 -13
- package/dist/types/lib/components/Toolbar/ToolbarFilterAddMenu.d.ts +8 -0
- package/dist/types/lib/components/Toolbar/ToolbarFilterButton.d.ts +15 -0
- package/dist/types/lib/components/Toolbar/ToolbarFilterMenu.d.ts +15 -0
- package/dist/types/lib/components/Toolbar/ToolbarMenu.d.ts +5 -10
- package/dist/types/lib/components/Toolbar/ToolbarSearch.d.ts +3 -5
- package/dist/types/lib/components/Toolbar/ToolbarSearch.stories.d.ts +635 -1
- package/dist/types/lib/components/Toolbar/example.hooks.d.ts +41 -0
- package/dist/types/lib/components/Toolbar/formatDateRange.d.ts +10 -0
- package/dist/types/lib/components/Toolbar/index.d.ts +4 -5
- package/dist/types/lib/components/Toolbar/useFilter.d.ts +173 -0
- package/dist/types/lib/components/Tooltip/Tooltip.d.ts +8 -0
- package/dist/types/lib/components/Tooltip/Tooltip.stories.d.ts +9 -0
- package/dist/types/lib/components/Tooltip/index.d.ts +1 -0
- package/dist/types/lib/components/Transmission/Transmission.stories.d.ts +2 -2
- package/dist/types/lib/components/Typography/Heading.d.ts +2 -2
- package/dist/types/lib/components/index.d.ts +2 -0
- package/dist/types/lib/hooks/useAccountSelector.d.ts +2 -2
- package/dist/types/lib/hooks/useMenu.d.ts +3 -1
- package/dist/{index-De5bF0Gf.js → useMenuVirtualization-DpvWCsyD.js} +216 -165
- package/package.json +1 -1
- package/dist/assets/ContextMenu.css +0 -1
- package/dist/assets/IconOrAvatar.css +0 -1
- package/dist/assets/MenuBase.css +0 -1
- package/dist/assets/MenuHeader.css +0 -1
- package/dist/assets/MenuInputField.css +0 -1
- package/dist/assets/MenuItemBase.css +0 -1
- package/dist/assets/MenuItemIcon.css +0 -1
- package/dist/assets/MenuItemLabel.css +0 -1
- package/dist/assets/MenuItemsVirtual.css +0 -1
- package/dist/assets/MenuOption.css +0 -1
- package/dist/assets/MenuSearch.css +0 -1
- package/dist/assets/PageTabs.css +0 -1
- package/dist/assets/ToolbarBase.css +0 -1
- package/dist/assets/ToolbarButton.css +0 -1
- package/dist/assets/ToolbarDaterange.css +0 -1
- package/dist/assets/ToolbarFilterBase.css +0 -1
- package/dist/components/Dashboard/DashboardIcon.js +0 -11
- package/dist/components/Datepicker/DatepickerBase.js +0 -8
- package/dist/components/GlobalMenu/EndUserLabel.js +0 -13
- package/dist/components/GlobalMenu/LocaleButton.js +0 -13
- package/dist/components/Icon/IconOrAvatar.js +0 -33
- package/dist/components/Menu/MenuBase.js +0 -56
- package/dist/components/Menu/MenuHeader.js +0 -8
- package/dist/components/Menu/MenuInputField.js +0 -31
- package/dist/components/Menu/MenuItemBase.js +0 -58
- package/dist/components/Menu/MenuItemIcon.js +0 -27
- package/dist/components/Menu/MenuItemLabel.js +0 -76
- package/dist/components/Menu/MenuItemsVirtual.js +0 -168
- package/dist/components/Menu/MenuSearch.js +0 -41
- package/dist/components/Toolbar/ToolbarAccountMenu.js +0 -52
- package/dist/components/Toolbar/ToolbarAdd.js +0 -24
- package/dist/components/Toolbar/ToolbarBase.js +0 -8
- package/dist/components/Toolbar/ToolbarButton.js +0 -115
- package/dist/components/Toolbar/ToolbarDaterange.js +0 -58
- package/dist/components/Toolbar/ToolbarFilterBase.js +0 -17
- package/dist/components/Toolbar/ToolbarOptions.js +0 -84
- package/dist/index-DttADHE1.js +0 -2993
- package/dist/types/lib/components/ContextMenu/ContextMenu.stories.d.ts +0 -8
- package/dist/types/lib/components/Dashboard/DashboardIcon.d.ts +0 -7
- package/dist/types/lib/components/Datepicker/DatepickerBase.d.ts +0 -6
- package/dist/types/lib/components/GlobalMenu/EndUserLabel.d.ts +0 -5
- package/dist/types/lib/components/GlobalMenu/LocaleButton.d.ts +0 -3
- package/dist/types/lib/components/Icon/IconOrAvatar.d.ts +0 -13
- package/dist/types/lib/components/Menu/MenuBase.d.ts +0 -42
- package/dist/types/lib/components/Menu/MenuHeader.d.ts +0 -4
- package/dist/types/lib/components/Menu/MenuInputField.d.ts +0 -12
- package/dist/types/lib/components/Menu/MenuItemBase.d.ts +0 -28
- package/dist/types/lib/components/Menu/MenuItemIcon.d.ts +0 -10
- package/dist/types/lib/components/Menu/MenuItemLabel.d.ts +0 -15
- package/dist/types/lib/components/Menu/MenuItemsVirtual.d.ts +0 -2
- package/dist/types/lib/components/Menu/MenuSearch.d.ts +0 -10
- package/dist/types/lib/components/Menu/MenuSearch.stories.d.ts +0 -18
- package/dist/types/lib/components/Toolbar/ToolbarAccountMenu.d.ts +0 -8
- package/dist/types/lib/components/Toolbar/ToolbarAdd.d.ts +0 -8
- package/dist/types/lib/components/Toolbar/ToolbarAdd.stories.d.ts +0 -13
- package/dist/types/lib/components/Toolbar/ToolbarBase.d.ts +0 -5
- package/dist/types/lib/components/Toolbar/ToolbarButton.d.ts +0 -16
- package/dist/types/lib/components/Toolbar/ToolbarButton.stories.d.ts +0 -15
- package/dist/types/lib/components/Toolbar/ToolbarDate.stories.d.ts +0 -26
- package/dist/types/lib/components/Toolbar/ToolbarDaterange.d.ts +0 -11
- package/dist/types/lib/components/Toolbar/ToolbarDaterange.stories.d.ts +0 -15
- package/dist/types/lib/components/Toolbar/ToolbarFilterBase.d.ts +0 -8
- package/dist/types/lib/components/Toolbar/ToolbarMenu.stories.d.ts +0 -19
- package/dist/types/lib/components/Toolbar/ToolbarOptions.d.ts +0 -22
- package/dist/types/lib/components/Toolbar/ToolbarOptions.stories.d.ts +0 -12
- /package/dist/assets/{DatepickerBase.css → Datepicker.css} +0 -0
- /package/dist/types/lib/components/GlobalHeader/{AccountSector.stories.d.ts → AccountSelector.stories.d.ts} +0 -0
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { ContextMenu, ContextMenuProps } from './ContextMenu';
|
|
3
|
-
declare const meta: Meta<typeof ContextMenu>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof meta>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const ListControls: (args: ContextMenuProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
export declare const DialogControls: (args: ContextMenuProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { MenuItemIconProps } from '..';
|
|
2
|
-
export interface DashboardIconProps {
|
|
3
|
-
loading?: boolean;
|
|
4
|
-
icon?: MenuItemIconProps['icon'];
|
|
5
|
-
theme?: MenuItemIconProps['theme'];
|
|
6
|
-
}
|
|
7
|
-
export declare const DashboardIcon: ({ loading, icon, theme }: DashboardIconProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import { AvatarGroupProps, AvatarProps, BadgeProps, IconProps, IconTheme, SvgElement } from '..';
|
|
3
|
-
export type IconOrAvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
4
|
-
export interface IconOrAvatarProps {
|
|
5
|
-
loading?: boolean;
|
|
6
|
-
size?: IconOrAvatarSize;
|
|
7
|
-
icon?: IconProps | SvgElement | ReactNode;
|
|
8
|
-
iconTheme?: IconTheme;
|
|
9
|
-
avatar?: AvatarProps;
|
|
10
|
-
avatarGroup?: AvatarGroupProps;
|
|
11
|
-
badge?: BadgeProps | undefined;
|
|
12
|
-
}
|
|
13
|
-
export declare const IconOrAvatar: ({ loading, size, icon, iconTheme, avatar, avatarGroup }: IconOrAvatarProps) => string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import { ElementType, MouseEventHandler, ReactNode } from 'react';
|
|
2
|
-
import { Color } from '..';
|
|
3
|
-
export type MenuColor = Color;
|
|
4
|
-
export type MenuVariant = 'transparent' | 'default' | 'subtle';
|
|
5
|
-
export type MenuListRole = 'presentation' | 'group' | 'list';
|
|
6
|
-
export type MenuListItemRole = 'presentation' | 'group' | 'separator' | 'menuitemcheckbox' | 'menuitemradio' | 'menuitem';
|
|
7
|
-
export interface MenuBaseProps {
|
|
8
|
-
as?: ElementType;
|
|
9
|
-
variant?: MenuVariant;
|
|
10
|
-
color?: MenuColor;
|
|
11
|
-
className?: string;
|
|
12
|
-
children?: ReactNode;
|
|
13
|
-
ref?: React.Ref<HTMLElement>;
|
|
14
|
-
}
|
|
15
|
-
export interface MenuListProps {
|
|
16
|
-
as?: ElementType;
|
|
17
|
-
role?: MenuListRole;
|
|
18
|
-
expanded?: boolean;
|
|
19
|
-
className?: string;
|
|
20
|
-
children?: ReactNode;
|
|
21
|
-
ref?: React.Ref<HTMLUListElement>;
|
|
22
|
-
onMouseEnter?: MouseEventHandler;
|
|
23
|
-
onMouseLeave?: MouseEventHandler;
|
|
24
|
-
onBlurCapture?: React.FocusEventHandler<HTMLElement>;
|
|
25
|
-
}
|
|
26
|
-
export interface MenuListItemProps {
|
|
27
|
-
as?: ElementType;
|
|
28
|
-
role?: MenuListItemRole;
|
|
29
|
-
expanded?: boolean;
|
|
30
|
-
className?: string;
|
|
31
|
-
children?: ReactNode;
|
|
32
|
-
style?: React.CSSProperties;
|
|
33
|
-
dataIndex?: number;
|
|
34
|
-
disabled?: boolean;
|
|
35
|
-
onMouseEnter?: MouseEventHandler;
|
|
36
|
-
onMouseLeave?: MouseEventHandler;
|
|
37
|
-
ref?: HTMLUListElement;
|
|
38
|
-
'aria-checked'?: boolean;
|
|
39
|
-
}
|
|
40
|
-
export declare const MenuBase: ({ as, color, variant, className, children, ref }: MenuBaseProps) => import("react/jsx-runtime").JSX.Element;
|
|
41
|
-
export declare const MenuList: ({ as, role, className, children, ref, onMouseEnter, onMouseLeave, onBlurCapture, }: MenuListProps) => import("react/jsx-runtime").JSX.Element;
|
|
42
|
-
export declare const MenuListItem: ({ as, role, className, children, style, dataIndex, disabled, onMouseEnter, onMouseLeave, "aria-checked": ariaChecked, }: MenuListItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { ChangeEventHandler } from 'react';
|
|
2
|
-
type InputType = 'text' | 'date' | 'search';
|
|
3
|
-
export interface MenuInputFieldProps {
|
|
4
|
-
placeholder?: string;
|
|
5
|
-
type?: InputType;
|
|
6
|
-
label?: string;
|
|
7
|
-
name: string;
|
|
8
|
-
value: string;
|
|
9
|
-
onChange: ChangeEventHandler;
|
|
10
|
-
}
|
|
11
|
-
export declare const MenuInputField: ({ label, type, value, name, placeholder, onChange, }: MenuInputFieldProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
export {};
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { ElementType, KeyboardEventHandler, MouseEventHandler, ReactNode } from 'react';
|
|
2
|
-
import { Color } from '..';
|
|
3
|
-
export type MenuItemSize = 'sm' | 'md' | 'lg';
|
|
4
|
-
export type MenuItemColor = Color;
|
|
5
|
-
export type MenuItemVariant = 'default' | 'subtle' | 'surface' | 'base';
|
|
6
|
-
export type MenuItemBaseProps = {
|
|
7
|
-
interactive?: boolean;
|
|
8
|
-
ariaLabel?: string;
|
|
9
|
-
role?: string;
|
|
10
|
-
as?: ElementType;
|
|
11
|
-
size?: MenuItemSize;
|
|
12
|
-
color?: MenuItemColor;
|
|
13
|
-
variant?: MenuItemVariant;
|
|
14
|
-
className?: string;
|
|
15
|
-
href?: string;
|
|
16
|
-
onClick?: () => void;
|
|
17
|
-
onKeyPress?: KeyboardEventHandler;
|
|
18
|
-
tabIndex?: number;
|
|
19
|
-
hidden?: boolean;
|
|
20
|
-
disabled?: boolean;
|
|
21
|
-
active?: boolean;
|
|
22
|
-
selected?: boolean;
|
|
23
|
-
expanded?: boolean;
|
|
24
|
-
children?: ReactNode;
|
|
25
|
-
onMouseEnter?: MouseEventHandler;
|
|
26
|
-
'data-testid'?: string;
|
|
27
|
-
};
|
|
28
|
-
export declare const MenuItemBase: ({ interactive, ariaLabel, role, as, color, variant, size, className, href, onClick, onKeyPress, tabIndex, hidden, selected, disabled, children, active, onMouseEnter, "data-testid": dataTestId, }: MenuItemBaseProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { AvatarGroupProps, AvatarProps, BadgeProps, IconProps, IconTheme, SvgElement } from '..';
|
|
2
|
-
export type MenuItemIconSize = 'sm' | 'md' | 'lg';
|
|
3
|
-
export interface MenuItemIconProps {
|
|
4
|
-
loading?: boolean;
|
|
5
|
-
size?: MenuItemIconSize;
|
|
6
|
-
icon?: IconProps | SvgElement | AvatarProps | AvatarGroupProps;
|
|
7
|
-
theme?: IconTheme;
|
|
8
|
-
badge?: BadgeProps | undefined;
|
|
9
|
-
}
|
|
10
|
-
export declare const MenuItemIcon: ({ loading, size, icon, theme, badge }: MenuItemIconProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import { HeadingProps } from '..';
|
|
3
|
-
import { MenuItemSize } from './MenuItemBase';
|
|
4
|
-
export interface MenuItemLabelProps {
|
|
5
|
-
className?: string;
|
|
6
|
-
size?: MenuItemSize;
|
|
7
|
-
label?: string;
|
|
8
|
-
loading?: boolean;
|
|
9
|
-
highlightWords?: string[];
|
|
10
|
-
title?: HeadingProps | ReactNode | string;
|
|
11
|
-
description?: HeadingProps | ReactNode | string;
|
|
12
|
-
children?: ReactNode;
|
|
13
|
-
}
|
|
14
|
-
export declare function getAriaLabelFromTitle(title: HeadingProps | ReactNode | string): string | undefined;
|
|
15
|
-
export declare const MenuItemLabel: ({ className, size, title, description, highlightWords, loading, children, }: MenuItemLabelProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import { MenuItemsProps } from './MenuItems';
|
|
2
|
-
export declare const MenuItemsVirtual: ({ level, search, items, groups, defaultItemSize, defaultItemColor, defaultItemVariant, defaultIconTheme, keyboardEvents, scrollRefStyles: externalScrollRefStyles, }: MenuItemsProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { ChangeEventHandler } from 'react';
|
|
2
|
-
export interface MenuSearchProps {
|
|
3
|
-
placeholder?: string;
|
|
4
|
-
name: string;
|
|
5
|
-
clearButtonAltText?: string;
|
|
6
|
-
value?: string;
|
|
7
|
-
onChange?: ChangeEventHandler;
|
|
8
|
-
onClear?: () => void;
|
|
9
|
-
}
|
|
10
|
-
export declare const MenuSearch: ({ name, value, placeholder, clearButtonAltText, onChange, onClear, }: MenuSearchProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { MenuSearchProps } from './MenuSearch';
|
|
3
|
-
declare const meta: {
|
|
4
|
-
title: string;
|
|
5
|
-
component: ({ name, value, placeholder, clearButtonAltText, onChange, onClear, }: MenuSearchProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
tags: string[];
|
|
7
|
-
parameters: {};
|
|
8
|
-
args: {
|
|
9
|
-
name: string;
|
|
10
|
-
placeholder: string;
|
|
11
|
-
onClear: () => void;
|
|
12
|
-
onChange: () => void;
|
|
13
|
-
};
|
|
14
|
-
};
|
|
15
|
-
export default meta;
|
|
16
|
-
type Story = StoryObj<typeof meta>;
|
|
17
|
-
export declare const Default: Story;
|
|
18
|
-
export declare const WithState: (args: MenuSearchProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { AccountMenuProps } from '../';
|
|
2
|
-
export interface ToolbarAccountMenuProps extends AccountMenuProps {
|
|
3
|
-
id?: string;
|
|
4
|
-
isVirtualized?: boolean;
|
|
5
|
-
buttonTestId?: string;
|
|
6
|
-
title?: string;
|
|
7
|
-
}
|
|
8
|
-
export declare const ToolbarAccountMenu: ({ currentAccount, id, onSelectAccount, buttonTestId, title, ...rest }: ToolbarAccountMenuProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { MenuItemProps } from '../Menu';
|
|
2
|
-
export interface ToolbarAddProps {
|
|
3
|
-
items: MenuItemProps[];
|
|
4
|
-
id: string;
|
|
5
|
-
label?: string;
|
|
6
|
-
className?: string;
|
|
7
|
-
}
|
|
8
|
-
export declare const ToolbarAdd: ({ label, items, id }: ToolbarAddProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
declare const meta: {
|
|
3
|
-
title: string;
|
|
4
|
-
component: ({ label, items, id }: import('./ToolbarAdd').ToolbarAddProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
tags: string[];
|
|
6
|
-
parameters: {};
|
|
7
|
-
args: {
|
|
8
|
-
id: string;
|
|
9
|
-
};
|
|
10
|
-
};
|
|
11
|
-
export default meta;
|
|
12
|
-
type Story = StoryObj<typeof meta>;
|
|
13
|
-
export declare const Default: Story;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { AriaAttributes, ElementType, MouseEventHandler, ReactNode } from 'react';
|
|
2
|
-
export type ToolbarButtonType = 'add' | 'select' | 'switch';
|
|
3
|
-
export type ToolbarButtonProps = {
|
|
4
|
-
as?: ElementType;
|
|
5
|
-
type?: ToolbarButtonType;
|
|
6
|
-
ariaLabel?: string;
|
|
7
|
-
iconAltText?: string;
|
|
8
|
-
removable?: boolean;
|
|
9
|
-
active?: boolean;
|
|
10
|
-
children?: ReactNode;
|
|
11
|
-
onToggle?: MouseEventHandler;
|
|
12
|
-
onRemove?: MouseEventHandler;
|
|
13
|
-
'data-testid'?: string;
|
|
14
|
-
tabIndex?: number;
|
|
15
|
-
} & AriaAttributes;
|
|
16
|
-
export declare const ToolbarButton: ({ type, removable, ariaLabel, active, children, onToggle, onRemove, iconAltText, "data-testid": dataTestId, tabIndex, "aria-expanded": ariaExpanded, }: ToolbarButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
declare const meta: {
|
|
3
|
-
title: string;
|
|
4
|
-
component: ({ type, removable, ariaLabel, active, children, onToggle, onRemove, iconAltText, "data-testid": dataTestId, tabIndex, "aria-expanded": ariaExpanded, }: import('./ToolbarButton').ToolbarButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
tags: string[];
|
|
6
|
-
parameters: {};
|
|
7
|
-
args: {
|
|
8
|
-
children: string;
|
|
9
|
-
};
|
|
10
|
-
};
|
|
11
|
-
export default meta;
|
|
12
|
-
type Story = StoryObj<typeof meta>;
|
|
13
|
-
export declare const Default: Story;
|
|
14
|
-
export declare const Add: Story;
|
|
15
|
-
export declare const Removable: Story;
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
declare const meta: {
|
|
3
|
-
title: string;
|
|
4
|
-
component: ({ removable, label, name, filterState, options, optionGroups, onChange, onRemove, buttonAltText, getSelectedLabel, showResultsLabel, search, optionType, id, }: import('./ToolbarFilter').ToolbarFilterProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
tags: string[];
|
|
6
|
-
parameters: {};
|
|
7
|
-
args: {
|
|
8
|
-
label: string;
|
|
9
|
-
optionType: "radio";
|
|
10
|
-
options: ({
|
|
11
|
-
groupId: string;
|
|
12
|
-
name: string;
|
|
13
|
-
label: string;
|
|
14
|
-
value: string;
|
|
15
|
-
} | {
|
|
16
|
-
groupId: string;
|
|
17
|
-
label: string;
|
|
18
|
-
value: string;
|
|
19
|
-
name?: undefined;
|
|
20
|
-
})[];
|
|
21
|
-
};
|
|
22
|
-
};
|
|
23
|
-
export default meta;
|
|
24
|
-
type Story = StoryObj<typeof meta>;
|
|
25
|
-
export declare const Default: Story;
|
|
26
|
-
export declare const Expanded: Story;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
export interface ToolbarDaterangeProps {
|
|
2
|
-
title: string;
|
|
3
|
-
label: string;
|
|
4
|
-
value: string | number;
|
|
5
|
-
description?: string;
|
|
6
|
-
fromLabel?: string;
|
|
7
|
-
toLabel?: string;
|
|
8
|
-
id?: string;
|
|
9
|
-
className?: string;
|
|
10
|
-
}
|
|
11
|
-
export declare const ToolbarDaterange: ({ id, title, description, fromLabel, toLabel, label, value, }: ToolbarDaterangeProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
declare const meta: {
|
|
3
|
-
title: string;
|
|
4
|
-
component: ({ id, title, description, fromLabel, toLabel, label, value, }: import('./ToolbarDaterange').ToolbarDaterangeProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
tags: string[];
|
|
6
|
-
parameters: {};
|
|
7
|
-
args: {
|
|
8
|
-
label: string;
|
|
9
|
-
value: string;
|
|
10
|
-
title: string;
|
|
11
|
-
};
|
|
12
|
-
};
|
|
13
|
-
export default meta;
|
|
14
|
-
type Story = StoryObj<typeof meta>;
|
|
15
|
-
export declare const Default: Story;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
export interface ToolbarFilterBaseProps {
|
|
3
|
-
children?: ReactNode;
|
|
4
|
-
expanded?: boolean;
|
|
5
|
-
onBlurCapture?: React.FocusEventHandler<HTMLDivElement>;
|
|
6
|
-
'data-testid'?: string;
|
|
7
|
-
}
|
|
8
|
-
export declare const ToolbarFilterBase: ({ expanded, children, onBlurCapture, "data-testid": dataTestId, }: ToolbarFilterBaseProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
declare const meta: {
|
|
3
|
-
title: string;
|
|
4
|
-
component: ({ label, value, groups, search, items, id, title, }: import('./ToolbarMenu').ToolbarMenuProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
tags: string[];
|
|
6
|
-
parameters: {};
|
|
7
|
-
args: {
|
|
8
|
-
label: string;
|
|
9
|
-
value: string;
|
|
10
|
-
items: {
|
|
11
|
-
id: string;
|
|
12
|
-
title: string;
|
|
13
|
-
}[];
|
|
14
|
-
};
|
|
15
|
-
};
|
|
16
|
-
export default meta;
|
|
17
|
-
type Story = StoryObj<typeof meta>;
|
|
18
|
-
export declare const Default: Story;
|
|
19
|
-
export declare const Expanded: Story;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { MenuOptionProps } from '../Menu';
|
|
2
|
-
import { FilterChangePayload } from './Toolbar.tsx';
|
|
3
|
-
import { ToolbarSearchProps } from './ToolbarSearch';
|
|
4
|
-
export type ToolbarOptionType = 'checkbox' | 'radio';
|
|
5
|
-
export interface OptionGroup {
|
|
6
|
-
title?: string;
|
|
7
|
-
divider?: boolean;
|
|
8
|
-
optionType?: ToolbarOptionType;
|
|
9
|
-
}
|
|
10
|
-
export interface ToolbarOptionsProps {
|
|
11
|
-
name: string;
|
|
12
|
-
options: MenuOptionProps[];
|
|
13
|
-
onChange?: (input: FilterChangePayload) => void;
|
|
14
|
-
search?: ToolbarSearchProps;
|
|
15
|
-
optionType: ToolbarOptionType;
|
|
16
|
-
optionGroups?: {
|
|
17
|
-
[key: string]: OptionGroup;
|
|
18
|
-
};
|
|
19
|
-
keyboardEvents?: boolean;
|
|
20
|
-
onBlurCapture?: React.FocusEventHandler<HTMLButtonElement>;
|
|
21
|
-
}
|
|
22
|
-
export declare const ToolbarOptions: ({ name, search, optionGroups, options, onChange, optionType, keyboardEvents, onBlurCapture, }: ToolbarOptionsProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
declare const meta: {
|
|
3
|
-
title: string;
|
|
4
|
-
component: ({ name, search, optionGroups, options, onChange, optionType, keyboardEvents, onBlurCapture, }: import('./ToolbarOptions').ToolbarOptionsProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
tags: string[];
|
|
6
|
-
parameters: {};
|
|
7
|
-
args: {};
|
|
8
|
-
};
|
|
9
|
-
export default meta;
|
|
10
|
-
type Story = StoryObj<typeof meta>;
|
|
11
|
-
export declare const Checkboxes: Story;
|
|
12
|
-
export declare const Radio: Story;
|
|
File without changes
|
|
File without changes
|