@openfin/ui-library 0.26.1-alpha.1728495170 → 0.26.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/components/elements/Icon/icon.d.ts +2 -2
- package/dist/components/elements/Icon/openfin/index.d.ts +0 -3
- package/dist/components/input/BaseInput/baseInput.d.ts +1 -1
- package/dist/components/input/Checkbox/checkbox.d.ts +1 -1
- package/dist/components/input/RadioInput/radioInput.d.ts +1 -1
- package/dist/components/input/TextInput/textInput.d.ts +1 -1
- package/dist/components/system/ThemeProvider/lib/constants.d.ts +0 -3
- package/dist/index.d.ts +1 -2
- package/dist/index.js +162 -249
- package/package.json +1 -1
- package/dist/components/controls/Menus/ContentMenu/ContentMenu.d.ts +0 -43
- package/dist/components/controls/Menus/ContentMenu/ContentMenuColumn/ContentMenuColumn.d.ts +0 -11
- package/dist/components/controls/Menus/ContentMenu/ContentMenuItem/ContentMenuItem.d.ts +0 -22
- package/dist/components/controls/Menus/ContentMenu/ContentMenuItem/IconWithFallback.d.ts +0 -7
- package/dist/components/controls/Menus/ContentMenu/ContentMenuItem/useImageLoader.d.ts +0 -7
- package/dist/components/controls/Menus/ContentMenu/index.d.ts +0 -1
- package/dist/components/controls/Menus/common.d.ts +0 -77
- package/dist/components/elements/Icon/openfin/BookmarkFilled.d.ts +0 -2
- package/dist/components/elements/Icon/openfin/BookmarkOutlined.d.ts +0 -2
- package/dist/components/elements/Icon/openfin/FallbackGlobeIcon.d.ts +0 -2
- /package/dist/components/controls/{Menus/CustomContextMenu → CustomContextMenu}/CustomContextMenu.d.ts +0 -0
- /package/dist/components/controls/{Menus/CustomContextMenu/CustomContextMenuItems → CustomContextMenu/MenuItems}/CustomContextMenuItem.d.ts +0 -0
- /package/dist/components/controls/{Menus/CustomContextMenu/CustomContextMenuItems → CustomContextMenu/MenuItems}/NormalCustomContextMenuItem.d.ts +0 -0
- /package/dist/components/controls/{Menus/CustomContextMenu/CustomContextMenuItems → CustomContextMenu/MenuItems}/RootMenuHeader.d.ts +0 -0
- /package/dist/components/controls/{Menus/CustomContextMenu/CustomContextMenuItems → CustomContextMenu/MenuItems}/SeparatorCustomContextMenuItem.d.ts +0 -0
- /package/dist/components/controls/{Menus/CustomContextMenu/CustomContextMenuItems → CustomContextMenu/MenuItems}/SubmenuHeaderCustomContextMenuItem.d.ts +0 -0
- /package/dist/components/controls/{Menus/CustomContextMenu → CustomContextMenu}/index.d.ts +0 -0
- /package/dist/components/controls/{Menus/CustomContextMenu → CustomContextMenu}/useContextMenuKeyboardNavigation.d.ts +0 -0
- /package/dist/components/controls/{Menus/CustomContextMenu → CustomContextMenu}/useContextMenuKeyboardNavigation.test.d.ts +0 -0
- /package/dist/components/controls/{Menus/CustomContextMenu → CustomContextMenu}/useContextMenuNavigation.d.ts +0 -0
- /package/dist/components/controls/{Menus/CustomContextMenu → CustomContextMenu}/useContextMenuNavigation.test.d.ts +0 -0
- /package/dist/components/controls/{Menus/CustomContextMenu → CustomContextMenu}/useResizeContextMenu.d.ts +0 -0
- /package/dist/components/controls/{Menus/CustomContextMenu → CustomContextMenu}/useResizeContextMenu.test.d.ts +0 -0
- /package/dist/components/controls/{Menus/CustomContextMenu → CustomContextMenu}/utils.d.ts +0 -0
package/package.json
CHANGED
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export type ContentMenuEntry = {
|
|
3
|
-
bookmarked?: boolean;
|
|
4
|
-
} & ({
|
|
5
|
-
type: 'folder';
|
|
6
|
-
id: string;
|
|
7
|
-
label: string;
|
|
8
|
-
children: ContentMenuEntry[];
|
|
9
|
-
} | {
|
|
10
|
-
type: 'item';
|
|
11
|
-
id: string;
|
|
12
|
-
icon: string;
|
|
13
|
-
label: string;
|
|
14
|
-
itemData: {
|
|
15
|
-
type: 'content';
|
|
16
|
-
contentId: string;
|
|
17
|
-
};
|
|
18
|
-
});
|
|
19
|
-
export interface ContentMenuProps {
|
|
20
|
-
/**
|
|
21
|
-
* The list of content menu items at the first level of the content menu.
|
|
22
|
-
*/
|
|
23
|
-
structure: ContentMenuEntry[];
|
|
24
|
-
/**
|
|
25
|
-
* The ID of the target content menu item to search for and be navigated to within the content menu.
|
|
26
|
-
*/
|
|
27
|
-
targetId: string;
|
|
28
|
-
/**
|
|
29
|
-
* Callback to handle a click on a content menu item.
|
|
30
|
-
*/
|
|
31
|
-
handleClickItem: (id: string) => void;
|
|
32
|
-
/**
|
|
33
|
-
* Callback to handle a click on the bookmark icon of a content menu item.
|
|
34
|
-
*/
|
|
35
|
-
handleBookmarkItem: (id: string) => void;
|
|
36
|
-
}
|
|
37
|
-
type SearchNode = {
|
|
38
|
-
children?: SearchNode[];
|
|
39
|
-
id: string;
|
|
40
|
-
};
|
|
41
|
-
export declare const findPathToItemWithId: (node: SearchNode, path: string[], targetId: string) => string[] | undefined;
|
|
42
|
-
export declare const ContentMenu: React.FC<ContentMenuProps>;
|
|
43
|
-
export {};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React, { Dispatch, PropsWithChildren, SetStateAction } from 'react';
|
|
2
|
-
import { ContentMenuEntry } from '../ContentMenu';
|
|
3
|
-
export interface ContentMenuColumnProps {
|
|
4
|
-
entries: ContentMenuEntry[];
|
|
5
|
-
depth: number;
|
|
6
|
-
path: string[];
|
|
7
|
-
setCurrentlySelectedPath: Dispatch<SetStateAction<string[]>>;
|
|
8
|
-
handleClickItem: (id: string) => void;
|
|
9
|
-
handleBookmarkItem: (id: string) => void;
|
|
10
|
-
}
|
|
11
|
-
export declare const ContentMenuColumn: React.FC<PropsWithChildren<ContentMenuColumnProps>>;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { ContentMenuEntry } from '../ContentMenu';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
export interface ContentMenuItemProps {
|
|
4
|
-
/**
|
|
5
|
-
* Object representing the content menu item entry.
|
|
6
|
-
*/
|
|
7
|
-
entry: ContentMenuEntry;
|
|
8
|
-
/**
|
|
9
|
-
* Boolean indicating whether the content menu item is active. When active, the content menu item is highlighted with a background color.
|
|
10
|
-
* Only applicable to folder items.
|
|
11
|
-
*/
|
|
12
|
-
active: boolean;
|
|
13
|
-
/**
|
|
14
|
-
* Callback to handle a click on the content menu item.
|
|
15
|
-
*/
|
|
16
|
-
handleClick: (id: string) => void;
|
|
17
|
-
/**
|
|
18
|
-
* Callback to handle a click on the bookmark icon of the content menu item.
|
|
19
|
-
*/
|
|
20
|
-
handleBookmark?: (id: string) => void;
|
|
21
|
-
}
|
|
22
|
-
export declare const ContentMenuItem: React.FC<ContentMenuItemProps>;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Custom hook that provides that loading and success state of retrieving an icon by URL.
|
|
3
|
-
*
|
|
4
|
-
* @param { src } string - Source URL for the icon image.
|
|
5
|
-
* @returns {isImageReady} boolean - Boolean indicate whether image is ready to be shown.
|
|
6
|
-
*/
|
|
7
|
-
export declare const useImageLoader: (src?: string) => boolean;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './ContentMenu';
|
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const MenuFrame: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("react").HTMLAttributes<HTMLDivElement> & {
|
|
3
|
-
alignItems?: import("../../layout/Box/types").AlignItems | undefined;
|
|
4
|
-
display?: import("../../layout/Box/types").Display | undefined;
|
|
5
|
-
flexDirection?: import("../../layout/Box/types").FlexDirection | undefined;
|
|
6
|
-
flexWrap?: import("../../layout/Box/types").FlexWrap | undefined;
|
|
7
|
-
justifyContent?: import("../../layout/Box/types").JustifyContent | undefined;
|
|
8
|
-
gap?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
|
|
9
|
-
alignSelf?: import("../../layout/Box/types").AlignSelf | undefined;
|
|
10
|
-
flexBasis?: string | undefined;
|
|
11
|
-
flexGrow?: 0 | 1 | undefined;
|
|
12
|
-
flexShrink?: 0 | 1 | undefined;
|
|
13
|
-
order?: number | undefined;
|
|
14
|
-
background?: import("../../layout/Box/types").BackgroundLevel | undefined;
|
|
15
|
-
padding?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
|
|
16
|
-
}, never>;
|
|
17
|
-
export declare const MenuItemContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("react").HTMLAttributes<HTMLDivElement> & {
|
|
18
|
-
alignItems?: import("../../layout/Box/types").AlignItems | undefined;
|
|
19
|
-
display?: import("../../layout/Box/types").Display | undefined;
|
|
20
|
-
flexDirection?: import("../../layout/Box/types").FlexDirection | undefined;
|
|
21
|
-
flexWrap?: import("../../layout/Box/types").FlexWrap | undefined;
|
|
22
|
-
justifyContent?: import("../../layout/Box/types").JustifyContent | undefined;
|
|
23
|
-
gap?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
|
|
24
|
-
alignSelf?: import("../../layout/Box/types").AlignSelf | undefined;
|
|
25
|
-
flexBasis?: string | undefined;
|
|
26
|
-
flexGrow?: 0 | 1 | undefined;
|
|
27
|
-
flexShrink?: 0 | 1 | undefined;
|
|
28
|
-
order?: number | undefined;
|
|
29
|
-
background?: import("../../layout/Box/types").BackgroundLevel | undefined;
|
|
30
|
-
padding?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
|
|
31
|
-
}, never>;
|
|
32
|
-
export declare const MenuItemInnerContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("react").HTMLAttributes<HTMLDivElement> & {
|
|
33
|
-
alignItems?: import("../../layout/Box/types").AlignItems | undefined;
|
|
34
|
-
display?: import("../../layout/Box/types").Display | undefined;
|
|
35
|
-
flexDirection?: import("../../layout/Box/types").FlexDirection | undefined;
|
|
36
|
-
flexWrap?: import("../../layout/Box/types").FlexWrap | undefined;
|
|
37
|
-
justifyContent?: import("../../layout/Box/types").JustifyContent | undefined;
|
|
38
|
-
gap?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
|
|
39
|
-
alignSelf?: import("../../layout/Box/types").AlignSelf | undefined;
|
|
40
|
-
flexBasis?: string | undefined;
|
|
41
|
-
flexGrow?: 0 | 1 | undefined;
|
|
42
|
-
flexShrink?: 0 | 1 | undefined;
|
|
43
|
-
order?: number | undefined;
|
|
44
|
-
background?: import("../../layout/Box/types").BackgroundLevel | undefined;
|
|
45
|
-
padding?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
|
|
46
|
-
} & {
|
|
47
|
-
enabled?: string | undefined;
|
|
48
|
-
selected?: boolean | undefined;
|
|
49
|
-
}, never>;
|
|
50
|
-
export declare const MenuItemIconContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("react").HTMLAttributes<HTMLDivElement> & {
|
|
51
|
-
alignItems?: import("../../layout/Box/types").AlignItems | undefined;
|
|
52
|
-
display?: import("../../layout/Box/types").Display | undefined;
|
|
53
|
-
flexDirection?: import("../../layout/Box/types").FlexDirection | undefined;
|
|
54
|
-
flexWrap?: import("../../layout/Box/types").FlexWrap | undefined;
|
|
55
|
-
justifyContent?: import("../../layout/Box/types").JustifyContent | undefined;
|
|
56
|
-
gap?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
|
|
57
|
-
alignSelf?: import("../../layout/Box/types").AlignSelf | undefined;
|
|
58
|
-
flexBasis?: string | undefined;
|
|
59
|
-
flexGrow?: 0 | 1 | undefined;
|
|
60
|
-
flexShrink?: 0 | 1 | undefined;
|
|
61
|
-
order?: number | undefined;
|
|
62
|
-
background?: import("../../layout/Box/types").BackgroundLevel | undefined;
|
|
63
|
-
padding?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
|
|
64
|
-
} & {
|
|
65
|
-
side: 'left' | 'right';
|
|
66
|
-
}, never>;
|
|
67
|
-
export declare const MenuItemRightIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../elements/Icon").IconProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
|
|
68
|
-
enabled?: boolean | undefined;
|
|
69
|
-
}, never>;
|
|
70
|
-
export declare const MenuItemText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, import("react").HTMLAttributes<HTMLElement> & {
|
|
71
|
-
color?: "textDefault" | "background6" | undefined;
|
|
72
|
-
children: import("react").ReactNode;
|
|
73
|
-
size?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
|
|
74
|
-
weight?: "normal" | "bold" | undefined;
|
|
75
|
-
} & {
|
|
76
|
-
enabled?: boolean | undefined;
|
|
77
|
-
}, never>;
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|