@interopio/groups-ui-react 2.2.3 → 2.2.5

package/dist/cjs/index.d.ts

@@ -29,7 +29,7 @@ import CustomButton from "./defaultComponents/buttons/CustomButton";
 import { waitForWindow } from "./utils";
 import useGroupComponentVisibility from "./useGroupComponentVisibility";
 import { CloseButtonProps, ExtractButtonProps, StickyButtonProps, FeedbackButtonProps, FlatButtonsProps, FlatCaptionEditorProps, FlatCaptionProps, FlatChannelSelectorProps, FlatMoveAreaProps, GroupButtonsProps, GroupCaptionEditorProps, GroupMoveAreaProps, LockButtonProps, MaximizeButtonProps, MinimizeButtonProps, RestoreButtonProps, TabCaptionEditorProps, TabCaptionProps, TabChannelSelectorProps, TabCloseButtonProps, UnlockButtonProps, UseCaptionEditorOptions, UseEditableCaptionOptions, OverflowButtonProps } from "./types/defaultComponents";
-import { AboveTabsProps, AboveWindowProps, AfterTabsProps, BeforeTabsProps, BelowTabsProps, BelowWindowProps, FlatCaptionBarProps, FrameLoadingAnimationProps, FrameWindowOverlayProps, GroupCaptionBarProps, GroupComponentVisibilityState, GroupOverlayProps, GroupProps, HtmlButtonsProps, MoveAreaProps, TabElementProps, TabHeaderButtonsProps, TabOverflowPopupProps, WindowContentOverlayProps } from "./types/api";
+import { AboveTabsProps, AboveWindowProps, AfterTabsProps, BeforeTabsProps, BelowTabsProps, BelowWindowProps, FlatCaptionBarProps, FrameLoadingAnimationProps, FrameWindowOverlayProps, GroupCaptionBarProps, GroupComponentVisibilityState, GroupOverlayProps, GroupProps, HtmlButtonsProps, MoveAreaProps, OpenTabOverflowPopupOptions, TabElementProps, TabHeaderButtonsProps, TabOverflowPopupProps, WindowContentOverlayProps } from "./types/api";
 import GroupCaptionEditor from "./defaultComponents/groupCaptionBar/GroupCaptionEditor";
 import FlatCaptionEditor from "./defaultComponents/flatCaptionBar/FlatCaptionEditor";
 import TabCaptionEditor from "./defaultComponents/tabs/TabCaptionEditor";
@@ -46,6 +46,7 @@ export declare const getGroupId: () => string;
 export declare const requestPageFocus: () => void;
 export declare const requestFrameFocus: (frameId: string) => void;
 export declare const requestGroupFocus: () => void;
+export declare const openTabOverflowPopup: (options: OpenTabOverflowPopupOptions) => void;
 export declare const onCommitGroupCaptionEditingRequested: (targetId: string, cb: () => void) => () => void;
 export declare const onCommitFlatCaptionEditingRequested: (targetId: string, cb: () => void) => () => void;
 export declare const onCommitTabCaptionEditingRequested: (targetId: string, cb: () => void) => () => void;

package/dist/cjs/index.js

@@ -329,6 +329,27 @@
         WebGroupsManagerDecorator.prototype.selectTab = function (windowId) {
             window.webGroupsManager.externalLibraryFactory.selectTab(windowId);
         };
+        WebGroupsManagerDecorator.prototype.addTabContainerClass = function (windowId, className) {
+            if (typeof window.webGroupsManager.externalLibraryFactory.addTabContainerClass !== "function") {
+                console.warn("The method addTabContainerClass is not supported by the current version of the library");
+                return;
+            }
+            window.webGroupsManager.externalLibraryFactory.addTabContainerClass(windowId, className);
+        };
+        WebGroupsManagerDecorator.prototype.removeTabContainerClass = function (windowId, className) {
+            if (typeof window.webGroupsManager.externalLibraryFactory.removeTabContainerClass !== "function") {
+                console.warn("The method removeTabContainerClass is not supported by the current version of the library");
+                return;
+            }
+            window.webGroupsManager.externalLibraryFactory.removeTabContainerClass(windowId, className);
+        };
+        WebGroupsManagerDecorator.prototype.openTabOverflowPopup = function (frameId, location) {
+            if (typeof window.webGroupsManager.externalLibraryFactory.openTabOverflowPopup !== "function") {
+                console.warn("The method openTabOverflowPopup is not supported by the current version of the library");
+                return;
+            }
+            window.webGroupsManager.externalLibraryFactory.openTabOverflowPopup(frameId, location);
+        };
         return WebGroupsManagerDecorator;
     }());
     var webGroupsManager = new WebGroupsManagerDecorator();
@@ -2479,6 +2500,13 @@
                             newState[stateProp] = __assign(__assign({}, s[stateProp]), (_a = {}, _a[targetId] = __assign(__assign({}, s[stateProp][targetId]), { selectedWindow: selectedWindow }), _a));
                         }
                     };
+                    var updateHiddenTabs = function (stateProp, targetId, hiddenTabsToTheLeft, hiddenTabsToTheRight) {
+                        var _a;
+                        var _b, _c;
+                        var oldHiddenToTheLeft = (_b = newState[stateProp][targetId]) === null || _b === void 0 ? void 0 : _b.hiddenTabsToTheLeft;
+                        var oldHiddenToTheRight = (_c = newState[stateProp][targetId]) === null || _c === void 0 ? void 0 : _c.hiddenTabsToTheRight;
+                        newState[stateProp] = __assign(__assign({}, s[stateProp]), (_a = {}, _a[targetId] = __assign(__assign({}, s[stateProp][targetId]), { hiddenTabsToTheLeft: hiddenTabsToTheLeft || oldHiddenToTheLeft, hiddenTabsToTheRight: hiddenTabsToTheRight || oldHiddenToTheRight }), _a));
+                    };
                     updateSelectionWindow("frameCaptionBars", options.targetId, options.selectedWindow);
                     updateSelectionWindow("frameWindowOverlays", options.targetId, options.selectedWindow);
                     updateSelectionWindow("windowContentOverlays", options.targetId, options.selectedWindow);
@@ -2490,6 +2518,8 @@
                     updateSelectionWindow("tabHeaderButtons", options.targetId, options.selectedWindow);
                     updateSelectionWindow("belowTabsZones", options.targetId, options.selectedWindow);
                     updateSelectionWindow("frameLoadingAnimations", options.targetId, options.selectedWindow);
+                    updateHiddenTabs("afterTabsZones", options.targetId, options.hiddenTabsToTheLeft, options.hiddenTabsToTheRight);
+                    updateHiddenTabs("tabHeaderButtons", options.targetId, options.hiddenTabsToTheLeft, options.hiddenTabsToTheRight);
                     return newState;
                 });
             };
@@ -3118,8 +3148,14 @@
                         webGroupsManager.onCaptionEditorVisibleChanged(TargetType.Tab, options.targetId, visible);
                     } });
                 var notifyCaptionBoundsChanged = function (bounds) { return webGroupsManager.onCaptionTextBoundsChanged(TargetType.Tab, options.targetId, bounds); };
+                var addContainerClass = function (className) {
+                    webGroupsManager.addTabContainerClass(options.targetId, className);
+                };
+                var removeContainerClass = function (className) {
+                    webGroupsManager.removeTabContainerClass(options.targetId, className);
+                };
                 return React__default["default"].createElement(Portal, { key: options.targetId, parentElement: parentElement },
-                    React__default["default"].createElement(TabCustomElement, __assign({}, options, { close: onCloseClick, channels: channels, windowId: options.targetId, captionEditor: captionEditor, notifyCaptionBoundsChanged: notifyCaptionBoundsChanged })));
+                    React__default["default"].createElement(TabCustomElement, __assign({}, options, { close: onCloseClick, channels: channels, windowId: options.targetId, captionEditor: captionEditor, notifyCaptionBoundsChanged: notifyCaptionBoundsChanged, addContainerClass: addContainerClass, removeContainerClass: removeContainerClass })));
             });
         };
         var renderAfterTabsZones = function () {
@@ -3368,7 +3404,10 @@
                 React__default["default"].createElement("li", { className: "title" }, title),
                 tabs.map(function (tab) { return (React__default["default"].createElement("li", { key: tab.windowId, onClick: function () { return handleTabClick(tab.windowId); } },
                     React__default["default"].createElement("span", null, tab.title),
-                    React__default["default"].createElement("div", { className: "t42-tab-close-button-content", onClick: function () { return handleTabClose(tab.windowId); } }))); })));
+                    React__default["default"].createElement("div", { className: "t42-tab-close-button-content", onClick: function (e) {
+                            e.stopPropagation();
+                            handleTabClose(tab.windowId);
+                        } }))); })));
         };
         var handleTabClick = function (windowId) {
             select(windowId);
@@ -3386,6 +3425,10 @@
     var requestPageFocus = function () { return webGroupsManager === null || webGroupsManager === void 0 ? void 0 : webGroupsManager.requestPageFocus(); };
     var requestFrameFocus = function (frameId) { return webGroupsManager === null || webGroupsManager === void 0 ? void 0 : webGroupsManager.requestFrameFocus(frameId); };
     var requestGroupFocus = function () { return webGroupsManager === null || webGroupsManager === void 0 ? void 0 : webGroupsManager.requestGroupFocus(); };
+    var openTabOverflowPopup = function (_a) {
+        var frameId = _a.frameId, location = _a.location;
+        return webGroupsManager.openTabOverflowPopup(frameId, location);
+    };
     var onCommitGroupCaptionEditingRequested = function (targetId, cb) { return webGroupsManager.onCommitCaptionEditingRequested(TargetType.Group, targetId, cb); };
     var onCommitFlatCaptionEditingRequested = function (targetId, cb) { return webGroupsManager.onCommitCaptionEditingRequested(TargetType.Frame, targetId, cb); };
     var onCommitTabCaptionEditingRequested = function (targetId, cb) { return webGroupsManager.onCommitCaptionEditingRequested(TargetType.Tab, targetId, cb); };
@@ -3427,6 +3470,7 @@
     exports.onCommitFlatCaptionEditingRequested = onCommitFlatCaptionEditingRequested;
     exports.onCommitGroupCaptionEditingRequested = onCommitGroupCaptionEditingRequested;
     exports.onCommitTabCaptionEditingRequested = onCommitTabCaptionEditingRequested;
+    exports.openTabOverflowPopup = openTabOverflowPopup;
     exports.requestFrameFocus = requestFrameFocus;
     exports.requestGroupFocus = requestGroupFocus;
     exports.requestPageFocus = requestPageFocus;