@interopio/groups-ui-react 2.0.0 → 2.0.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.
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { HtmlButtonsProps } from "../../types/api";
3
+ declare const HtmlButtons: React.FC<HtmlButtonsProps>;
4
+ export default HtmlButtons;
@@ -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
- 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, GroupComponentVisibilityState, useIOConnectWindow, useGroupComponentVisibility, waitForWindow, useEditableCaption, useCaptionEditor, useCommitGroupCaptionEditingRequested, useCommitFlatCaptionEditingRequested, useCommitTabCaptionEditingRequested, };
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;
package/dist/cjs/index.js CHANGED
@@ -67,6 +67,7 @@
67
67
  TargetType["Frame"] = "frame";
68
68
  TargetType["TabBar"] = "tabBar";
69
69
  TargetType["Tab"] = "tab";
70
+ TargetType["HtmlButtons"] = "html";
70
71
  })(TargetType || (TargetType = {}));
71
72
  var StandardButtons;
72
73
  (function (StandardButtons) {
@@ -241,71 +242,32 @@
241
242
  WebGroupsManagerDecorator.prototype.requestGroupFocus = function () {
242
243
  return window.webGroupsManager.externalLibraryFactory.focusGroup();
243
244
  };
244
- WebGroupsManagerDecorator.prototype.closeFrame = function (targetId) {
245
- window.webGroupsManager.externalLibraryFactory.onStandardButtonClick(TargetType.Frame, targetId, StandardButtons.Close);
245
+ WebGroupsManagerDecorator.prototype.onCloseButtonClick = function (targetType, targetId) {
246
+ window.webGroupsManager.externalLibraryFactory.onStandardButtonClick(targetType, targetId, StandardButtons.Close);
246
247
  };
247
- WebGroupsManagerDecorator.prototype.restoreFrame = function (targetId) {
248
- window.webGroupsManager.externalLibraryFactory.onStandardButtonClick(TargetType.Frame, targetId, StandardButtons.Restore);
248
+ WebGroupsManagerDecorator.prototype.onRestoreButtonClick = function (targetType, targetId) {
249
+ window.webGroupsManager.externalLibraryFactory.onStandardButtonClick(targetType, targetId, StandardButtons.Restore);
249
250
  };
250
- WebGroupsManagerDecorator.prototype.maximizeFrame = function (targetId) {
251
- window.webGroupsManager.externalLibraryFactory.onStandardButtonClick(TargetType.Frame, targetId, StandardButtons.Maximize);
251
+ WebGroupsManagerDecorator.prototype.onMaximizeButtonClick = function (targetType, targetId) {
252
+ window.webGroupsManager.externalLibraryFactory.onStandardButtonClick(targetType, targetId, StandardButtons.Maximize);
252
253
  };
253
- WebGroupsManagerDecorator.prototype.minimizeFrame = function (targetId) {
254
- window.webGroupsManager.externalLibraryFactory.onStandardButtonClick(TargetType.Frame, targetId, StandardButtons.Minimize);
254
+ WebGroupsManagerDecorator.prototype.onMinimizeButtonClick = function (targetType, targetId) {
255
+ window.webGroupsManager.externalLibraryFactory.onStandardButtonClick(targetType, targetId, StandardButtons.Minimize);
255
256
  };
256
- WebGroupsManagerDecorator.prototype.lockFrame = function (targetId) {
257
- window.webGroupsManager.externalLibraryFactory.onStandardButtonClick(TargetType.Frame, targetId, StandardButtons.Lock);
257
+ WebGroupsManagerDecorator.prototype.onLockButtonClick = function (targetType, targetId) {
258
+ window.webGroupsManager.externalLibraryFactory.onStandardButtonClick(targetType, targetId, StandardButtons.Lock);
258
259
  };
259
- WebGroupsManagerDecorator.prototype.unlockFrame = function (targetId) {
260
- window.webGroupsManager.externalLibraryFactory.onStandardButtonClick(TargetType.Frame, targetId, StandardButtons.Unlock);
260
+ WebGroupsManagerDecorator.prototype.onUnlockButtonClick = function (targetType, targetId) {
261
+ window.webGroupsManager.externalLibraryFactory.onStandardButtonClick(targetType, targetId, StandardButtons.Unlock);
261
262
  };
262
- WebGroupsManagerDecorator.prototype.feedbackFrame = function (targetId) {
263
- window.webGroupsManager.externalLibraryFactory.onStandardButtonClick(TargetType.Frame, targetId, StandardButtons.Feedback);
263
+ WebGroupsManagerDecorator.prototype.onFeedbackButtonClick = function (targetType, targetId) {
264
+ window.webGroupsManager.externalLibraryFactory.onStandardButtonClick(targetType, targetId, StandardButtons.Feedback);
264
265
  };
265
- WebGroupsManagerDecorator.prototype.stickyFrame = function (targetId) {
266
- window.webGroupsManager.externalLibraryFactory.onStandardButtonClick(TargetType.Frame, targetId, StandardButtons.Sticky);
266
+ WebGroupsManagerDecorator.prototype.onStickyButtonClick = function (targetType, targetId) {
267
+ window.webGroupsManager.externalLibraryFactory.onStandardButtonClick(targetType, targetId, StandardButtons.Sticky);
267
268
  };
268
- WebGroupsManagerDecorator.prototype.extractFrame = function (targetId) {
269
- window.webGroupsManager.externalLibraryFactory.onStandardButtonClick(TargetType.Frame, targetId, StandardButtons.Extract);
270
- };
271
- WebGroupsManagerDecorator.prototype.closeTabBar = function (targetId) {
272
- window.webGroupsManager.externalLibraryFactory.onStandardButtonClick(TargetType.TabBar, targetId, StandardButtons.Close);
273
- };
274
- WebGroupsManagerDecorator.prototype.restoreTabBar = function (targetId) {
275
- window.webGroupsManager.externalLibraryFactory.onStandardButtonClick(TargetType.TabBar, targetId, StandardButtons.Restore);
276
- };
277
- WebGroupsManagerDecorator.prototype.maximizeTabBar = function (targetId) {
278
- window.webGroupsManager.externalLibraryFactory.onStandardButtonClick(TargetType.TabBar, targetId, StandardButtons.Maximize);
279
- };
280
- WebGroupsManagerDecorator.prototype.minimizeTabBar = function (targetId) {
281
- window.webGroupsManager.externalLibraryFactory.onStandardButtonClick(TargetType.TabBar, targetId, StandardButtons.Minimize);
282
- };
283
- WebGroupsManagerDecorator.prototype.lockTabBar = function (targetId) {
284
- window.webGroupsManager.externalLibraryFactory.onStandardButtonClick(TargetType.TabBar, targetId, StandardButtons.Lock);
285
- };
286
- WebGroupsManagerDecorator.prototype.unlockTabBar = function (targetId) {
287
- window.webGroupsManager.externalLibraryFactory.onStandardButtonClick(TargetType.TabBar, targetId, StandardButtons.Unlock);
288
- };
289
- WebGroupsManagerDecorator.prototype.feedbackTabBar = function (targetId) {
290
- window.webGroupsManager.externalLibraryFactory.onStandardButtonClick(TargetType.TabBar, targetId, StandardButtons.Feedback);
291
- };
292
- WebGroupsManagerDecorator.prototype.stickyTabBar = function (targetId) {
293
- window.webGroupsManager.externalLibraryFactory.onStandardButtonClick(TargetType.TabBar, targetId, StandardButtons.Sticky);
294
- };
295
- WebGroupsManagerDecorator.prototype.extractTabBar = function (targetId) {
296
- window.webGroupsManager.externalLibraryFactory.onStandardButtonClick(TargetType.TabBar, targetId, StandardButtons.Extract);
297
- };
298
- WebGroupsManagerDecorator.prototype.closeGroup = function (targetId) {
299
- window.webGroupsManager.externalLibraryFactory.onStandardButtonClick(TargetType.Group, targetId, StandardButtons.Close);
300
- };
301
- WebGroupsManagerDecorator.prototype.restoreGroup = function (targetId) {
302
- window.webGroupsManager.externalLibraryFactory.onStandardButtonClick(TargetType.Group, targetId, StandardButtons.Restore);
303
- };
304
- WebGroupsManagerDecorator.prototype.maximizeGroup = function (targetId) {
305
- window.webGroupsManager.externalLibraryFactory.onStandardButtonClick(TargetType.Group, targetId, StandardButtons.Maximize);
306
- };
307
- WebGroupsManagerDecorator.prototype.minimizeGroup = function (targetId) {
308
- window.webGroupsManager.externalLibraryFactory.onStandardButtonClick(TargetType.Group, targetId, StandardButtons.Minimize);
269
+ WebGroupsManagerDecorator.prototype.onExtractButtonClick = function (targetType, targetId) {
270
+ window.webGroupsManager.externalLibraryFactory.onStandardButtonClick(targetType, targetId, StandardButtons.Extract);
309
271
  };
310
272
  WebGroupsManagerDecorator.prototype.closeTab = function (targetId) {
311
273
  window.webGroupsManager.externalLibraryFactory.onTabCloseButtonClick(targetId);
@@ -2168,6 +2130,8 @@
2168
2130
  createTabBarButtonsContainerElement: this.props.onCreateTabHeaderButtonsRequested,
2169
2131
  createBelowTabs: this.props.onCreateBelowTabsRequested,
2170
2132
  updateBelowTabs: this.props.onUpdateBelowTabsRequested,
2133
+ createHtmlButtonsContainerElement: this.props.onCreateHtmlButtonsRequested,
2134
+ destroyHtmlButtonsContainerElement: this.props.onRemoveHtmlButtonsRequested,
2171
2135
  updateFrame: this.props.onUpdateFrameRequested,
2172
2136
  updateStandardButton: this.props.onUpdateStandardButtonRequested,
2173
2137
  updateCustomButtons: this.props.onUpdateCustomButtonsRequested,
@@ -2228,6 +2192,7 @@
2228
2192
  tabHeaderButtons: {},
2229
2193
  belowTabsZones: {},
2230
2194
  frameLoadingAnimations: {},
2195
+ htmlButtons: {},
2231
2196
  };
2232
2197
  this.subscribe = function (cb) {
2233
2198
  _this.listeners.add(cb);
@@ -2367,6 +2332,24 @@
2367
2332
  return __assign(__assign({}, s), { belowTabsZones: __assign(__assign({}, s.belowTabsZones), (_a = {}, _a[options.targetId] = options, _a)) });
2368
2333
  });
2369
2334
  };
2335
+ this.onCreateHtmlButtonsRequested = function (options) {
2336
+ if (options === _this.state.htmlButtons[options.targetId] || !options) {
2337
+ return;
2338
+ }
2339
+ _this.setState(function (s) {
2340
+ var _a;
2341
+ return __assign(__assign({}, s), { htmlButtons: __assign(__assign({}, s.htmlButtons), (_a = {}, _a[options.targetId] = options, _a)) });
2342
+ });
2343
+ };
2344
+ this.onUpdateHtmlButtonsRequested = function (options) {
2345
+ if (options === _this.state.htmlButtons[options.targetId] || !options) {
2346
+ return;
2347
+ }
2348
+ _this.setState(function (s) {
2349
+ var _a;
2350
+ return __assign(__assign({}, s), { htmlButtons: __assign(__assign({}, s.htmlButtons), (_a = {}, _a[options.targetId] = __assign(__assign({}, s.htmlButtons[options.targetId]), options), _a)) });
2351
+ });
2352
+ };
2370
2353
  this.onUpdateGroupCaptionBarRequested = function (options) {
2371
2354
  if (options === _this.state.groupCaptionBar) {
2372
2355
  return;
@@ -2475,38 +2458,48 @@
2475
2458
  });
2476
2459
  };
2477
2460
  this.onUpdateStandardButton = function (options) {
2478
- var _a, _b, _c;
2479
- var isCaptionBar = options.targetType === TargetType.Group; //this.state.groupCaptionBar?.targetId === options.targetId;
2480
- var isFrame = options.targetType === TargetType.Frame;
2481
- var isTabHeaderButtons = options.targetType === TargetType.TabBar;
2482
- if (isCaptionBar) {
2483
- var currentState = _this.state.groupCaptionBar || { targetId: options.targetId };
2484
- var newOptions = __assign(__assign({}, currentState), (_a = {}, _a[options.buttonId] = __assign({}, options), _a));
2485
- _this.onUpdateGroupCaptionBarRequested(newOptions);
2486
- }
2487
- else if (isFrame && options.targetType === TargetType.Frame) {
2488
- var currentState = _this.state.frameCaptionBars[options.targetId] || { targetId: options.targetId };
2489
- var newOptions = __assign(__assign({}, currentState), (_b = {}, _b[options.buttonId] = __assign({}, options), _b));
2490
- _this.onUpdateFrameCaptionBarRequested(newOptions);
2491
- }
2492
- else if (isTabHeaderButtons && options.targetType === TargetType.TabBar) {
2493
- var currentState = _this.state.tabHeaderButtons[options.targetId] || { targetId: options.targetId };
2494
- var newOptions = __assign(__assign({}, currentState), (_c = {}, _c[options.buttonId] = __assign({}, options), _c));
2495
- _this.onUpdateTabHeaderButtonsRequested(newOptions);
2461
+ var _a, _b, _c, _d;
2462
+ var targetState = { targetId: options.targetId };
2463
+ switch (options.targetType) {
2464
+ case TargetType.Group:
2465
+ var currentGroupState = _this.state.groupCaptionBar || targetState;
2466
+ var newGroupOptions = __assign(__assign({}, currentGroupState), (_a = {}, _a[options.buttonId] = __assign({}, options), _a));
2467
+ _this.onUpdateGroupCaptionBarRequested(newGroupOptions);
2468
+ break;
2469
+ case TargetType.Frame:
2470
+ var currentFrameState = _this.state.frameCaptionBars[options.targetId] || targetState;
2471
+ var newFrameOptions = __assign(__assign({}, currentFrameState), (_b = {}, _b[options.buttonId] = __assign({}, options), _b));
2472
+ _this.onUpdateFrameCaptionBarRequested(newFrameOptions);
2473
+ break;
2474
+ case TargetType.TabBar:
2475
+ var currentTabButtonsState = _this.state.tabHeaderButtons[options.targetId] || targetState;
2476
+ var newTabButtonsOptions = __assign(__assign({}, currentTabButtonsState), (_c = {}, _c[options.buttonId] = __assign({}, options), _c));
2477
+ _this.onUpdateTabHeaderButtonsRequested(newTabButtonsOptions);
2478
+ break;
2479
+ case TargetType.HtmlButtons:
2480
+ var currentHtmlButtonsState = _this.state.htmlButtons[options.targetId] || targetState;
2481
+ var newHtmlButtonsOptions = __assign(__assign({}, currentHtmlButtonsState), (_d = {}, _d[options.buttonId] = __assign({}, options), _d));
2482
+ _this.onUpdateHtmlButtonsRequested(newHtmlButtonsOptions);
2483
+ break;
2496
2484
  }
2497
2485
  };
2498
2486
  this.onUpdateCustomButtons = function (options) {
2499
- var isFrame = options.targetType === TargetType.Frame;
2500
- var isTabHeaderButtons = options.targetType === TargetType.TabBar;
2501
- if (isFrame && options.targetType === TargetType.Frame) {
2502
- var currentState = _this.state.frameCaptionBars[options.targetId] || { targetId: options.targetId };
2503
- var newOptions = __assign(__assign({}, currentState), options);
2504
- _this.onUpdateFrameCaptionBarRequested(newOptions);
2505
- }
2506
- else if (isTabHeaderButtons && options.targetType === TargetType.TabBar) {
2507
- var currentState = _this.state.tabHeaderButtons.customButtons || { customButtons: options.customButtons };
2508
- var newOptions = __assign(__assign({}, currentState), options);
2509
- _this.onUpdateTabHeaderButtonsRequested(newOptions);
2487
+ switch (options.targetType) {
2488
+ case TargetType.Frame:
2489
+ var currentFrameState = _this.state.frameCaptionBars[options.targetId] || { targetId: options.targetId };
2490
+ var newFrameOptions = __assign(__assign({}, currentFrameState), options);
2491
+ _this.onUpdateFrameCaptionBarRequested(newFrameOptions);
2492
+ break;
2493
+ case TargetType.TabBar:
2494
+ var currentTabBarState = _this.state.tabHeaderButtons.customButtons || { customButtons: options.customButtons };
2495
+ var newTabBarOptions = __assign(__assign({}, currentTabBarState), options);
2496
+ _this.onUpdateTabHeaderButtonsRequested(newTabBarOptions);
2497
+ break;
2498
+ case TargetType.HtmlButtons:
2499
+ var currentHtmlButtonsState = _this.state.htmlButtons.customButtons || { customButtons: options.customButtons };
2500
+ var newHtmlButtonsOptions = __assign(__assign({}, currentHtmlButtonsState), options);
2501
+ _this.onUpdateHtmlButtonsRequested(newHtmlButtonsOptions);
2502
+ break;
2510
2503
  }
2511
2504
  };
2512
2505
  this.onRemoveFrameCaptionBarRequested = function (options) {
@@ -2677,6 +2670,20 @@
2677
2670
  return __assign(__assign({}, s), { belowTabsZones: newTabElementsObj });
2678
2671
  });
2679
2672
  };
2673
+ this.onRemoveHtmlButtonsRequested = function (options) {
2674
+ if (!_this.state.htmlButtons[options.targetId]) {
2675
+ return;
2676
+ }
2677
+ _this.setState(function (s) {
2678
+ var newHtmlObj = Object.keys(s.htmlButtons).reduce(function (acc, targetId) {
2679
+ if (targetId != options.targetId) {
2680
+ acc[targetId] = s.htmlButtons[targetId];
2681
+ }
2682
+ return acc;
2683
+ }, {});
2684
+ return __assign(__assign({}, s), { htmlButtons: newHtmlObj });
2685
+ });
2686
+ };
2680
2687
  this.onShowCaptionEditorRequested = function (targetType, targetId, text) {
2681
2688
  if (targetType === TargetType.Group) {
2682
2689
  _this.onShowGroupCaptionEditorRequested(targetId, text);
@@ -2818,7 +2825,7 @@
2818
2825
  var webGroupsStore = new WebGroupsStore();
2819
2826
 
2820
2827
  var GroupElementCreationWrapper = function (_a) {
2821
- var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
2828
+ var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
2822
2829
  var components = _a.components;
2823
2830
  var state = shim.useSyncExternalStore(webGroupsStore.subscribe, webGroupsStore.getSnapshot);
2824
2831
  var renderGroupCaptionBar = function () {
@@ -2829,16 +2836,16 @@
2829
2836
  }
2830
2837
  var _b = state.groupCaptionBar, parentElement = _b.parentElement, options = __rest(_b, ["parentElement"]);
2831
2838
  var minimize = __assign({ onClick: function () {
2832
- webGroupsManager.minimizeGroup(options.targetId);
2839
+ webGroupsManager.onMinimizeButtonClick(TargetType.Group, options.targetId);
2833
2840
  } }, options.minimize);
2834
2841
  var restore = __assign({ onClick: function () {
2835
- webGroupsManager.restoreGroup(options.targetId);
2842
+ webGroupsManager.onRestoreButtonClick(TargetType.Group, options.targetId);
2836
2843
  } }, options.restore);
2837
2844
  var maximize = __assign({ onClick: function () {
2838
- webGroupsManager.maximizeGroup(options.targetId);
2845
+ webGroupsManager.onMaximizeButtonClick(TargetType.Group, options.targetId);
2839
2846
  } }, options.maximize);
2840
2847
  var close = __assign({ onClick: function () {
2841
- webGroupsManager.closeGroup(options.targetId);
2848
+ webGroupsManager.onCloseButtonClick(TargetType.Group, options.targetId);
2842
2849
  } }, options.close);
2843
2850
  var captionEditor = __assign(__assign({}, options.captionEditor), { commitChanges: function (text) {
2844
2851
  webGroupsManager.commitCaptionEditing(TargetType.Group, options.targetId, text);
@@ -2872,31 +2879,31 @@
2872
2879
  }
2873
2880
  var parentElement = fcb.parentElement, options = __rest(fcb, ["parentElement"]);
2874
2881
  var feedback = __assign({ onClick: function () {
2875
- webGroupsManager.feedbackFrame(options.targetId);
2882
+ webGroupsManager.onFeedbackButtonClick(TargetType.Frame, options.targetId);
2876
2883
  } }, options.feedback);
2877
2884
  var sticky = __assign({ onClick: function () {
2878
- webGroupsManager.stickyFrame(options.targetId);
2885
+ webGroupsManager.onStickyButtonClick(TargetType.Frame, options.targetId);
2879
2886
  } }, options.sticky);
2880
2887
  var extract = __assign({ onClick: function () {
2881
- webGroupsManager.extractFrame(options.targetId);
2888
+ webGroupsManager.onExtractButtonClick(TargetType.Frame, options.targetId);
2882
2889
  } }, options.extract);
2883
2890
  var lock = __assign({ onClick: function () {
2884
- webGroupsManager.lockFrame(options.targetId);
2891
+ webGroupsManager.onLockButtonClick(TargetType.Frame, options.targetId);
2885
2892
  } }, options.lock);
2886
2893
  var unlock = __assign({ onClick: function () {
2887
- webGroupsManager.unlockFrame(options.targetId);
2894
+ webGroupsManager.onUnlockButtonClick(TargetType.Frame, options.targetId);
2888
2895
  } }, options.unlock);
2889
2896
  var minimize = __assign({ onClick: function () {
2890
- webGroupsManager.minimizeFrame(options.targetId);
2897
+ webGroupsManager.onMinimizeButtonClick(TargetType.Frame, options.targetId);
2891
2898
  } }, options.minimize);
2892
2899
  var restore = __assign({ onClick: function () {
2893
- webGroupsManager.restoreFrame(options.targetId);
2900
+ webGroupsManager.onRestoreButtonClick(TargetType.Frame, options.targetId);
2894
2901
  } }, options.restore);
2895
2902
  var maximize = __assign({ onClick: function () {
2896
- webGroupsManager.maximizeFrame(options.targetId);
2903
+ webGroupsManager.onMaximizeButtonClick(TargetType.Frame, options.targetId);
2897
2904
  } }, options.maximize);
2898
2905
  var close = __assign({ onClick: function () {
2899
- webGroupsManager.closeFrame(options.targetId);
2906
+ webGroupsManager.onCloseButtonClick(TargetType.Frame, options.targetId);
2900
2907
  } }, options.close);
2901
2908
  var customButtonsProps = new Array();
2902
2909
  if (options.customButtons) {
@@ -3075,31 +3082,31 @@
3075
3082
  }
3076
3083
  var parentElement = te.parentElement, options = __rest(te, ["parentElement"]);
3077
3084
  var feedback = __assign({ onClick: function () {
3078
- webGroupsManager.feedbackTabBar(options.targetId);
3085
+ webGroupsManager.onFeedbackButtonClick(TargetType.TabBar, options.targetId);
3079
3086
  } }, options.feedback);
3080
3087
  var sticky = __assign({ onClick: function () {
3081
- webGroupsManager.stickyTabBar(options.targetId);
3088
+ webGroupsManager.onStickyButtonClick(TargetType.TabBar, options.targetId);
3082
3089
  } }, options.sticky);
3083
3090
  var extract = __assign({ onClick: function () {
3084
- webGroupsManager.extractTabBar(options.targetId);
3091
+ webGroupsManager.onExtractButtonClick(TargetType.TabBar, options.targetId);
3085
3092
  } }, options.extract);
3086
3093
  var lock = __assign({ onClick: function () {
3087
- webGroupsManager.lockTabBar(options.targetId);
3094
+ webGroupsManager.onLockButtonClick(TargetType.TabBar, options.targetId);
3088
3095
  } }, options.lock);
3089
3096
  var unlock = __assign({ onClick: function () {
3090
- webGroupsManager.unlockTabBar(options.targetId);
3097
+ webGroupsManager.onUnlockButtonClick(TargetType.TabBar, options.targetId);
3091
3098
  } }, options.unlock);
3092
3099
  var minimize = __assign({ onClick: function () {
3093
- webGroupsManager.minimizeTabBar(options.targetId);
3100
+ webGroupsManager.onMinimizeButtonClick(TargetType.TabBar, options.targetId);
3094
3101
  } }, options.minimize);
3095
3102
  var restore = __assign({ onClick: function () {
3096
- webGroupsManager.restoreTabBar(options.targetId);
3103
+ webGroupsManager.onRestoreButtonClick(TargetType.TabBar, options.targetId);
3097
3104
  } }, options.restore);
3098
3105
  var maximize = __assign({ onClick: function () {
3099
- webGroupsManager.maximizeTabBar(options.targetId);
3106
+ webGroupsManager.onMaximizeButtonClick(TargetType.TabBar, options.targetId);
3100
3107
  } }, options.maximize);
3101
3108
  var close = __assign({ onClick: function () {
3102
- webGroupsManager.closeTabBar(options.targetId);
3109
+ webGroupsManager.onCloseButtonClick(TargetType.TabBar, options.targetId);
3103
3110
  } }, options.close);
3104
3111
  var customButtonsProps = new Array();
3105
3112
  if (options.customButtons) {
@@ -3131,6 +3138,59 @@
3131
3138
  React__default["default"].createElement(BelowTabsCustomElement, __assign({}, options, { frameId: options.targetId })));
3132
3139
  });
3133
3140
  };
3141
+ var renderHtmlButtons = function () {
3142
+ var _a;
3143
+ var HtmlButtonsCustomElement = (_a = components === null || components === void 0 ? void 0 : components.html) === null || _a === void 0 ? void 0 : _a.Buttons;
3144
+ return Object.values(state.htmlButtons).map(function (te) {
3145
+ if (!HtmlButtonsCustomElement || !te.parentElement) {
3146
+ return;
3147
+ }
3148
+ var parentElement = te.parentElement, options = __rest(te, ["parentElement"]);
3149
+ var feedback = __assign({ onClick: function () {
3150
+ webGroupsManager.onFeedbackButtonClick(TargetType.HtmlButtons, options.targetId);
3151
+ } }, options.feedback);
3152
+ var sticky = __assign({ onClick: function () {
3153
+ webGroupsManager.onStickyButtonClick(TargetType.HtmlButtons, options.targetId);
3154
+ } }, options.sticky);
3155
+ var extract = __assign({ onClick: function () {
3156
+ webGroupsManager.onExtractButtonClick(TargetType.HtmlButtons, options.targetId);
3157
+ } }, options.extract);
3158
+ var lock = __assign({ onClick: function () {
3159
+ webGroupsManager.onLockButtonClick(TargetType.HtmlButtons, options.targetId);
3160
+ } }, options.lock);
3161
+ var unlock = __assign({ onClick: function () {
3162
+ webGroupsManager.onUnlockButtonClick(TargetType.HtmlButtons, options.targetId);
3163
+ } }, options.unlock);
3164
+ var minimize = __assign({ onClick: function () {
3165
+ webGroupsManager.onMinimizeButtonClick(TargetType.HtmlButtons, options.targetId);
3166
+ } }, options.minimize);
3167
+ var restore = __assign({ onClick: function () {
3168
+ webGroupsManager.onRestoreButtonClick(TargetType.HtmlButtons, options.targetId);
3169
+ } }, options.restore);
3170
+ var maximize = __assign({ onClick: function () {
3171
+ webGroupsManager.onMaximizeButtonClick(TargetType.HtmlButtons, options.targetId);
3172
+ } }, options.maximize);
3173
+ var close = __assign({ onClick: function () {
3174
+ webGroupsManager.onCloseButtonClick(TargetType.HtmlButtons, options.targetId);
3175
+ } }, options.close);
3176
+ var customButtonsProps = new Array();
3177
+ if (options.customButtons) {
3178
+ customButtonsProps = options.customButtons.map(function (cButton) {
3179
+ return {
3180
+ onClick: function () {
3181
+ webGroupsManager.clickCustomButton(options.targetId, cButton.buttonId);
3182
+ },
3183
+ visible: true,
3184
+ imageData: cButton.imageData,
3185
+ tooltip: cButton.tooltip,
3186
+ buttonId: cButton.buttonId
3187
+ };
3188
+ });
3189
+ }
3190
+ return React__default["default"].createElement(Portal, { key: options.targetId, parentElement: parentElement },
3191
+ React__default["default"].createElement(HtmlButtonsCustomElement, __assign({}, options, { feedback: feedback, sticky: sticky, extract: extract, lock: lock, unlock: unlock, minimize: minimize, maximize: maximize, restore: restore, close: close, customButtons: customButtonsProps, frameId: options.targetId })));
3192
+ });
3193
+ };
3134
3194
  return React__default["default"].createElement(React__default["default"].Fragment, null,
3135
3195
  renderGroupCaptionBar(),
3136
3196
  renderGroupOverlay(),
@@ -3146,7 +3206,8 @@
3146
3206
  renderAfterTabsZones(),
3147
3207
  renderTabHeaderButtons(),
3148
3208
  renderBelowTabs(),
3149
- React__default["default"].createElement(GroupWrapper, { onCreateGroupCaptionBarRequested: ((_b = components === null || components === void 0 ? void 0 : components.group) === null || _b === void 0 ? void 0 : _b.CaptionBar) ? webGroupsStore.onCreateGroupCaptionBarRequested : undefined, onCreateGroupOverlayRequested: ((_c = components === null || components === void 0 ? void 0 : components.group) === null || _c === void 0 ? void 0 : _c.Overlay) ? webGroupsStore.onCreateGroupOverlayRequested : undefined, onCreateFrameCaptionBarRequested: ((_d = components === null || components === void 0 ? void 0 : components.flat) === null || _d === void 0 ? void 0 : _d.CaptionBar) ? webGroupsStore.onCreateFrameCaptionBarRequested : undefined, onCreateFrameWindowOverlayRequested: ((_e = components === null || components === void 0 ? void 0 : components.frame) === null || _e === void 0 ? void 0 : _e.Overlay) ? webGroupsStore.onCreateFrameWindowOverlayRequested : undefined, onCreateAboveWindowRequested: ((_f = components === null || components === void 0 ? void 0 : components.frame) === null || _f === void 0 ? void 0 : _f.AboveWindow) ? webGroupsStore.onCreateAboveWindowRequested : undefined, onCreateWindowContentOverlayRequested: ((_g = components === null || components === void 0 ? void 0 : components.frame) === null || _g === void 0 ? void 0 : _g.WindowContentOverlay) ? webGroupsStore.onCreateWindowContentOverlayRequested : undefined, onCreateFrameLoadingAnimationRequested: ((_h = components === null || components === void 0 ? void 0 : components.frame) === null || _h === void 0 ? void 0 : _h.LoadingAnimation) ? webGroupsStore.onCreateFrameLoadingAnimationRequested : undefined, onCreateBelowWindowRequested: ((_j = components === null || components === void 0 ? void 0 : components.frame) === null || _j === void 0 ? void 0 : _j.BelowWindow) ? webGroupsStore.onCreateBelowWindowRequested : undefined, onCreateAboveTabsRequested: ((_k = components === null || components === void 0 ? void 0 : components.tabs) === null || _k === void 0 ? void 0 : _k.Above) ? webGroupsStore.onCreateAboveTabsComponentRequested : undefined, onCreateBeforeTabsComponentRequested: ((_l = components === null || components === void 0 ? void 0 : components.tabs) === null || _l === void 0 ? void 0 : _l.Before) ? webGroupsStore.onCreateBeforeTabsComponentRequested : undefined, onCreateTabRequested: ((_m = components === null || components === void 0 ? void 0 : components.tabs) === null || _m === void 0 ? void 0 : _m.Element) ? webGroupsStore.onCreateTabElementRequested : undefined, onCreateAfterTabsComponentRequested: ((_o = components === null || components === void 0 ? void 0 : components.tabs) === null || _o === void 0 ? void 0 : _o.After) ? webGroupsStore.onCreateAfterTabsComponentRequested : undefined, onCreateTabHeaderButtonsRequested: ((_p = components === null || components === void 0 ? void 0 : components.tabs) === null || _p === void 0 ? void 0 : _p.Buttons) ? webGroupsStore.onCreateTabHeaderButtonsRequested : undefined, onCreateBelowTabsRequested: ((_q = components === null || components === void 0 ? void 0 : components.tabs) === null || _q === void 0 ? void 0 : _q.Below) ? webGroupsStore.onCreateBelowTabsComponentRequested : undefined, onUpdateGroupCaptionBarRequested: ((_r = components === null || components === void 0 ? void 0 : components.group) === null || _r === void 0 ? void 0 : _r.CaptionBar) ? webGroupsStore.onUpdateGroupCaptionBarRequested : undefined, onUpdateFrameWindowOverlayRequested: ((_s = components === null || components === void 0 ? void 0 : components.group) === null || _s === void 0 ? void 0 : _s.Overlay) ? webGroupsStore.onUpdateFrameWindowOverlayRequested : undefined, onUpdateFrameCaptionBarRequested: ((_t = components === null || components === void 0 ? void 0 : components.flat) === null || _t === void 0 ? void 0 : _t.CaptionBar) ? webGroupsStore.onUpdateFrameCaptionBarRequested : undefined, onUpdateFrameRequested: webGroupsStore.onUpdateFrame, onUpdateStandardButtonRequested: webGroupsStore.onUpdateStandardButton, onUpdateCustomButtonsRequested: webGroupsStore.onUpdateCustomButtons, onUpdateAboveTabsRequested: ((_u = components === null || components === void 0 ? void 0 : components.tabs) === null || _u === void 0 ? void 0 : _u.Above) ? webGroupsStore.onUpdateAboveTabsRequested : undefined, onUpdateBeforeTabsComponentRequested: ((_v = components === null || components === void 0 ? void 0 : components.tabs) === null || _v === void 0 ? void 0 : _v.Before) ? webGroupsStore.onUpdateBeforeTabsRequested : undefined, onUpdateTabRequested: ((_w = components === null || components === void 0 ? void 0 : components.tabs) === null || _w === void 0 ? void 0 : _w.Element) ? webGroupsStore.onUpdateTabElementRequested : undefined, onUpdateAfterTabsComponentRequested: ((_x = components === null || components === void 0 ? void 0 : components.tabs) === null || _x === void 0 ? void 0 : _x.After) ? webGroupsStore.onUpdateAfterTabsRequested : undefined, onUpdateBelowTabsRequested: ((_y = components === null || components === void 0 ? void 0 : components.tabs) === null || _y === void 0 ? void 0 : _y.Below) ? webGroupsStore.onUpdateBelowTabsRequested : undefined, onRemoveFrameCaptionBarRequested: webGroupsStore.onRemoveFrameCaptionBarRequested, onRemoveFrameWindowOverlayRequested: webGroupsStore.onRemoveFrameWindowOverlayRequested, onRemoveAboveWindowRequested: webGroupsStore.onRemoveAboveWindowRequested, onRemoveWindowContentOverlayRequested: webGroupsStore.onRemoveWindowContentOverlayRequested, onRemoveFrameLoadingAnimationRequested: webGroupsStore.onRemoveFrameLoadingAnimationRequested, onRemoveBelowWindowRequested: webGroupsStore.onRemoveBelowWindowRequested, onRemoveAboveTabsRequested: webGroupsStore.onRemoveAboveTabsRequested, onRemoveBeforeTabsComponentRequested: webGroupsStore.onRemoveBeforeTabsComponentRequested, onRemoveTabRequested: webGroupsStore.onRemoveTabElementRequested, onRemoveAfterTabsComponentRequested: webGroupsStore.onRemoveAfterTabsComponentRequested, onRemoveTabHeaderButtonsRequested: webGroupsStore.onRemoveTabHeaderButtonsRequested, onRemoveBelowTabsRequested: webGroupsStore.onRemoveBelowTabsRequested, onShowCaptionEditorRequested: webGroupsStore.onShowCaptionEditorRequested, onCommitCaptionEditingRequested: webGroupsStore.onCommitCaptionEditingRequested, onHideCaptionEditorRequested: webGroupsStore.onHideCaptionEditorRequested, onShowLoadingAnimationRequested: webGroupsStore.onShowLoadingAnimationRequested, onHideLoadingAnimationRequested: webGroupsStore.onHideLoadingAnimationRequested }));
3209
+ renderHtmlButtons(),
3210
+ React__default["default"].createElement(GroupWrapper, { onCreateGroupCaptionBarRequested: ((_b = components === null || components === void 0 ? void 0 : components.group) === null || _b === void 0 ? void 0 : _b.CaptionBar) ? webGroupsStore.onCreateGroupCaptionBarRequested : undefined, onCreateGroupOverlayRequested: ((_c = components === null || components === void 0 ? void 0 : components.group) === null || _c === void 0 ? void 0 : _c.Overlay) ? webGroupsStore.onCreateGroupOverlayRequested : undefined, onCreateFrameCaptionBarRequested: ((_d = components === null || components === void 0 ? void 0 : components.flat) === null || _d === void 0 ? void 0 : _d.CaptionBar) ? webGroupsStore.onCreateFrameCaptionBarRequested : undefined, onCreateFrameWindowOverlayRequested: ((_e = components === null || components === void 0 ? void 0 : components.frame) === null || _e === void 0 ? void 0 : _e.Overlay) ? webGroupsStore.onCreateFrameWindowOverlayRequested : undefined, onCreateAboveWindowRequested: ((_f = components === null || components === void 0 ? void 0 : components.frame) === null || _f === void 0 ? void 0 : _f.AboveWindow) ? webGroupsStore.onCreateAboveWindowRequested : undefined, onCreateWindowContentOverlayRequested: ((_g = components === null || components === void 0 ? void 0 : components.frame) === null || _g === void 0 ? void 0 : _g.WindowContentOverlay) ? webGroupsStore.onCreateWindowContentOverlayRequested : undefined, onCreateFrameLoadingAnimationRequested: ((_h = components === null || components === void 0 ? void 0 : components.frame) === null || _h === void 0 ? void 0 : _h.LoadingAnimation) ? webGroupsStore.onCreateFrameLoadingAnimationRequested : undefined, onCreateBelowWindowRequested: ((_j = components === null || components === void 0 ? void 0 : components.frame) === null || _j === void 0 ? void 0 : _j.BelowWindow) ? webGroupsStore.onCreateBelowWindowRequested : undefined, onCreateAboveTabsRequested: ((_k = components === null || components === void 0 ? void 0 : components.tabs) === null || _k === void 0 ? void 0 : _k.Above) ? webGroupsStore.onCreateAboveTabsComponentRequested : undefined, onCreateBeforeTabsComponentRequested: ((_l = components === null || components === void 0 ? void 0 : components.tabs) === null || _l === void 0 ? void 0 : _l.Before) ? webGroupsStore.onCreateBeforeTabsComponentRequested : undefined, onCreateTabRequested: ((_m = components === null || components === void 0 ? void 0 : components.tabs) === null || _m === void 0 ? void 0 : _m.Element) ? webGroupsStore.onCreateTabElementRequested : undefined, onCreateAfterTabsComponentRequested: ((_o = components === null || components === void 0 ? void 0 : components.tabs) === null || _o === void 0 ? void 0 : _o.After) ? webGroupsStore.onCreateAfterTabsComponentRequested : undefined, onCreateTabHeaderButtonsRequested: ((_p = components === null || components === void 0 ? void 0 : components.tabs) === null || _p === void 0 ? void 0 : _p.Buttons) ? webGroupsStore.onCreateTabHeaderButtonsRequested : undefined, onCreateBelowTabsRequested: ((_q = components === null || components === void 0 ? void 0 : components.tabs) === null || _q === void 0 ? void 0 : _q.Below) ? webGroupsStore.onCreateBelowTabsComponentRequested : undefined, onCreateHtmlButtonsRequested: ((_r = components === null || components === void 0 ? void 0 : components.html) === null || _r === void 0 ? void 0 : _r.Buttons) ? webGroupsStore.onCreateHtmlButtonsRequested : undefined, onUpdateGroupCaptionBarRequested: ((_s = components === null || components === void 0 ? void 0 : components.group) === null || _s === void 0 ? void 0 : _s.CaptionBar) ? webGroupsStore.onUpdateGroupCaptionBarRequested : undefined, onUpdateFrameWindowOverlayRequested: ((_t = components === null || components === void 0 ? void 0 : components.group) === null || _t === void 0 ? void 0 : _t.Overlay) ? webGroupsStore.onUpdateFrameWindowOverlayRequested : undefined, onUpdateFrameCaptionBarRequested: ((_u = components === null || components === void 0 ? void 0 : components.flat) === null || _u === void 0 ? void 0 : _u.CaptionBar) ? webGroupsStore.onUpdateFrameCaptionBarRequested : undefined, onUpdateFrameRequested: webGroupsStore.onUpdateFrame, onUpdateStandardButtonRequested: webGroupsStore.onUpdateStandardButton, onUpdateCustomButtonsRequested: webGroupsStore.onUpdateCustomButtons, onUpdateAboveTabsRequested: ((_v = components === null || components === void 0 ? void 0 : components.tabs) === null || _v === void 0 ? void 0 : _v.Above) ? webGroupsStore.onUpdateAboveTabsRequested : undefined, onUpdateBeforeTabsComponentRequested: ((_w = components === null || components === void 0 ? void 0 : components.tabs) === null || _w === void 0 ? void 0 : _w.Before) ? webGroupsStore.onUpdateBeforeTabsRequested : undefined, onUpdateTabRequested: ((_x = components === null || components === void 0 ? void 0 : components.tabs) === null || _x === void 0 ? void 0 : _x.Element) ? webGroupsStore.onUpdateTabElementRequested : undefined, onUpdateAfterTabsComponentRequested: ((_y = components === null || components === void 0 ? void 0 : components.tabs) === null || _y === void 0 ? void 0 : _y.After) ? webGroupsStore.onUpdateAfterTabsRequested : undefined, onUpdateBelowTabsRequested: ((_z = components === null || components === void 0 ? void 0 : components.tabs) === null || _z === void 0 ? void 0 : _z.Below) ? webGroupsStore.onUpdateBelowTabsRequested : undefined, onRemoveFrameCaptionBarRequested: webGroupsStore.onRemoveFrameCaptionBarRequested, onRemoveFrameWindowOverlayRequested: webGroupsStore.onRemoveFrameWindowOverlayRequested, onRemoveAboveWindowRequested: webGroupsStore.onRemoveAboveWindowRequested, onRemoveWindowContentOverlayRequested: webGroupsStore.onRemoveWindowContentOverlayRequested, onRemoveFrameLoadingAnimationRequested: webGroupsStore.onRemoveFrameLoadingAnimationRequested, onRemoveBelowWindowRequested: webGroupsStore.onRemoveBelowWindowRequested, onRemoveAboveTabsRequested: webGroupsStore.onRemoveAboveTabsRequested, onRemoveBeforeTabsComponentRequested: webGroupsStore.onRemoveBeforeTabsComponentRequested, onRemoveTabRequested: webGroupsStore.onRemoveTabElementRequested, onRemoveAfterTabsComponentRequested: webGroupsStore.onRemoveAfterTabsComponentRequested, onRemoveTabHeaderButtonsRequested: webGroupsStore.onRemoveTabHeaderButtonsRequested, onRemoveBelowTabsRequested: webGroupsStore.onRemoveBelowTabsRequested, onRemoveHtmlButtonsRequested: webGroupsStore.onRemoveHtmlButtonsRequested, onShowCaptionEditorRequested: webGroupsStore.onShowCaptionEditorRequested, onCommitCaptionEditingRequested: webGroupsStore.onCommitCaptionEditingRequested, onHideCaptionEditorRequested: webGroupsStore.onHideCaptionEditorRequested, onShowLoadingAnimationRequested: webGroupsStore.onShowLoadingAnimationRequested, onHideLoadingAnimationRequested: webGroupsStore.onHideLoadingAnimationRequested }));
3150
3211
  };
3151
3212
 
3152
3213
  function useIOConnectWindow(windowId) {
@@ -3197,6 +3258,24 @@
3197
3258
  React__default["default"].createElement("div", { className: "loader-text" }, "Loading..."))) : React__default["default"].createElement(React__default["default"].Fragment, null));
3198
3259
  };
3199
3260
 
3261
+ var HtmlButtons = function (_a) {
3262
+ var extract = _a.extract, minimize = _a.minimize, maximize = _a.maximize, restore = _a.restore, close = _a.close, lock = _a.lock, unlock = _a.unlock, feedback = _a.feedback, sticky = _a.sticky, customButtons = _a.customButtons;
3263
+ return React__default["default"].createElement("div", { className: "t42-buttons-container t42-html-buttons-bar-element" },
3264
+ React__default["default"].createElement("ul", { className: "t42-buttons t42-html-buttons-bar-element" }, customButtons.map(function (customButton) {
3265
+ return customButton.visible && React__default["default"].createElement(CustomButton, __assign({ key: customButton.buttonId }, customButton));
3266
+ })),
3267
+ React__default["default"].createElement("ul", { className: "t42-buttons t42-html-buttons-bar-element" },
3268
+ (feedback === null || feedback === void 0 ? void 0 : feedback.visible) && React__default["default"].createElement(FeedbackButton, __assign({}, feedback)),
3269
+ (sticky === null || sticky === void 0 ? void 0 : sticky.visible) && React__default["default"].createElement(StickyButton, __assign({}, sticky)),
3270
+ (extract === null || extract === void 0 ? void 0 : extract.visible) && React__default["default"].createElement(ExtractButton, __assign({}, extract)),
3271
+ (lock === null || lock === void 0 ? void 0 : lock.visible) && React__default["default"].createElement(LockButton, __assign({}, lock)),
3272
+ (unlock === null || unlock === void 0 ? void 0 : unlock.visible) && React__default["default"].createElement(UnlockButton, __assign({}, unlock)),
3273
+ (minimize === null || minimize === void 0 ? void 0 : minimize.visible) && React__default["default"].createElement(MinimizeButton, __assign({}, minimize)),
3274
+ (restore === null || restore === void 0 ? void 0 : restore.visible) && React__default["default"].createElement(RestoreButton, __assign({}, restore)),
3275
+ (maximize === null || maximize === void 0 ? void 0 : maximize.visible) && React__default["default"].createElement(MaximizeButton, __assign({}, maximize)),
3276
+ (close === null || close === void 0 ? void 0 : close.visible) && React__default["default"].createElement(CloseButton, __assign({}, close))));
3277
+ };
3278
+
3200
3279
  var getGroupId = function () { return webGroupsManager === null || webGroupsManager === void 0 ? void 0 : webGroupsManager.getGroupId(); };
3201
3280
  var requestPageFocus = function () { return webGroupsManager === null || webGroupsManager === void 0 ? void 0 : webGroupsManager.requestPageFocus(); };
3202
3281
  var requestFrameFocus = function (frameId) { return webGroupsManager === null || webGroupsManager === void 0 ? void 0 : webGroupsManager.requestFrameFocus(frameId); };
@@ -3221,6 +3300,7 @@
3221
3300
  exports.GroupCaptionBar = GroupCaptionBar;
3222
3301
  exports.GroupCaptionEditor = GroupCaptionEditor;
3223
3302
  exports.GroupMoveArea = GroupMoveArea;
3303
+ exports.HtmlButtons = HtmlButtons;
3224
3304
  exports.LockButton = LockButton;
3225
3305
  exports.MaximizeButton = MaximizeButton;
3226
3306
  exports.MinimizeButton = MinimizeButton;