@interopio/groups-ui-react 2.0.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/README.md +27 -0
- package/dist/cjs/GroupElementCreationWrapper.d.ts +4 -0
- package/dist/cjs/GroupWrapper.d.ts +9 -0
- package/dist/cjs/Portal.d.ts +6 -0
- package/dist/cjs/defaultComponents/buttons/BaseButton.d.ts +4 -0
- package/dist/cjs/defaultComponents/buttons/CloseButton.d.ts +4 -0
- package/dist/cjs/defaultComponents/buttons/CustomButton.d.ts +4 -0
- package/dist/cjs/defaultComponents/buttons/ExtractButton.d.ts +4 -0
- package/dist/cjs/defaultComponents/buttons/FeedbackButton.d.ts +4 -0
- package/dist/cjs/defaultComponents/buttons/LockButtons.d.ts +4 -0
- package/dist/cjs/defaultComponents/buttons/MaximizeButton.d.ts +4 -0
- package/dist/cjs/defaultComponents/buttons/MinimizeButton.d.ts +4 -0
- package/dist/cjs/defaultComponents/buttons/RestoreButton.d.ts +4 -0
- package/dist/cjs/defaultComponents/buttons/StickyButton.d.ts +4 -0
- package/dist/cjs/defaultComponents/buttons/UnlockButton.d.ts +4 -0
- package/dist/cjs/defaultComponents/captionEditor/CaptionEditor.d.ts +4 -0
- package/dist/cjs/defaultComponents/captionEditor/useCaptionEditor.d.ts +4 -0
- package/dist/cjs/defaultComponents/captionEditor/useCommitEditingRequested.d.ts +3 -0
- package/dist/cjs/defaultComponents/captionEditor/useEditableCaption.d.ts +4 -0
- package/dist/cjs/defaultComponents/channelSelector/BaseChannelSelector.d.ts +4 -0
- package/dist/cjs/defaultComponents/channelSelector/FlatChannelSelector.d.ts +4 -0
- package/dist/cjs/defaultComponents/channelSelector/TabChannelSelector.d.ts +4 -0
- package/dist/cjs/defaultComponents/channelSelector/utils.d.ts +1 -0
- package/dist/cjs/defaultComponents/flatCaptionBar/FlatButtons.d.ts +4 -0
- package/dist/cjs/defaultComponents/flatCaptionBar/FlatCaption.d.ts +4 -0
- package/dist/cjs/defaultComponents/flatCaptionBar/FlatCaptionBar.d.ts +4 -0
- package/dist/cjs/defaultComponents/flatCaptionBar/FlatCaptionEditor.d.ts +4 -0
- package/dist/cjs/defaultComponents/flatCaptionBar/FlatMoveArea.d.ts +4 -0
- package/dist/cjs/defaultComponents/flatCaptionBar/useCommitFlatCaptionEditingRequested.d.ts +2 -0
- package/dist/cjs/defaultComponents/groupCaptionBar/GroupButtons.d.ts +4 -0
- package/dist/cjs/defaultComponents/groupCaptionBar/GroupCaption.d.ts +4 -0
- package/dist/cjs/defaultComponents/groupCaptionBar/GroupCaptionBar.d.ts +4 -0
- package/dist/cjs/defaultComponents/groupCaptionBar/GroupCaptionEditor.d.ts +4 -0
- package/dist/cjs/defaultComponents/groupCaptionBar/GroupMoveArea.d.ts +4 -0
- package/dist/cjs/defaultComponents/groupCaptionBar/useCommitGroupCaptionEditingRequested.d.ts +2 -0
- package/dist/cjs/defaultComponents/loadingAnimation/FrameLoadingAnimation.d.ts +4 -0
- package/dist/cjs/defaultComponents/tabs/Tab.d.ts +4 -0
- package/dist/cjs/defaultComponents/tabs/TabCaption.d.ts +4 -0
- package/dist/cjs/defaultComponents/tabs/TabCaptionEditor.d.ts +4 -0
- package/dist/cjs/defaultComponents/tabs/TabCloseButton.d.ts +4 -0
- package/dist/cjs/defaultComponents/tabs/TabHeaderButtons.d.ts +4 -0
- package/dist/cjs/defaultComponents/tabs/useCommitTabCaptionEditingRequested.d.ts +2 -0
- package/dist/cjs/index.d.ts +49 -0
- package/dist/cjs/index.js +3256 -0
- package/dist/cjs/index.js.map +1 -0
- package/dist/cjs/types/api.d.ts +145 -0
- package/dist/cjs/types/defaultComponents.d.ts +130 -0
- package/dist/cjs/types/internal.d.ts +314 -0
- package/dist/cjs/useGDWindow.d.ts +2 -0
- package/dist/cjs/useGroupComponentVisibility.d.ts +3 -0
- package/dist/cjs/useIOConnectWindow.d.ts +2 -0
- package/dist/cjs/utils.d.ts +3 -0
- package/dist/cjs/webGroupsManager.d.ts +51 -0
- package/dist/cjs/webGroupsStore.d.ts +61 -0
- package/dist/esm/GroupElementCreationWrapper.d.ts +4 -0
- package/dist/esm/GroupWrapper.d.ts +9 -0
- package/dist/esm/Portal.d.ts +6 -0
- package/dist/esm/defaultComponents/buttons/BaseButton.d.ts +4 -0
- package/dist/esm/defaultComponents/buttons/CloseButton.d.ts +4 -0
- package/dist/esm/defaultComponents/buttons/CustomButton.d.ts +4 -0
- package/dist/esm/defaultComponents/buttons/ExtractButton.d.ts +4 -0
- package/dist/esm/defaultComponents/buttons/FeedbackButton.d.ts +4 -0
- package/dist/esm/defaultComponents/buttons/LockButtons.d.ts +4 -0
- package/dist/esm/defaultComponents/buttons/MaximizeButton.d.ts +4 -0
- package/dist/esm/defaultComponents/buttons/MinimizeButton.d.ts +4 -0
- package/dist/esm/defaultComponents/buttons/RestoreButton.d.ts +4 -0
- package/dist/esm/defaultComponents/buttons/StickyButton.d.ts +4 -0
- package/dist/esm/defaultComponents/buttons/UnlockButton.d.ts +4 -0
- package/dist/esm/defaultComponents/captionEditor/CaptionEditor.d.ts +4 -0
- package/dist/esm/defaultComponents/captionEditor/useCaptionEditor.d.ts +4 -0
- package/dist/esm/defaultComponents/captionEditor/useCommitEditingRequested.d.ts +3 -0
- package/dist/esm/defaultComponents/captionEditor/useEditableCaption.d.ts +4 -0
- package/dist/esm/defaultComponents/channelSelector/BaseChannelSelector.d.ts +4 -0
- package/dist/esm/defaultComponents/channelSelector/FlatChannelSelector.d.ts +4 -0
- package/dist/esm/defaultComponents/channelSelector/TabChannelSelector.d.ts +4 -0
- package/dist/esm/defaultComponents/channelSelector/utils.d.ts +1 -0
- package/dist/esm/defaultComponents/flatCaptionBar/FlatButtons.d.ts +4 -0
- package/dist/esm/defaultComponents/flatCaptionBar/FlatCaption.d.ts +4 -0
- package/dist/esm/defaultComponents/flatCaptionBar/FlatCaptionBar.d.ts +4 -0
- package/dist/esm/defaultComponents/flatCaptionBar/FlatCaptionEditor.d.ts +4 -0
- package/dist/esm/defaultComponents/flatCaptionBar/FlatMoveArea.d.ts +4 -0
- package/dist/esm/defaultComponents/flatCaptionBar/useCommitFlatCaptionEditingRequested.d.ts +2 -0
- package/dist/esm/defaultComponents/groupCaptionBar/GroupButtons.d.ts +4 -0
- package/dist/esm/defaultComponents/groupCaptionBar/GroupCaption.d.ts +4 -0
- package/dist/esm/defaultComponents/groupCaptionBar/GroupCaptionBar.d.ts +4 -0
- package/dist/esm/defaultComponents/groupCaptionBar/GroupCaptionEditor.d.ts +4 -0
- package/dist/esm/defaultComponents/groupCaptionBar/GroupMoveArea.d.ts +4 -0
- package/dist/esm/defaultComponents/groupCaptionBar/useCommitGroupCaptionEditingRequested.d.ts +2 -0
- package/dist/esm/defaultComponents/loadingAnimation/FrameLoadingAnimation.d.ts +4 -0
- package/dist/esm/defaultComponents/tabs/Tab.d.ts +4 -0
- package/dist/esm/defaultComponents/tabs/TabCaption.d.ts +4 -0
- package/dist/esm/defaultComponents/tabs/TabCaptionEditor.d.ts +4 -0
- package/dist/esm/defaultComponents/tabs/TabCloseButton.d.ts +4 -0
- package/dist/esm/defaultComponents/tabs/TabHeaderButtons.d.ts +4 -0
- package/dist/esm/defaultComponents/tabs/useCommitTabCaptionEditingRequested.d.ts +2 -0
- package/dist/esm/index.d.ts +49 -0
- package/dist/esm/index.js +3202 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/types/api.d.ts +145 -0
- package/dist/esm/types/defaultComponents.d.ts +130 -0
- package/dist/esm/types/internal.d.ts +314 -0
- package/dist/esm/useGDWindow.d.ts +2 -0
- package/dist/esm/useGroupComponentVisibility.d.ts +3 -0
- package/dist/esm/useIOConnectWindow.d.ts +2 -0
- package/dist/esm/utils.d.ts +3 -0
- package/dist/esm/webGroupsManager.d.ts +51 -0
- package/dist/esm/webGroupsStore.d.ts +61 -0
- package/dist/styles/fonts.css +2 -0
- package/dist/styles/groups.css +672 -0
- package/dist/styles/styles.css +679 -0
- package/dist/styles/themes.css +155 -0
- package/dist/styles/vars.css +105 -0
- package/package.json +85 -0
|
@@ -0,0 +1,145 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Bounds, ButtonProps, ToggleButtonProps } from "./internal";
|
|
3
|
+
import { CustomButtonProps } from "./defaultComponents";
|
|
4
|
+
export interface ChannelProps {
|
|
5
|
+
visible: boolean;
|
|
6
|
+
selectedChannel: string;
|
|
7
|
+
showSelector: (bounds: Bounds) => void;
|
|
8
|
+
selectedChannelColor: string;
|
|
9
|
+
}
|
|
10
|
+
export interface FrameWindowOverlayProps {
|
|
11
|
+
frameId: string;
|
|
12
|
+
selectedWindow: string;
|
|
13
|
+
}
|
|
14
|
+
export interface AboveWindowProps {
|
|
15
|
+
frameId: string;
|
|
16
|
+
selectedWindow: string;
|
|
17
|
+
}
|
|
18
|
+
export interface WindowContentOverlayProps {
|
|
19
|
+
frameId: string;
|
|
20
|
+
selectedWindow: string;
|
|
21
|
+
}
|
|
22
|
+
export interface FrameLoadingAnimationProps {
|
|
23
|
+
frameId: string;
|
|
24
|
+
selectedWindow: string;
|
|
25
|
+
show: boolean;
|
|
26
|
+
}
|
|
27
|
+
export interface BelowWindowProps {
|
|
28
|
+
frameId: string;
|
|
29
|
+
selectedWindow: string;
|
|
30
|
+
}
|
|
31
|
+
export interface AboveTabsProps {
|
|
32
|
+
frameId: string;
|
|
33
|
+
selectedWindow: string;
|
|
34
|
+
}
|
|
35
|
+
export interface BeforeTabsProps {
|
|
36
|
+
frameId: string;
|
|
37
|
+
selectedWindow: string;
|
|
38
|
+
}
|
|
39
|
+
export interface BelowTabsProps {
|
|
40
|
+
frameId: string;
|
|
41
|
+
selectedWindow: string;
|
|
42
|
+
}
|
|
43
|
+
export interface CaptionEditorProps {
|
|
44
|
+
show: boolean;
|
|
45
|
+
text?: string;
|
|
46
|
+
commitChanges: (text: string) => void;
|
|
47
|
+
hideEditor: () => void;
|
|
48
|
+
notifyBoundsChanged: (bounds: Bounds) => void;
|
|
49
|
+
notifyEditorVisibilityChanged: (visible: boolean) => void;
|
|
50
|
+
}
|
|
51
|
+
export interface GroupCaptionBarProps {
|
|
52
|
+
moveAreaId: string;
|
|
53
|
+
targetType: string;
|
|
54
|
+
targetId: string;
|
|
55
|
+
caption: string;
|
|
56
|
+
captionEditor?: CaptionEditorProps;
|
|
57
|
+
visible: boolean;
|
|
58
|
+
notifyCaptionBoundsChanged: (bounds: Bounds) => void;
|
|
59
|
+
minimize: ButtonProps;
|
|
60
|
+
maximize: ButtonProps;
|
|
61
|
+
restore: ButtonProps;
|
|
62
|
+
close: ButtonProps;
|
|
63
|
+
}
|
|
64
|
+
export interface GroupOverlayProps {
|
|
65
|
+
}
|
|
66
|
+
export interface FlatCaptionBarProps {
|
|
67
|
+
frameId: string;
|
|
68
|
+
moveAreaId: string;
|
|
69
|
+
caption: string;
|
|
70
|
+
feedback?: ButtonProps;
|
|
71
|
+
sticky?: ToggleButtonProps;
|
|
72
|
+
extract?: ButtonProps;
|
|
73
|
+
lock?: ButtonProps;
|
|
74
|
+
unlock?: ButtonProps;
|
|
75
|
+
minimize?: ButtonProps;
|
|
76
|
+
maximize?: ButtonProps;
|
|
77
|
+
restore?: ButtonProps;
|
|
78
|
+
close?: ButtonProps;
|
|
79
|
+
channels: ChannelProps;
|
|
80
|
+
customButtons: CustomButtonProps[];
|
|
81
|
+
selectedWindow: string;
|
|
82
|
+
notifyCaptionBoundsChanged: (bounds: Bounds) => void;
|
|
83
|
+
captionEditor: CaptionEditorProps;
|
|
84
|
+
}
|
|
85
|
+
export interface TabElementProps {
|
|
86
|
+
targetId: string;
|
|
87
|
+
windowId: string;
|
|
88
|
+
caption: string;
|
|
89
|
+
selected: boolean;
|
|
90
|
+
flashing: boolean;
|
|
91
|
+
close: () => void;
|
|
92
|
+
channels: ChannelProps;
|
|
93
|
+
notifyCaptionBoundsChanged: (bounds: Bounds) => void;
|
|
94
|
+
captionEditor: CaptionEditorProps;
|
|
95
|
+
}
|
|
96
|
+
export interface AfterTabsProps {
|
|
97
|
+
frameId: string;
|
|
98
|
+
selectedWindow: string;
|
|
99
|
+
}
|
|
100
|
+
export interface TabHeaderButtonsProps {
|
|
101
|
+
feedback?: ButtonProps;
|
|
102
|
+
sticky?: ToggleButtonProps;
|
|
103
|
+
extract?: ButtonProps;
|
|
104
|
+
lock?: ButtonProps;
|
|
105
|
+
unlock?: ButtonProps;
|
|
106
|
+
minimize?: ButtonProps;
|
|
107
|
+
maximize?: ButtonProps;
|
|
108
|
+
restore?: ButtonProps;
|
|
109
|
+
close?: ButtonProps;
|
|
110
|
+
customButtons: CustomButtonProps[];
|
|
111
|
+
frameId: string;
|
|
112
|
+
selectedWindow: string;
|
|
113
|
+
}
|
|
114
|
+
export interface GroupProps {
|
|
115
|
+
components?: {
|
|
116
|
+
group?: {
|
|
117
|
+
CaptionBar?: React.ComponentType<GroupCaptionBarProps>;
|
|
118
|
+
Overlay?: React.ComponentType<GroupOverlayProps>;
|
|
119
|
+
};
|
|
120
|
+
frame?: {
|
|
121
|
+
Overlay?: React.ComponentType<FrameWindowOverlayProps>;
|
|
122
|
+
AboveWindow?: React.ComponentType<AboveWindowProps>;
|
|
123
|
+
WindowContentOverlay?: React.ComponentType<WindowContentOverlayProps>;
|
|
124
|
+
BelowWindow?: React.ComponentType<BelowWindowProps>;
|
|
125
|
+
LoadingAnimation?: React.ComponentType<FrameLoadingAnimationProps>;
|
|
126
|
+
};
|
|
127
|
+
flat?: {
|
|
128
|
+
CaptionBar?: React.ComponentType<FlatCaptionBarProps>;
|
|
129
|
+
};
|
|
130
|
+
tabs?: {
|
|
131
|
+
Above?: React.ComponentType<AboveTabsProps>;
|
|
132
|
+
Before?: React.ComponentType<BeforeTabsProps>;
|
|
133
|
+
Element?: React.ComponentType<TabElementProps>;
|
|
134
|
+
After?: React.ComponentType<AfterTabsProps>;
|
|
135
|
+
Buttons?: React.ComponentType<TabHeaderButtonsProps>;
|
|
136
|
+
Below?: React.ComponentType<BelowTabsProps>;
|
|
137
|
+
};
|
|
138
|
+
};
|
|
139
|
+
}
|
|
140
|
+
export interface MoveAreaProps {
|
|
141
|
+
elementId: string;
|
|
142
|
+
}
|
|
143
|
+
export interface GroupComponentVisibilityState {
|
|
144
|
+
groupCaptionBarVisible?: boolean;
|
|
145
|
+
}
|
|
@@ -0,0 +1,130 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Bounds, ButtonProps, TargetType, ToggleButtonProps } from "./internal";
|
|
3
|
+
export interface CaptionEditorProps {
|
|
4
|
+
targetId: string;
|
|
5
|
+
targetType: TargetType;
|
|
6
|
+
commitChanges: (title: string) => void;
|
|
7
|
+
notifyEditorVisibilityChanged: (visible: boolean) => void;
|
|
8
|
+
notifyBoundsChanged: (bounds: Bounds) => void;
|
|
9
|
+
hideEditor: () => void;
|
|
10
|
+
caption: string;
|
|
11
|
+
className: string;
|
|
12
|
+
}
|
|
13
|
+
export interface GroupCaptionEditorProps {
|
|
14
|
+
groupId: string;
|
|
15
|
+
commitChanges: (title: string) => void;
|
|
16
|
+
notifyEditorVisibilityChanged: (visible: boolean) => void;
|
|
17
|
+
notifyBoundsChanged: (bounds: Bounds) => void;
|
|
18
|
+
hideEditor: () => void;
|
|
19
|
+
caption: string;
|
|
20
|
+
}
|
|
21
|
+
export interface StickyButtonProps extends ToggleButtonProps {
|
|
22
|
+
}
|
|
23
|
+
export interface FeedbackButtonProps extends ButtonProps {
|
|
24
|
+
}
|
|
25
|
+
export interface ExtractButtonProps extends ButtonProps {
|
|
26
|
+
}
|
|
27
|
+
export interface LockButtonProps extends ButtonProps {
|
|
28
|
+
}
|
|
29
|
+
export interface UnlockButtonProps extends ButtonProps {
|
|
30
|
+
}
|
|
31
|
+
export interface MinimizeButtonProps extends ButtonProps {
|
|
32
|
+
}
|
|
33
|
+
export interface MaximizeButtonProps extends ButtonProps {
|
|
34
|
+
}
|
|
35
|
+
export interface RestoreButtonProps extends ButtonProps {
|
|
36
|
+
}
|
|
37
|
+
export interface CloseButtonProps extends ButtonProps {
|
|
38
|
+
}
|
|
39
|
+
export interface CustomButtonProps extends ButtonProps {
|
|
40
|
+
imageData: string;
|
|
41
|
+
buttonId: string;
|
|
42
|
+
}
|
|
43
|
+
export interface BaseButtonProps {
|
|
44
|
+
outerElement: React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>;
|
|
45
|
+
innerElement: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
|
|
46
|
+
}
|
|
47
|
+
export interface BaseChannelSelectorProps {
|
|
48
|
+
showSelector: (bounds: Bounds) => void;
|
|
49
|
+
outsideClass: string;
|
|
50
|
+
contentClass: string;
|
|
51
|
+
selectedChannel: string;
|
|
52
|
+
selectedChannelColor: string;
|
|
53
|
+
}
|
|
54
|
+
export interface FlatChannelSelectorProps {
|
|
55
|
+
showSelector: (bounds: Bounds) => void;
|
|
56
|
+
selectedChannel: string;
|
|
57
|
+
selectedChannelColor: string;
|
|
58
|
+
}
|
|
59
|
+
export interface TabChannelSelectorProps {
|
|
60
|
+
showSelector: (bounds: Bounds) => void;
|
|
61
|
+
selectedChannel: string;
|
|
62
|
+
selectedChannelColor: string;
|
|
63
|
+
}
|
|
64
|
+
export interface FlatCaptionEditorProps {
|
|
65
|
+
frameId: string;
|
|
66
|
+
commitChanges: (title: string) => void;
|
|
67
|
+
notifyEditorVisibilityChanged: (visible: boolean) => void;
|
|
68
|
+
notifyBoundsChanged: (bounds: Bounds) => void;
|
|
69
|
+
hideEditor: () => void;
|
|
70
|
+
caption: string;
|
|
71
|
+
}
|
|
72
|
+
export interface FlatMoveAreaProps {
|
|
73
|
+
moveAreaId: string;
|
|
74
|
+
children?: React.ReactNode;
|
|
75
|
+
}
|
|
76
|
+
export interface FlatButtonsProps {
|
|
77
|
+
feedback?: ButtonProps;
|
|
78
|
+
sticky?: ToggleButtonProps;
|
|
79
|
+
extract?: ButtonProps;
|
|
80
|
+
lock?: ButtonProps;
|
|
81
|
+
unlock?: ButtonProps;
|
|
82
|
+
minimize?: ButtonProps;
|
|
83
|
+
maximize?: ButtonProps;
|
|
84
|
+
restore?: ButtonProps;
|
|
85
|
+
close?: ButtonProps;
|
|
86
|
+
customButtons: CustomButtonProps[];
|
|
87
|
+
}
|
|
88
|
+
export interface FlatCaptionProps {
|
|
89
|
+
caption: string;
|
|
90
|
+
notifyBoundsChanged?: (bounds: Bounds) => void;
|
|
91
|
+
}
|
|
92
|
+
export interface GroupMoveAreaProps {
|
|
93
|
+
moveAreaId: string;
|
|
94
|
+
children?: React.ReactNode;
|
|
95
|
+
}
|
|
96
|
+
export interface GroupButtonsProps {
|
|
97
|
+
minimize: ButtonProps;
|
|
98
|
+
maximize: ButtonProps;
|
|
99
|
+
restore: ButtonProps;
|
|
100
|
+
close: ButtonProps;
|
|
101
|
+
}
|
|
102
|
+
export interface GroupCaptionProps {
|
|
103
|
+
caption: string;
|
|
104
|
+
notifyBoundsChanged?: (bounds: Bounds) => void;
|
|
105
|
+
}
|
|
106
|
+
export interface TabCaptionProps {
|
|
107
|
+
caption: string;
|
|
108
|
+
selected: boolean;
|
|
109
|
+
notifyBoundsChanged?: (bounds: Bounds) => void;
|
|
110
|
+
}
|
|
111
|
+
export interface TabCloseButtonProps {
|
|
112
|
+
selected: boolean;
|
|
113
|
+
close: () => void;
|
|
114
|
+
}
|
|
115
|
+
export interface TabCaptionEditorProps {
|
|
116
|
+
windowId: string;
|
|
117
|
+
selected: boolean;
|
|
118
|
+
commitChanges: (title: string) => void;
|
|
119
|
+
notifyEditorVisibilityChanged: (visible: boolean) => void;
|
|
120
|
+
notifyBoundsChanged: (bounds: Bounds) => void;
|
|
121
|
+
hideEditor: () => void;
|
|
122
|
+
caption: string;
|
|
123
|
+
}
|
|
124
|
+
export interface UseCaptionEditorOptions {
|
|
125
|
+
notifyEditorVisibilityChanged: (visible: boolean) => void;
|
|
126
|
+
notifyBoundsChanged: (bounds: Bounds) => void;
|
|
127
|
+
}
|
|
128
|
+
export interface UseEditableCaptionOptions {
|
|
129
|
+
notifyBoundsChanged?: (bounds: Bounds) => void;
|
|
130
|
+
}
|
|
@@ -0,0 +1,314 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export interface PortalProps {
|
|
3
|
+
parentElement: HTMLElement;
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
}
|
|
6
|
+
export interface ButtonProps {
|
|
7
|
+
onClick: () => void;
|
|
8
|
+
tooltip: string;
|
|
9
|
+
visible: boolean;
|
|
10
|
+
}
|
|
11
|
+
export interface ToggleButtonProps extends ButtonProps {
|
|
12
|
+
isPressed: boolean;
|
|
13
|
+
}
|
|
14
|
+
export interface GroupWrapperProps {
|
|
15
|
+
onCreateGroupCaptionBarRequested?: (options: CreateGroupCaptionBarRequestOptions) => void;
|
|
16
|
+
onUpdateGroupCaptionBarRequested?: (options: UpdateGroupCaptionBarRequestOptions) => void;
|
|
17
|
+
onCreateGroupOverlayRequested?: (options: CreateElementRequestOptions) => void;
|
|
18
|
+
onCreateFrameCaptionBarRequested?: (options: CreateFrameCaptionBarRequestOptions) => void;
|
|
19
|
+
onUpdateFrameCaptionBarRequested?: (options: UpdateFrameCaptionBarRequestOptions) => void;
|
|
20
|
+
onCreateFrameWindowOverlayRequested?: (options: CreateFrameElementRequestOptions) => void;
|
|
21
|
+
onUpdateFrameWindowOverlayRequested?: (options: CreateFrameElementRequestOptions) => void;
|
|
22
|
+
onCreateAboveWindowRequested?: (options: CreateFrameElementRequestOptions) => void;
|
|
23
|
+
onCreateWindowContentOverlayRequested?: (options: CreateFrameElementRequestOptions) => void;
|
|
24
|
+
onCreateFrameLoadingAnimationRequested?: (options: CreateFrameLoadingAnimationRequestOptions) => void;
|
|
25
|
+
onCreateBelowWindowRequested?: (options: CreateFrameElementRequestOptions) => void;
|
|
26
|
+
onCreateAboveTabsRequested?: (options: CreateFrameElementRequestOptions) => void;
|
|
27
|
+
onUpdateAboveTabsRequested?: (options: CreateFrameElementRequestOptions) => void;
|
|
28
|
+
onCreateBeforeTabsComponentRequested?: (options: CreateFrameElementRequestOptions) => void;
|
|
29
|
+
onUpdateBeforeTabsComponentRequested?: (options: CreateFrameElementRequestOptions) => void;
|
|
30
|
+
onCreateTabRequested?: (options: CreateTabRequestOptions) => void;
|
|
31
|
+
onUpdateTabRequested?: (options: CreateTabRequestOptions) => void;
|
|
32
|
+
onCreateAfterTabsComponentRequested?: (options: CreateFrameElementRequestOptions) => void;
|
|
33
|
+
onUpdateAfterTabsComponentRequested?: (options: CreateFrameElementRequestOptions) => void;
|
|
34
|
+
onCreateTabHeaderButtonsRequested?: (options: CreateTabHeaderButtonsOptions) => void;
|
|
35
|
+
onCreateBelowTabsRequested?: (options: CreateFrameElementRequestOptions) => void;
|
|
36
|
+
onUpdateBelowTabsRequested?: (options: CreateFrameElementRequestOptions) => void;
|
|
37
|
+
onUpdateFrameRequested?: (options: UpdateFrameRequestOptions) => void;
|
|
38
|
+
onUpdateStandardButtonRequested?: (options: UpdateStandardButtonRequestOptions) => void;
|
|
39
|
+
onUpdateCustomButtonsRequested?: (options: UpdateCustomButtonsRequestOptions) => void;
|
|
40
|
+
onRemoveFrameCaptionBarRequested?: (options: RemoveRequestOptions) => void;
|
|
41
|
+
onRemoveFrameWindowOverlayRequested?: (options: RemoveRequestOptions) => void;
|
|
42
|
+
onRemoveAboveWindowRequested?: (options: RemoveRequestOptions) => void;
|
|
43
|
+
onRemoveWindowContentOverlayRequested?: (options: RemoveRequestOptions) => void;
|
|
44
|
+
onRemoveFrameLoadingAnimationRequested?: (options: RemoveRequestOptions) => void;
|
|
45
|
+
onRemoveBelowWindowRequested?: (options: RemoveRequestOptions) => void;
|
|
46
|
+
onRemoveAboveTabsRequested?: (options: RemoveRequestOptions) => void;
|
|
47
|
+
onRemoveBeforeTabsComponentRequested?: (options: RemoveRequestOptions) => void;
|
|
48
|
+
onRemoveTabRequested?: (options: RemoveRequestOptions) => void;
|
|
49
|
+
onRemoveAfterTabsComponentRequested?: (options: RemoveRequestOptions) => void;
|
|
50
|
+
onRemoveTabHeaderButtonsRequested?: (options: RemoveRequestOptions) => void;
|
|
51
|
+
onRemoveBelowTabsRequested?: (options: RemoveRequestOptions) => void;
|
|
52
|
+
onShowCaptionEditorRequested?: (targetType: TargetType, targetId: string, text: string) => void;
|
|
53
|
+
onCommitCaptionEditingRequested?: (targetType: TargetType, targetId: string) => void;
|
|
54
|
+
onHideCaptionEditorRequested?: (targetType: TargetType, targetId: string) => void;
|
|
55
|
+
onShowLoadingAnimationRequested?: (targetType: TargetType, targetId: string) => void;
|
|
56
|
+
onHideLoadingAnimationRequested?: (targetType: TargetType, targetId: string) => void;
|
|
57
|
+
}
|
|
58
|
+
export interface CreateGroupCaptionBarRequestOptions extends CreateElementRequestOptions {
|
|
59
|
+
moveAreaId: string;
|
|
60
|
+
caption: string;
|
|
61
|
+
visible: boolean;
|
|
62
|
+
extract: {
|
|
63
|
+
tooltip: string;
|
|
64
|
+
visible: boolean;
|
|
65
|
+
};
|
|
66
|
+
minimize: {
|
|
67
|
+
tooltip: string;
|
|
68
|
+
visible: boolean;
|
|
69
|
+
};
|
|
70
|
+
restore: {
|
|
71
|
+
tooltip: string;
|
|
72
|
+
visible: boolean;
|
|
73
|
+
};
|
|
74
|
+
maximize: {
|
|
75
|
+
tooltip: string;
|
|
76
|
+
visible: boolean;
|
|
77
|
+
};
|
|
78
|
+
close: {
|
|
79
|
+
tooltip: string;
|
|
80
|
+
visible: boolean;
|
|
81
|
+
};
|
|
82
|
+
captionEditor: {
|
|
83
|
+
show: boolean;
|
|
84
|
+
text?: string;
|
|
85
|
+
};
|
|
86
|
+
}
|
|
87
|
+
export interface UpdateGroupCaptionBarRequestOptions extends CreateGroupCaptionBarRequestOptions {
|
|
88
|
+
}
|
|
89
|
+
export interface UpdateFrameCaptionBarRequestOptions extends BaseElementOptions {
|
|
90
|
+
}
|
|
91
|
+
export interface CreateFrameCaptionBarRequestOptions extends CreateFrameElementRequestOptions {
|
|
92
|
+
caption: string;
|
|
93
|
+
moveAreaId: string;
|
|
94
|
+
channelSelectorVisible: boolean;
|
|
95
|
+
selectedChannel: string;
|
|
96
|
+
selectedChannelColor: string;
|
|
97
|
+
feedback: {
|
|
98
|
+
tooltip: string;
|
|
99
|
+
visible: boolean;
|
|
100
|
+
};
|
|
101
|
+
sticky: {
|
|
102
|
+
tooltip: string;
|
|
103
|
+
visible: boolean;
|
|
104
|
+
isPressed: boolean;
|
|
105
|
+
};
|
|
106
|
+
extract: {
|
|
107
|
+
tooltip: string;
|
|
108
|
+
visible: boolean;
|
|
109
|
+
};
|
|
110
|
+
lock: {
|
|
111
|
+
tooltip: string;
|
|
112
|
+
visible: boolean;
|
|
113
|
+
};
|
|
114
|
+
unlock: {
|
|
115
|
+
tooltip: string;
|
|
116
|
+
visible: boolean;
|
|
117
|
+
};
|
|
118
|
+
minimize: {
|
|
119
|
+
tooltip: string;
|
|
120
|
+
visible: boolean;
|
|
121
|
+
};
|
|
122
|
+
restore: {
|
|
123
|
+
tooltip: string;
|
|
124
|
+
visible: boolean;
|
|
125
|
+
};
|
|
126
|
+
maximize: {
|
|
127
|
+
tooltip: string;
|
|
128
|
+
visible: boolean;
|
|
129
|
+
};
|
|
130
|
+
close: {
|
|
131
|
+
tooltip: string;
|
|
132
|
+
visible: boolean;
|
|
133
|
+
};
|
|
134
|
+
captionEditor: {
|
|
135
|
+
show: boolean;
|
|
136
|
+
text?: string;
|
|
137
|
+
};
|
|
138
|
+
customButtons: UpdateCustomButtonOptions[];
|
|
139
|
+
}
|
|
140
|
+
export interface CreateTabRequestOptions extends CreateElementRequestOptions {
|
|
141
|
+
caption: string;
|
|
142
|
+
selected: boolean;
|
|
143
|
+
flashing: boolean;
|
|
144
|
+
channelSelectorVisible: boolean;
|
|
145
|
+
selectedChannel: string;
|
|
146
|
+
selectedChannelColor: string;
|
|
147
|
+
captionEditor: {
|
|
148
|
+
show: boolean;
|
|
149
|
+
text?: string;
|
|
150
|
+
};
|
|
151
|
+
}
|
|
152
|
+
export interface UpdateStandardButtonRequestOptions extends CreateElementRequestOptions {
|
|
153
|
+
buttonId: StandardButtons;
|
|
154
|
+
visible: boolean;
|
|
155
|
+
tooltip: string;
|
|
156
|
+
isPressed: boolean;
|
|
157
|
+
}
|
|
158
|
+
export interface UpdateCustomButtonsRequestOptions extends CreateElementRequestOptions {
|
|
159
|
+
customButtons: UpdateCustomButtonOptions[];
|
|
160
|
+
}
|
|
161
|
+
export interface UpdateCustomButtonOptions {
|
|
162
|
+
buttonId: string;
|
|
163
|
+
tooltip: string;
|
|
164
|
+
imageData: string;
|
|
165
|
+
}
|
|
166
|
+
export interface CreateTabHeaderButtonsOptions extends CreateFrameElementRequestOptions {
|
|
167
|
+
feedback: {
|
|
168
|
+
tooltip: string;
|
|
169
|
+
visible: boolean;
|
|
170
|
+
};
|
|
171
|
+
sticky: {
|
|
172
|
+
tooltip: string;
|
|
173
|
+
visible: boolean;
|
|
174
|
+
isPressed: boolean;
|
|
175
|
+
};
|
|
176
|
+
extract: {
|
|
177
|
+
tooltip: string;
|
|
178
|
+
visible: boolean;
|
|
179
|
+
};
|
|
180
|
+
lock: {
|
|
181
|
+
tooltip: string;
|
|
182
|
+
visible: boolean;
|
|
183
|
+
};
|
|
184
|
+
unlock: {
|
|
185
|
+
tooltip: string;
|
|
186
|
+
visible: boolean;
|
|
187
|
+
};
|
|
188
|
+
minimize: {
|
|
189
|
+
tooltip: string;
|
|
190
|
+
visible: boolean;
|
|
191
|
+
};
|
|
192
|
+
restore: {
|
|
193
|
+
tooltip: string;
|
|
194
|
+
visible: boolean;
|
|
195
|
+
};
|
|
196
|
+
maximize: {
|
|
197
|
+
tooltip: string;
|
|
198
|
+
visible: boolean;
|
|
199
|
+
};
|
|
200
|
+
close: {
|
|
201
|
+
tooltip: string;
|
|
202
|
+
visible: boolean;
|
|
203
|
+
};
|
|
204
|
+
customButtons: UpdateCustomButtonOptions[];
|
|
205
|
+
}
|
|
206
|
+
export interface RemoveRequestOptions {
|
|
207
|
+
targetId: string;
|
|
208
|
+
}
|
|
209
|
+
export interface BaseElementOptions {
|
|
210
|
+
targetId: string;
|
|
211
|
+
}
|
|
212
|
+
export interface CreateElementRequestOptions extends BaseElementOptions {
|
|
213
|
+
parentElement: HTMLElement;
|
|
214
|
+
targetType: TargetType;
|
|
215
|
+
elementId: string;
|
|
216
|
+
}
|
|
217
|
+
export interface CreateFrameElementRequestOptions extends CreateElementRequestOptions {
|
|
218
|
+
selectedWindow: string;
|
|
219
|
+
}
|
|
220
|
+
export interface CreateFrameLoadingAnimationRequestOptions extends CreateFrameElementRequestOptions {
|
|
221
|
+
show: boolean;
|
|
222
|
+
}
|
|
223
|
+
export declare type UpdateFrameRequestOptions = CreateFrameElementRequestOptions;
|
|
224
|
+
export declare enum TargetType {
|
|
225
|
+
Group = "group",
|
|
226
|
+
Frame = "frame",
|
|
227
|
+
TabBar = "tabBar",
|
|
228
|
+
Tab = "tab"
|
|
229
|
+
}
|
|
230
|
+
export declare enum StandardButtons {
|
|
231
|
+
Feedback = "feedback",
|
|
232
|
+
Sticky = "sticky",
|
|
233
|
+
Extract = "extract",
|
|
234
|
+
Lock = "lock",
|
|
235
|
+
Unlock = "unlock",
|
|
236
|
+
Minimize = "minimize",
|
|
237
|
+
Maximize = "maximize",
|
|
238
|
+
Restore = "restore",
|
|
239
|
+
Close = "close"
|
|
240
|
+
}
|
|
241
|
+
export interface ElementCreationWrapperState {
|
|
242
|
+
groupCaptionBar?: CreateGroupCaptionBarRequestOptions;
|
|
243
|
+
groupOverlay?: CreateElementRequestOptions;
|
|
244
|
+
frameCaptionBars: {
|
|
245
|
+
[targetId: string]: CreateFrameCaptionBarRequestOptions;
|
|
246
|
+
};
|
|
247
|
+
frameWindowOverlays: {
|
|
248
|
+
[targetId: string]: CreateFrameElementRequestOptions;
|
|
249
|
+
};
|
|
250
|
+
windowContentOverlays: {
|
|
251
|
+
[targetId: string]: CreateFrameElementRequestOptions;
|
|
252
|
+
};
|
|
253
|
+
frameLoadingAnimations: {
|
|
254
|
+
[targetId: string]: CreateFrameLoadingAnimationRequestOptions;
|
|
255
|
+
};
|
|
256
|
+
aboveWindowZones: {
|
|
257
|
+
[targetId: string]: CreateFrameElementRequestOptions;
|
|
258
|
+
};
|
|
259
|
+
belowWindowZones: {
|
|
260
|
+
[targetId: string]: CreateFrameElementRequestOptions;
|
|
261
|
+
};
|
|
262
|
+
aboveTabsZones: {
|
|
263
|
+
[targetId: string]: CreateFrameElementRequestOptions;
|
|
264
|
+
};
|
|
265
|
+
beforeTabsZones: {
|
|
266
|
+
[targetId: string]: CreateFrameElementRequestOptions;
|
|
267
|
+
};
|
|
268
|
+
tabElements: {
|
|
269
|
+
[targetId: string]: CreateTabRequestOptions;
|
|
270
|
+
};
|
|
271
|
+
afterTabsZones: {
|
|
272
|
+
[targetId: string]: CreateFrameElementRequestOptions;
|
|
273
|
+
};
|
|
274
|
+
tabHeaderButtons: {
|
|
275
|
+
[targetId: string]: CreateTabHeaderButtonsOptions;
|
|
276
|
+
};
|
|
277
|
+
belowTabsZones: {
|
|
278
|
+
[targetId: string]: CreateFrameElementRequestOptions;
|
|
279
|
+
};
|
|
280
|
+
}
|
|
281
|
+
export interface ExternalLibraryFactory {
|
|
282
|
+
readonly groupId: string;
|
|
283
|
+
focusPage(): void;
|
|
284
|
+
focusFrame(frameId: string): void;
|
|
285
|
+
focusGroup(): void;
|
|
286
|
+
onStandardButtonClick(targetType: TargetType, targetId: string, buttonId: StandardButtons): void;
|
|
287
|
+
onCustomButtonClick(targetType: TargetType, targetId: string, buttonId: string): void;
|
|
288
|
+
onTabCloseButtonClick(targetId: string): void;
|
|
289
|
+
onTabChannelSelectorClick(targetId: string, channelSelectorBounds: Bounds): void;
|
|
290
|
+
onFrameChannelSelectorClick(targetId: string, channelSelectorBounds: Bounds): void;
|
|
291
|
+
onMoveAreaChanged(targetType: TargetType, targetId: string): void;
|
|
292
|
+
onCaptionTextBoundsChanged(targetType: TargetType, targetId: string, bounds: Bounds): void;
|
|
293
|
+
onCaptionEditorVisibleChanged(targetType: TargetType, targetId: string, visible: boolean): void;
|
|
294
|
+
onCaptionEditorBoundsChanged(targetType: TargetType, targetId: string, bounds: Bounds): void;
|
|
295
|
+
commitCaptionEditing(targetType: TargetType, targetId: string, text: string): void;
|
|
296
|
+
}
|
|
297
|
+
export interface WebGroupsManager {
|
|
298
|
+
init: (factory?: any) => void;
|
|
299
|
+
notifyMoveAreaChanged(): void;
|
|
300
|
+
registerPopup(element: HTMLElement): string;
|
|
301
|
+
removePopup(element: HTMLElement): void;
|
|
302
|
+
removePopupById(elementId: string): void;
|
|
303
|
+
subscribeForWindowFocused(cb: () => any): () => void;
|
|
304
|
+
unmount(): void;
|
|
305
|
+
externalLibraryFactory: ExternalLibraryFactory;
|
|
306
|
+
}
|
|
307
|
+
export interface Size {
|
|
308
|
+
width: number;
|
|
309
|
+
height: number;
|
|
310
|
+
}
|
|
311
|
+
export interface Bounds extends Size {
|
|
312
|
+
left: number;
|
|
313
|
+
top: number;
|
|
314
|
+
}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { Bounds, TargetType } from "./types/internal";
|
|
2
|
+
declare class WebGroupsManagerDecorator {
|
|
3
|
+
private readonly registry;
|
|
4
|
+
readonly skipFocusStyle = "t42-skip-focus";
|
|
5
|
+
init(io: any, componentFactory: any): void;
|
|
6
|
+
getGroupId(): string;
|
|
7
|
+
notifyMoveAreaChanged(): void;
|
|
8
|
+
registerPopup(element: HTMLElement): string;
|
|
9
|
+
removePopup(element: HTMLElement): void;
|
|
10
|
+
removePopupById(elementId: string): void;
|
|
11
|
+
subscribeForWindowFocused(cb: () => any): () => void;
|
|
12
|
+
unmount(): void;
|
|
13
|
+
requestPageFocus(): void;
|
|
14
|
+
requestFrameFocus(frameId: string): void;
|
|
15
|
+
requestGroupFocus(): void;
|
|
16
|
+
closeFrame(targetId: string): void;
|
|
17
|
+
restoreFrame(targetId: string): void;
|
|
18
|
+
maximizeFrame(targetId: string): void;
|
|
19
|
+
minimizeFrame(targetId: string): void;
|
|
20
|
+
lockFrame(targetId: string): void;
|
|
21
|
+
unlockFrame(targetId: string): void;
|
|
22
|
+
feedbackFrame(targetId: string): void;
|
|
23
|
+
stickyFrame(targetId: string): void;
|
|
24
|
+
extractFrame(targetId: string): void;
|
|
25
|
+
closeTabBar(targetId: string): void;
|
|
26
|
+
restoreTabBar(targetId: string): void;
|
|
27
|
+
maximizeTabBar(targetId: string): void;
|
|
28
|
+
minimizeTabBar(targetId: string): void;
|
|
29
|
+
lockTabBar(targetId: string): void;
|
|
30
|
+
unlockTabBar(targetId: string): void;
|
|
31
|
+
feedbackTabBar(targetId: string): void;
|
|
32
|
+
stickyTabBar(targetId: string): void;
|
|
33
|
+
extractTabBar(targetId: string): void;
|
|
34
|
+
closeGroup(targetId: string): void;
|
|
35
|
+
restoreGroup(targetId: string): void;
|
|
36
|
+
maximizeGroup(targetId: string): void;
|
|
37
|
+
minimizeGroup(targetId: string): void;
|
|
38
|
+
closeTab(targetId: string): void;
|
|
39
|
+
clickCustomButton(targetId: string, buttonId: string): void;
|
|
40
|
+
onGroupMoveAreaChanged(targetId: string): void;
|
|
41
|
+
onTabChannelSelectorClick(targetId: string, selectorBounds: Bounds): void;
|
|
42
|
+
onFrameChannelSelectorClick(targetId: string, selectorBounds: Bounds): void;
|
|
43
|
+
onCaptionTextBoundsChanged(targetType: TargetType, targetId: string, bounds: Bounds): void;
|
|
44
|
+
onCaptionEditorVisibleChanged(targetType: TargetType, targetId: string, visible: boolean): void;
|
|
45
|
+
onCaptionEditorBoundsChanged(targetType: TargetType, targetId: string, bounds: Bounds): void;
|
|
46
|
+
commitCaptionEditing(targetType: TargetType, targetId: string, text: string): void;
|
|
47
|
+
onCommitCaptionEditingRequested(targetType: TargetType, targetId: string, callback: () => void): () => void;
|
|
48
|
+
requestCommitCaptionEditing(targetType: TargetType, targetId: string): void;
|
|
49
|
+
}
|
|
50
|
+
declare const _default: WebGroupsManagerDecorator;
|
|
51
|
+
export default _default;
|