@interopio/groups-ui-react 2.0.0 → 2.0.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/cjs/defaultComponents/htmlButtonsBar/buttons.d.ts +4 -0
- package/dist/cjs/index.d.ts +4 -3
- package/dist/cjs/index.js +190 -110
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/api.d.ts +5 -0
- package/dist/cjs/types/internal.d.ts +11 -43
- package/dist/cjs/webGroupsManager.d.ts +9 -22
- package/dist/cjs/webGroupsStore.d.ts +6 -3
- package/dist/esm/defaultComponents/htmlButtonsBar/buttons.d.ts +4 -0
- package/dist/esm/index.d.ts +4 -3
- package/dist/esm/index.js +190 -111
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/api.d.ts +5 -0
- package/dist/esm/types/internal.d.ts +11 -43
- package/dist/esm/webGroupsManager.d.ts +9 -22
- package/dist/esm/webGroupsStore.d.ts +6 -3
- package/dist/styles/groups.css +16 -0
- package/dist/styles/vars.css +2 -0
- package/package.json +1 -1
package/dist/cjs/types/api.d.ts
CHANGED
|
@@ -111,6 +111,8 @@ export interface TabHeaderButtonsProps {
|
|
|
111
111
|
frameId: string;
|
|
112
112
|
selectedWindow: string;
|
|
113
113
|
}
|
|
114
|
+
export interface HtmlButtonsProps extends TabHeaderButtonsProps {
|
|
115
|
+
}
|
|
114
116
|
export interface GroupProps {
|
|
115
117
|
components?: {
|
|
116
118
|
group?: {
|
|
@@ -135,6 +137,9 @@ export interface GroupProps {
|
|
|
135
137
|
Buttons?: React.ComponentType<TabHeaderButtonsProps>;
|
|
136
138
|
Below?: React.ComponentType<BelowTabsProps>;
|
|
137
139
|
};
|
|
140
|
+
html?: {
|
|
141
|
+
Buttons?: React.ComponentType<HtmlButtonsProps>;
|
|
142
|
+
};
|
|
138
143
|
};
|
|
139
144
|
}
|
|
140
145
|
export interface MoveAreaProps {
|
|
@@ -31,12 +31,14 @@ export interface GroupWrapperProps {
|
|
|
31
31
|
onUpdateTabRequested?: (options: CreateTabRequestOptions) => void;
|
|
32
32
|
onCreateAfterTabsComponentRequested?: (options: CreateFrameElementRequestOptions) => void;
|
|
33
33
|
onUpdateAfterTabsComponentRequested?: (options: CreateFrameElementRequestOptions) => void;
|
|
34
|
-
onCreateTabHeaderButtonsRequested?: (options:
|
|
34
|
+
onCreateTabHeaderButtonsRequested?: (options: CreateButtonsOptions) => void;
|
|
35
35
|
onCreateBelowTabsRequested?: (options: CreateFrameElementRequestOptions) => void;
|
|
36
36
|
onUpdateBelowTabsRequested?: (options: CreateFrameElementRequestOptions) => void;
|
|
37
37
|
onUpdateFrameRequested?: (options: UpdateFrameRequestOptions) => void;
|
|
38
38
|
onUpdateStandardButtonRequested?: (options: UpdateStandardButtonRequestOptions) => void;
|
|
39
39
|
onUpdateCustomButtonsRequested?: (options: UpdateCustomButtonsRequestOptions) => void;
|
|
40
|
+
onCreateHtmlButtonsRequested?: (options: CreateButtonsOptions) => void;
|
|
41
|
+
onRemoveHtmlButtonsRequested?: (options: RemoveRequestOptions) => void;
|
|
40
42
|
onRemoveFrameCaptionBarRequested?: (options: RemoveRequestOptions) => void;
|
|
41
43
|
onRemoveFrameWindowOverlayRequested?: (options: RemoveRequestOptions) => void;
|
|
42
44
|
onRemoveAboveWindowRequested?: (options: RemoveRequestOptions) => void;
|
|
@@ -88,54 +90,16 @@ export interface UpdateGroupCaptionBarRequestOptions extends CreateGroupCaptionB
|
|
|
88
90
|
}
|
|
89
91
|
export interface UpdateFrameCaptionBarRequestOptions extends BaseElementOptions {
|
|
90
92
|
}
|
|
91
|
-
export interface CreateFrameCaptionBarRequestOptions extends
|
|
93
|
+
export interface CreateFrameCaptionBarRequestOptions extends CreateButtonsOptions {
|
|
92
94
|
caption: string;
|
|
93
95
|
moveAreaId: string;
|
|
94
96
|
channelSelectorVisible: boolean;
|
|
95
97
|
selectedChannel: string;
|
|
96
98
|
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
99
|
captionEditor: {
|
|
135
100
|
show: boolean;
|
|
136
101
|
text?: string;
|
|
137
102
|
};
|
|
138
|
-
customButtons: UpdateCustomButtonOptions[];
|
|
139
103
|
}
|
|
140
104
|
export interface CreateTabRequestOptions extends CreateElementRequestOptions {
|
|
141
105
|
caption: string;
|
|
@@ -163,7 +127,7 @@ export interface UpdateCustomButtonOptions {
|
|
|
163
127
|
tooltip: string;
|
|
164
128
|
imageData: string;
|
|
165
129
|
}
|
|
166
|
-
export interface
|
|
130
|
+
export interface CreateButtonsOptions extends CreateFrameElementRequestOptions {
|
|
167
131
|
feedback: {
|
|
168
132
|
tooltip: string;
|
|
169
133
|
visible: boolean;
|
|
@@ -225,7 +189,8 @@ export declare enum TargetType {
|
|
|
225
189
|
Group = "group",
|
|
226
190
|
Frame = "frame",
|
|
227
191
|
TabBar = "tabBar",
|
|
228
|
-
Tab = "tab"
|
|
192
|
+
Tab = "tab",
|
|
193
|
+
HtmlButtons = "html"
|
|
229
194
|
}
|
|
230
195
|
export declare enum StandardButtons {
|
|
231
196
|
Feedback = "feedback",
|
|
@@ -272,11 +237,14 @@ export interface ElementCreationWrapperState {
|
|
|
272
237
|
[targetId: string]: CreateFrameElementRequestOptions;
|
|
273
238
|
};
|
|
274
239
|
tabHeaderButtons: {
|
|
275
|
-
[targetId: string]:
|
|
240
|
+
[targetId: string]: CreateButtonsOptions;
|
|
276
241
|
};
|
|
277
242
|
belowTabsZones: {
|
|
278
243
|
[targetId: string]: CreateFrameElementRequestOptions;
|
|
279
244
|
};
|
|
245
|
+
htmlButtons: {
|
|
246
|
+
[targetId: string]: CreateButtonsOptions;
|
|
247
|
+
};
|
|
280
248
|
}
|
|
281
249
|
export interface ExternalLibraryFactory {
|
|
282
250
|
readonly groupId: string;
|
|
@@ -13,28 +13,15 @@ declare class WebGroupsManagerDecorator {
|
|
|
13
13
|
requestPageFocus(): void;
|
|
14
14
|
requestFrameFocus(frameId: string): void;
|
|
15
15
|
requestGroupFocus(): void;
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
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;
|
|
16
|
+
onCloseButtonClick(targetType: TargetType, targetId: string): void;
|
|
17
|
+
onRestoreButtonClick(targetType: TargetType, targetId: string): void;
|
|
18
|
+
onMaximizeButtonClick(targetType: TargetType, targetId: string): void;
|
|
19
|
+
onMinimizeButtonClick(targetType: TargetType, targetId: string): void;
|
|
20
|
+
onLockButtonClick(targetType: TargetType, targetId: string): void;
|
|
21
|
+
onUnlockButtonClick(targetType: TargetType, targetId: string): void;
|
|
22
|
+
onFeedbackButtonClick(targetType: TargetType, targetId: string): void;
|
|
23
|
+
onStickyButtonClick(targetType: TargetType, targetId: string): void;
|
|
24
|
+
onExtractButtonClick(targetType: TargetType, targetId: string): void;
|
|
38
25
|
closeTab(targetId: string): void;
|
|
39
26
|
clickCustomButton(targetId: string, buttonId: string): void;
|
|
40
27
|
onGroupMoveAreaChanged(targetId: string): void;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { CreateElementRequestOptions, CreateFrameCaptionBarRequestOptions, CreateFrameElementRequestOptions, CreateGroupCaptionBarRequestOptions,
|
|
1
|
+
import { CreateElementRequestOptions, CreateFrameCaptionBarRequestOptions, CreateFrameElementRequestOptions, CreateGroupCaptionBarRequestOptions, CreateButtonsOptions, CreateTabRequestOptions, ElementCreationWrapperState, RemoveRequestOptions, TargetType, UpdateFrameCaptionBarRequestOptions, UpdateGroupCaptionBarRequestOptions, UpdateStandardButtonRequestOptions, UpdateFrameRequestOptions, CreateFrameLoadingAnimationRequestOptions, UpdateCustomButtonsRequestOptions } from "./types/internal";
|
|
2
2
|
declare class WebGroupsStore {
|
|
3
3
|
private listeners;
|
|
4
4
|
private state;
|
|
@@ -16,8 +16,10 @@ declare class WebGroupsStore {
|
|
|
16
16
|
onCreateBeforeTabsComponentRequested: (options: CreateFrameElementRequestOptions) => void;
|
|
17
17
|
onCreateTabElementRequested: (options: CreateTabRequestOptions) => void;
|
|
18
18
|
onCreateAfterTabsComponentRequested: (options: CreateFrameElementRequestOptions) => void;
|
|
19
|
-
onCreateTabHeaderButtonsRequested: (options:
|
|
19
|
+
onCreateTabHeaderButtonsRequested: (options: CreateButtonsOptions) => void;
|
|
20
20
|
onCreateBelowTabsComponentRequested: (options: CreateFrameElementRequestOptions) => void;
|
|
21
|
+
onCreateHtmlButtonsRequested: (options: CreateButtonsOptions) => void;
|
|
22
|
+
onUpdateHtmlButtonsRequested: (options: CreateButtonsOptions) => void;
|
|
21
23
|
onUpdateGroupCaptionBarRequested: (options: UpdateGroupCaptionBarRequestOptions) => void;
|
|
22
24
|
onUpdateFrameCaptionBarRequested: (options: UpdateFrameCaptionBarRequestOptions) => void;
|
|
23
25
|
onUpdateFrameWindowOverlayRequested: (options: CreateElementRequestOptions) => void;
|
|
@@ -25,7 +27,7 @@ declare class WebGroupsStore {
|
|
|
25
27
|
onUpdateBeforeTabsRequested: (options: CreateElementRequestOptions) => void;
|
|
26
28
|
onUpdateTabElementRequested: (options: CreateTabRequestOptions) => void;
|
|
27
29
|
onUpdateAfterTabsRequested: (options: CreateElementRequestOptions) => void;
|
|
28
|
-
onUpdateTabHeaderButtonsRequested: (options:
|
|
30
|
+
onUpdateTabHeaderButtonsRequested: (options: CreateButtonsOptions) => void;
|
|
29
31
|
onUpdateBelowTabsRequested: (options: CreateElementRequestOptions) => void;
|
|
30
32
|
onUpdateFrame: (options: UpdateFrameRequestOptions) => void;
|
|
31
33
|
onUpdateStandardButton: (options: UpdateStandardButtonRequestOptions) => void;
|
|
@@ -42,6 +44,7 @@ declare class WebGroupsStore {
|
|
|
42
44
|
onRemoveAfterTabsComponentRequested: (options: RemoveRequestOptions) => void;
|
|
43
45
|
onRemoveTabHeaderButtonsRequested: (options: RemoveRequestOptions) => void;
|
|
44
46
|
onRemoveBelowTabsRequested: (options: RemoveRequestOptions) => void;
|
|
47
|
+
onRemoveHtmlButtonsRequested: (options: RemoveRequestOptions) => void;
|
|
45
48
|
onShowCaptionEditorRequested: (targetType: TargetType, targetId: string, text: string) => void;
|
|
46
49
|
onCommitCaptionEditingRequested: (targetType: TargetType, targetId: string) => void;
|
|
47
50
|
onHideCaptionEditorRequested: (targetType: TargetType, targetId: string) => void;
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -27,7 +27,7 @@ import CustomButton from "./defaultComponents/buttons/CustomButton";
|
|
|
27
27
|
import { waitForWindow } from "./utils";
|
|
28
28
|
import useGroupComponentVisibility from "./useGroupComponentVisibility";
|
|
29
29
|
import { CloseButtonProps, ExtractButtonProps, StickyButtonProps, FeedbackButtonProps, FlatButtonsProps, FlatCaptionEditorProps, FlatCaptionProps, FlatChannelSelectorProps, FlatMoveAreaProps, GroupButtonsProps, GroupCaptionEditorProps, GroupMoveAreaProps, LockButtonProps, MaximizeButtonProps, MinimizeButtonProps, RestoreButtonProps, TabCaptionEditorProps, TabCaptionProps, TabChannelSelectorProps, TabCloseButtonProps, UnlockButtonProps, UseCaptionEditorOptions, UseEditableCaptionOptions } from "./types/defaultComponents";
|
|
30
|
-
import { AboveTabsProps, AboveWindowProps, AfterTabsProps, BeforeTabsProps, BelowTabsProps, BelowWindowProps, FlatCaptionBarProps, FrameLoadingAnimationProps, FrameWindowOverlayProps, GroupCaptionBarProps, GroupComponentVisibilityState, GroupOverlayProps, GroupProps, MoveAreaProps, TabElementProps, TabHeaderButtonsProps, WindowContentOverlayProps } from "./types/api";
|
|
30
|
+
import { AboveTabsProps, AboveWindowProps, AfterTabsProps, BeforeTabsProps, BelowTabsProps, BelowWindowProps, FlatCaptionBarProps, FrameLoadingAnimationProps, FrameWindowOverlayProps, GroupCaptionBarProps, GroupComponentVisibilityState, GroupOverlayProps, GroupProps, HtmlButtonsProps, MoveAreaProps, TabElementProps, TabHeaderButtonsProps, WindowContentOverlayProps } from "./types/api";
|
|
31
31
|
import GroupCaptionEditor from "./defaultComponents/groupCaptionBar/GroupCaptionEditor";
|
|
32
32
|
import FlatCaptionEditor from "./defaultComponents/flatCaptionBar/FlatCaptionEditor";
|
|
33
33
|
import TabCaptionEditor from "./defaultComponents/tabs/TabCaptionEditor";
|
|
@@ -37,7 +37,8 @@ import useCommitFlatCaptionEditingRequested from "./defaultComponents/flatCaptio
|
|
|
37
37
|
import useEditableCaption from "./defaultComponents/captionEditor/useEditableCaption";
|
|
38
38
|
import useCaptionEditor from "./defaultComponents/captionEditor/useCaptionEditor";
|
|
39
39
|
import FrameLoadingAnimation from "./defaultComponents/loadingAnimation/FrameLoadingAnimation";
|
|
40
|
-
|
|
40
|
+
import HtmlButtons from "./defaultComponents/htmlButtonsBar/buttons";
|
|
41
|
+
export { GroupCaptionBar, GroupMoveArea, GroupButtons, GroupCaptionEditor, Tab, TabChannelSelector, TabCaption, TabCloseButton, TabCaptionEditor, FeedbackButton, StickyButton, ExtractButton, LockButton, UnlockButton, MinimizeButton, RestoreButton, MaximizeButton, CustomButton, CloseButton, FlatCaptionBar, FlatChannelSelector, FlatCaption, FlatMoveArea, FlatButtons, FlatCaptionEditor, TabHeaderButtons, FrameLoadingAnimation, HtmlButtons, GroupComponentVisibilityState, useIOConnectWindow, useGroupComponentVisibility, waitForWindow, useEditableCaption, useCaptionEditor, useCommitGroupCaptionEditingRequested, useCommitFlatCaptionEditingRequested, useCommitTabCaptionEditingRequested, };
|
|
41
42
|
export declare const getGroupId: () => string;
|
|
42
43
|
export declare const requestPageFocus: () => void;
|
|
43
44
|
export declare const requestFrameFocus: (frameId: string) => void;
|
|
@@ -45,5 +46,5 @@ export declare const requestGroupFocus: () => void;
|
|
|
45
46
|
export declare const onCommitGroupCaptionEditingRequested: (targetId: string, cb: () => void) => () => void;
|
|
46
47
|
export declare const onCommitFlatCaptionEditingRequested: (targetId: string, cb: () => void) => () => void;
|
|
47
48
|
export declare const onCommitTabCaptionEditingRequested: (targetId: string, cb: () => void) => () => void;
|
|
48
|
-
export { MoveAreaProps, GroupProps, GroupCaption, GroupCaptionBarProps, GroupMoveAreaProps, GroupOverlayProps, GroupButtonsProps, GroupCaptionEditorProps, TabElementProps, TabChannelSelectorProps, TabCaptionProps, TabCloseButtonProps, TabHeaderButtonsProps, TabCaptionEditorProps, FlatCaptionBarProps, FlatCaptionProps, FrameWindowOverlayProps, FlatMoveAreaProps, FlatChannelSelectorProps, FlatButtonsProps, FlatCaptionEditorProps, StickyButtonProps, FeedbackButtonProps, ExtractButtonProps, LockButtonProps, UnlockButtonProps, MinimizeButtonProps, MaximizeButtonProps, RestoreButtonProps, CloseButtonProps, FrameLoadingAnimationProps, UseCaptionEditorOptions, UseEditableCaptionOptions, AboveWindowProps, BelowWindowProps, AboveTabsProps, BelowTabsProps, BeforeTabsProps, AfterTabsProps, WindowContentOverlayProps };
|
|
49
|
+
export { MoveAreaProps, GroupProps, GroupCaption, GroupCaptionBarProps, GroupMoveAreaProps, GroupOverlayProps, GroupButtonsProps, GroupCaptionEditorProps, TabElementProps, TabChannelSelectorProps, TabCaptionProps, TabCloseButtonProps, TabHeaderButtonsProps, TabCaptionEditorProps, HtmlButtonsProps, FlatCaptionBarProps, FlatCaptionProps, FrameWindowOverlayProps, FlatMoveAreaProps, FlatChannelSelectorProps, FlatButtonsProps, FlatCaptionEditorProps, StickyButtonProps, FeedbackButtonProps, ExtractButtonProps, LockButtonProps, UnlockButtonProps, MinimizeButtonProps, MaximizeButtonProps, RestoreButtonProps, CloseButtonProps, FrameLoadingAnimationProps, UseCaptionEditorOptions, UseEditableCaptionOptions, AboveWindowProps, BelowWindowProps, AboveTabsProps, BelowTabsProps, BeforeTabsProps, AfterTabsProps, WindowContentOverlayProps };
|
|
49
50
|
export default GroupElementCreationWrapper;
|