uikit-react-public 0.25.0 → 0.25.2
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/components/DropdownMenu/DropdownMenu.d.ts +3 -2
- package/dist/components/DropdownMenu/DropdownMenuTrigger.d.ts +15 -0
- package/dist/components/MenuNew/ActionMenuButton.d.ts +6 -0
- package/dist/components/MenuNew/Menu.d.ts +10 -3
- package/dist/components/MenuNew/MenuAccordion/MenuAccordion.d.ts +15 -0
- package/dist/components/MenuNew/MenuAccordion/MenuAccordionChevron.d.ts +6 -0
- package/dist/components/MenuNew/MenuAccordion/MenuAccordionItem.d.ts +8 -0
- package/dist/components/MenuNew/MenuAccordion/index.d.ts +2 -0
- package/dist/components/MenuNew/MenuBaseItem.d.ts +4 -1
- package/dist/components/MenuNew/MenuHeading.d.ts +7 -0
- package/dist/components/MenuNew/MenuSection.d.ts +7 -0
- package/dist/components/MenuNew/PrimaryMenuItem.d.ts +2 -2
- package/dist/components/MenuNew/index.d.ts +1 -1
- package/dist/index.js +5101 -4838
- package/lib/components/Button/Button.tsx +4 -1
- package/lib/components/Button/__tests__/__snapshots__/Button.test.tsx.snap +9 -9
- package/lib/components/DropdownMenu/DropdownMenu.tsx +12 -24
- package/lib/components/DropdownMenu/DropdownMenuTrigger.tsx +74 -0
- package/lib/components/DropdownMenu/__tests__/DropdownMenu.test.tsx +58 -1
- package/lib/components/MenuNew/ActionMenuButton.tsx +39 -0
- package/lib/components/MenuNew/Menu.tsx +34 -7
- package/lib/components/MenuNew/MenuAccordion/MenuAccordion.tsx +104 -0
- package/lib/components/MenuNew/MenuAccordion/MenuAccordionChevron.tsx +30 -0
- package/lib/components/MenuNew/MenuAccordion/MenuAccordionItem.tsx +47 -0
- package/lib/components/MenuNew/MenuAccordion/index.ts +5 -0
- package/lib/components/MenuNew/MenuBaseItem.tsx +62 -5
- package/lib/components/MenuNew/MenuDivider.tsx +3 -1
- package/lib/components/MenuNew/MenuHeading.tsx +56 -0
- package/lib/components/MenuNew/MenuItemText.tsx +6 -0
- package/lib/components/MenuNew/MenuSection.tsx +36 -0
- package/lib/components/MenuNew/PrimaryMenuItem.tsx +9 -4
- package/lib/components/MenuNew/SecondaryMenuItem.tsx +9 -1
- package/lib/components/MenuNew/__tests__/Menu.test.tsx +180 -6
- package/lib/components/MenuNew/index.ts +4 -1
- package/lib/components/Table/subcomponents/Cell/__tests__/__snapshots__/Cell.test.tsx.snap +1 -1
- package/package.json +1 -1
- package/dist/components/MenuNew/ActionMenuItem.d.ts +0 -7
- package/lib/components/MenuNew/ActionMenuItem.tsx +0 -31
|
@@ -4,10 +4,11 @@ export declare const NAME = "ucl-uikit-dropdown-menu";
|
|
|
4
4
|
export interface DropdownMenuProps extends Omit<DropdownProps, 'children'>, Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
|
|
5
5
|
children: ReactNode;
|
|
6
6
|
label?: string;
|
|
7
|
-
|
|
7
|
+
triggerAriaLabelCollapsed?: string;
|
|
8
|
+
triggerAriaLabelExpanded?: string;
|
|
8
9
|
dropdownClassName?: string;
|
|
9
10
|
triggerClassName?: string;
|
|
10
11
|
contentClassName?: string;
|
|
11
12
|
}
|
|
12
|
-
declare const DropdownMenu: ({ children, label,
|
|
13
|
+
declare const DropdownMenu: ({ children, label, triggerAriaLabelCollapsed, triggerAriaLabelExpanded, dropdownClassName, triggerClassName, contentClassName, className, ...props }: DropdownMenuProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
14
|
export default DropdownMenu;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { FocusEventHandler, KeyboardEventHandler, MouseEventHandler } from 'react';
|
|
2
|
+
export interface DropdownMenuTriggerProps {
|
|
3
|
+
isDesktop: boolean;
|
|
4
|
+
label: string;
|
|
5
|
+
triggerAriaLabelCollapsed: string;
|
|
6
|
+
triggerAriaLabelExpanded: string;
|
|
7
|
+
className?: string;
|
|
8
|
+
onClick?: MouseEventHandler<HTMLElement>;
|
|
9
|
+
onKeyDown?: KeyboardEventHandler<HTMLElement>;
|
|
10
|
+
onBlur?: FocusEventHandler<HTMLElement>;
|
|
11
|
+
onFocus?: FocusEventHandler<HTMLElement>;
|
|
12
|
+
[key: string]: unknown;
|
|
13
|
+
}
|
|
14
|
+
declare const DropdownMenuTrigger: ({ isDesktop, label, triggerAriaLabelCollapsed, triggerAriaLabelExpanded, className, ...props }: DropdownMenuTriggerProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export default DropdownMenuTrigger;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { ButtonProps } from '../Button';
|
|
2
|
+
export declare const NAME = "ucl-uikit-menu__action-button";
|
|
3
|
+
export interface ActionMenuButtonProps extends Omit<ButtonProps<'button'>, 'variant' | 'as'> {
|
|
4
|
+
}
|
|
5
|
+
declare const ActionMenuButton: ({ className, children, ...props }: ActionMenuButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export default ActionMenuButton;
|
|
@@ -1,20 +1,27 @@
|
|
|
1
1
|
import { HTMLAttributes, NamedExoticComponent } from 'react';
|
|
2
2
|
import { default as MenuBaseItem, MenuBaseItemProps } from './MenuBaseItem';
|
|
3
3
|
import { default as MenuDivider, MenuDividerProps } from './MenuDivider';
|
|
4
|
-
import { default as
|
|
4
|
+
import { default as MenuHeading, MenuHeadingProps } from './MenuHeading';
|
|
5
|
+
import { default as MenuSection, MenuSectionProps } from './MenuSection';
|
|
6
|
+
import { default as MenuAccordion, MenuAccordionItemProps, MenuAccordionProps } from './MenuAccordion';
|
|
7
|
+
import { default as ActionMenuButton, ActionMenuButtonProps } from './ActionMenuButton';
|
|
5
8
|
import { default as PrimaryMenuItem, PrimaryMenuItemProps } from './PrimaryMenuItem';
|
|
6
9
|
import { default as SecondaryMenuItem, SecondaryMenuItemProps } from './SecondaryMenuItem';
|
|
7
10
|
export declare const NAME = "ucl-uikit-menu";
|
|
8
11
|
export interface MenuProps extends HTMLAttributes<HTMLDivElement> {
|
|
9
12
|
testId?: string;
|
|
13
|
+
border?: boolean;
|
|
10
14
|
}
|
|
11
|
-
export type { MenuDividerProps, MenuBaseItemProps, PrimaryMenuItemProps, SecondaryMenuItemProps,
|
|
15
|
+
export type { MenuDividerProps, MenuHeadingProps, MenuSectionProps, MenuAccordionProps, MenuAccordionItemProps, MenuBaseItemProps, PrimaryMenuItemProps, SecondaryMenuItemProps, ActionMenuButtonProps, };
|
|
12
16
|
interface MenuComponent extends NamedExoticComponent<MenuProps> {
|
|
17
|
+
Section: typeof MenuSection;
|
|
18
|
+
Heading: typeof MenuHeading;
|
|
19
|
+
Accordion: typeof MenuAccordion;
|
|
13
20
|
Divider: typeof MenuDivider;
|
|
14
21
|
BaseItem: typeof MenuBaseItem;
|
|
15
22
|
PrimaryItem: typeof PrimaryMenuItem;
|
|
16
23
|
SecondaryItem: typeof SecondaryMenuItem;
|
|
17
|
-
|
|
24
|
+
ActionButton: typeof ActionMenuButton;
|
|
18
25
|
}
|
|
19
26
|
declare const MemoMenu: MenuComponent;
|
|
20
27
|
export default MemoMenu;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { NamedExoticComponent, ReactNode } from 'react';
|
|
2
|
+
import { MenuBaseItemProps } from '../MenuBaseItem';
|
|
3
|
+
import { default as MenuAccordionItem, MenuAccordionItemProps } from './MenuAccordionItem';
|
|
4
|
+
export declare const NAME = "ucl-uikit-menu__accordion";
|
|
5
|
+
export interface MenuAccordionProps extends Omit<MenuBaseItemProps, 'iconPosition' | 'asChild' | 'children'> {
|
|
6
|
+
label: ReactNode;
|
|
7
|
+
defaultExpanded?: boolean;
|
|
8
|
+
children?: ReactNode;
|
|
9
|
+
}
|
|
10
|
+
interface MenuAccordionComponent extends NamedExoticComponent<MenuAccordionProps> {
|
|
11
|
+
Item: typeof MenuAccordionItem;
|
|
12
|
+
}
|
|
13
|
+
declare const MemoMenuAccordion: MenuAccordionComponent;
|
|
14
|
+
export type { MenuAccordionItemProps };
|
|
15
|
+
export default MemoMenuAccordion;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
export declare const NAME = "ucl-uikit-menu__accordion-item";
|
|
3
|
+
export interface MenuAccordionItemProps extends HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
asChild?: boolean;
|
|
5
|
+
testId?: string;
|
|
6
|
+
}
|
|
7
|
+
declare const MenuAccordionItem: ({ asChild, testId, className, children, ...props }: MenuAccordionItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export default MenuAccordionItem;
|
|
@@ -2,6 +2,9 @@ import { HTMLAttributes, ReactNode } from 'react';
|
|
|
2
2
|
export interface MenuBaseItemProps extends HTMLAttributes<HTMLDivElement> {
|
|
3
3
|
icon?: ReactNode;
|
|
4
4
|
iconPosition?: 'left' | 'right';
|
|
5
|
+
endAdornment?: ReactNode;
|
|
6
|
+
underlineOnHover?: boolean;
|
|
7
|
+
asChild?: boolean;
|
|
5
8
|
}
|
|
6
|
-
declare const MenuBaseItem: ({ icon, iconPosition, className, children, ...props }: MenuBaseItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare const MenuBaseItem: ({ icon, iconPosition, endAdornment, className, children, onClick, onKeyDown, role, tabIndex, underlineOnHover, asChild, ...props }: MenuBaseItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
10
|
export default MenuBaseItem;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
export declare const NAME = "ucl-uikit-menu__heading";
|
|
3
|
+
export interface MenuHeadingProps extends HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
testId?: string;
|
|
5
|
+
}
|
|
6
|
+
declare const MenuHeading: ({ testId, className, children, ...props }: MenuHeadingProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export default MenuHeading;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
export declare const NAME = "ucl-uikit-menu__section";
|
|
3
|
+
export interface MenuSectionProps extends HTMLAttributes<HTMLElement> {
|
|
4
|
+
testId?: string;
|
|
5
|
+
}
|
|
6
|
+
declare const MenuSection: ({ testId, className, children, ...props }: MenuSectionProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export default MenuSection;
|
|
@@ -3,7 +3,7 @@ import { MenuBaseItemProps } from './MenuBaseItem';
|
|
|
3
3
|
export declare const NAME = "ucl-uikit-menu__primary-item";
|
|
4
4
|
export interface PrimaryMenuItemProps extends Omit<MenuBaseItemProps, 'iconPosition'> {
|
|
5
5
|
asChild?: boolean;
|
|
6
|
-
|
|
6
|
+
trailingContent?: ReactNode;
|
|
7
7
|
}
|
|
8
|
-
declare const PrimaryMenuItem: ({ className, children, asChild,
|
|
8
|
+
declare const PrimaryMenuItem: ({ className, children, asChild, trailingContent, ...props }: PrimaryMenuItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
9
|
export default PrimaryMenuItem;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { default } from './Menu';
|
|
2
|
-
export type { MenuProps, MenuDividerProps, MenuBaseItemProps, PrimaryMenuItemProps, SecondaryMenuItemProps,
|
|
2
|
+
export type { MenuProps, MenuDividerProps, MenuHeadingProps, MenuSectionProps, MenuAccordionProps, MenuBaseItemProps, PrimaryMenuItemProps, SecondaryMenuItemProps, ActionMenuButtonProps, } from './Menu';
|