@interopio/groups-ui-react 2.2.2 → 2.2.4

package/dist/cjs/types/api.d.ts

@@ -100,6 +100,8 @@ export interface TabElementProps {
     channels: ChannelProps;
     notifyCaptionBoundsChanged: (bounds: Bounds) => void;
     captionEditor: CaptionEditorProps;
+    addContainerClass: (className: string) => void;
+    removeContainerClass: (className: string) => void;
 }
 export interface AfterTabsProps {
     frameId: string;

package/dist/cjs/types/internal.d.ts

@@ -285,6 +285,8 @@ export interface ExternalLibraryFactory {
     onCaptionEditorBoundsChanged(targetType: TargetType, targetId: string, bounds: Bounds): void;
     commitCaptionEditing(targetType: TargetType, targetId: string, text: string): void;
     selectTab(windowId: string): void;
+    addTabContainerClass(windowId: string, className: string): void;
+    removeTabContainerClass(windowId: string, className: string): void;
 }
 export interface WebGroupsManager {
     init: (factory?: any) => void;

package/dist/cjs/webGroupsManager.d.ts

@@ -36,6 +36,8 @@ declare class WebGroupsManagerDecorator {
     onCommitCaptionEditingRequested(targetType: TargetType, targetId: string, callback: () => void): () => void;
     requestCommitCaptionEditing(targetType: TargetType, targetId: string): void;
     selectTab(windowId: string): void;
+    addTabContainerClass(windowId: string, className: string): void;
+    removeTabContainerClass(windowId: string, className: string): void;
 }
 declare const _default: WebGroupsManagerDecorator;
 export default _default;

package/dist/esm/index.js

@@ -322,6 +322,20 @@ var WebGroupsManagerDecorator = /** @class */ (function () {
     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);
+    };
     return WebGroupsManagerDecorator;
 }());
 var webGroupsManager = new WebGroupsManagerDecorator();
@@ -3111,8 +3125,14 @@ var GroupElementCreationWrapper = function (_a) {
                     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.createElement(Portal, { key: options.targetId, parentElement: parentElement },
-                React.createElement(TabCustomElement, __assign({}, options, { close: onCloseClick, channels: channels, windowId: options.targetId, captionEditor: captionEditor, notifyCaptionBoundsChanged: notifyCaptionBoundsChanged })));
+                React.createElement(TabCustomElement, __assign({}, options, { close: onCloseClick, channels: channels, windowId: options.targetId, captionEditor: captionEditor, notifyCaptionBoundsChanged: notifyCaptionBoundsChanged, addContainerClass: addContainerClass, removeContainerClass: removeContainerClass })));
         });
     };
     var renderAfterTabsZones = function () {
@@ -3198,7 +3218,7 @@ var GroupElementCreationWrapper = function (_a) {
                 webGroupsManager.selectTab(windowId);
             };
             var close = function (windowId) {
-                webGroupsManager.onCloseButtonClick(TargetType.Tab, windowId);
+                webGroupsManager.closeTab(windowId);
             };
             return React.createElement(Portal, { key: options.targetId, parentElement: parentElement },
                 React.createElement(TabOverflowCustomElement, __assign({}, options, { select: select, close: close, frameId: options.targetId })));