@interopio/groups-ui-react 2.0.0 → 2.0.2

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

@@ -111,6 +111,8 @@ export interface TabHeaderButtonsProps {
     frameId: string;
     selectedWindow: string;
 }
+export interface HtmlButtonsProps extends TabHeaderButtonsProps {
+}
 export interface GroupProps {
     components?: {
         group?: {
@@ -135,6 +137,9 @@ export interface GroupProps {
             Buttons?: React.ComponentType<TabHeaderButtonsProps>;
             Below?: React.ComponentType<BelowTabsProps>;
         };
+        html?: {
+            Buttons?: React.ComponentType<HtmlButtonsProps>;
+        };
     };
 }
 export interface MoveAreaProps {

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

@@ -31,12 +31,14 @@ export interface GroupWrapperProps {
     onUpdateTabRequested?: (options: CreateTabRequestOptions) => void;
     onCreateAfterTabsComponentRequested?: (options: CreateFrameElementRequestOptions) => void;
     onUpdateAfterTabsComponentRequested?: (options: CreateFrameElementRequestOptions) => void;
-    onCreateTabHeaderButtonsRequested?: (options: CreateTabHeaderButtonsOptions) => void;
+    onCreateTabHeaderButtonsRequested?: (options: CreateButtonsOptions) => void;
     onCreateBelowTabsRequested?: (options: CreateFrameElementRequestOptions) => void;
     onUpdateBelowTabsRequested?: (options: CreateFrameElementRequestOptions) => void;
     onUpdateFrameRequested?: (options: UpdateFrameRequestOptions) => void;
     onUpdateStandardButtonRequested?: (options: UpdateStandardButtonRequestOptions) => void;
     onUpdateCustomButtonsRequested?: (options: UpdateCustomButtonsRequestOptions) => void;
+    onCreateHtmlButtonsRequested?: (options: CreateButtonsOptions) => void;
+    onRemoveHtmlButtonsRequested?: (options: RemoveRequestOptions) => void;
     onRemoveFrameCaptionBarRequested?: (options: RemoveRequestOptions) => void;
     onRemoveFrameWindowOverlayRequested?: (options: RemoveRequestOptions) => void;
     onRemoveAboveWindowRequested?: (options: RemoveRequestOptions) => void;
@@ -88,54 +90,16 @@ export interface UpdateGroupCaptionBarRequestOptions extends CreateGroupCaptionB
 }
 export interface UpdateFrameCaptionBarRequestOptions extends BaseElementOptions {
 }
-export interface CreateFrameCaptionBarRequestOptions extends CreateFrameElementRequestOptions {
+export interface CreateFrameCaptionBarRequestOptions extends CreateButtonsOptions {
     caption: string;
     moveAreaId: string;
     channelSelectorVisible: boolean;
     selectedChannel: string;
     selectedChannelColor: string;
-    feedback: {
-        tooltip: string;
-        visible: boolean;
-    };
-    sticky: {
-        tooltip: string;
-        visible: boolean;
-        isPressed: boolean;
-    };
-    extract: {
-        tooltip: string;
-        visible: boolean;
-    };
-    lock: {
-        tooltip: string;
-        visible: boolean;
-    };
-    unlock: {
-        tooltip: string;
-        visible: boolean;
-    };
-    minimize: {
-        tooltip: string;
-        visible: boolean;
-    };
-    restore: {
-        tooltip: string;
-        visible: boolean;
-    };
-    maximize: {
-        tooltip: string;
-        visible: boolean;
-    };
-    close: {
-        tooltip: string;
-        visible: boolean;
-    };
     captionEditor: {
         show: boolean;
         text?: string;
     };
-    customButtons: UpdateCustomButtonOptions[];
 }
 export interface CreateTabRequestOptions extends CreateElementRequestOptions {
     caption: string;
@@ -163,7 +127,7 @@ export interface UpdateCustomButtonOptions {
     tooltip: string;
     imageData: string;
 }
-export interface CreateTabHeaderButtonsOptions extends CreateFrameElementRequestOptions {
+export interface CreateButtonsOptions extends CreateFrameElementRequestOptions {
     feedback: {
         tooltip: string;
         visible: boolean;
@@ -225,7 +189,8 @@ export declare enum TargetType {
     Group = "group",
     Frame = "frame",
     TabBar = "tabBar",
-    Tab = "tab"
+    Tab = "tab",
+    HtmlButtons = "html"
 }
 export declare enum StandardButtons {
     Feedback = "feedback",
@@ -272,11 +237,14 @@ export interface ElementCreationWrapperState {
         [targetId: string]: CreateFrameElementRequestOptions;
     };
     tabHeaderButtons: {
-        [targetId: string]: CreateTabHeaderButtonsOptions;
+        [targetId: string]: CreateButtonsOptions;
     };
     belowTabsZones: {
         [targetId: string]: CreateFrameElementRequestOptions;
     };
+    htmlButtons: {
+        [targetId: string]: CreateButtonsOptions;
+    };
 }
 export interface ExternalLibraryFactory {
     readonly groupId: string;

package/dist/esm/webGroupsManager.d.ts

@@ -13,28 +13,15 @@ declare class WebGroupsManagerDecorator {
     requestPageFocus(): void;
     requestFrameFocus(frameId: string): void;
     requestGroupFocus(): void;
-    closeFrame(targetId: string): void;
-    restoreFrame(targetId: string): void;
-    maximizeFrame(targetId: string): void;
-    minimizeFrame(targetId: string): void;
-    lockFrame(targetId: string): void;
-    unlockFrame(targetId: string): void;
-    feedbackFrame(targetId: string): void;
-    stickyFrame(targetId: string): void;
-    extractFrame(targetId: string): void;
-    closeTabBar(targetId: string): void;
-    restoreTabBar(targetId: string): void;
-    maximizeTabBar(targetId: string): void;
-    minimizeTabBar(targetId: string): void;
-    lockTabBar(targetId: string): void;
-    unlockTabBar(targetId: string): void;
-    feedbackTabBar(targetId: string): void;
-    stickyTabBar(targetId: string): void;
-    extractTabBar(targetId: string): void;
-    closeGroup(targetId: string): void;
-    restoreGroup(targetId: string): void;
-    maximizeGroup(targetId: string): void;
-    minimizeGroup(targetId: string): void;
+    onCloseButtonClick(targetType: TargetType, targetId: string): void;
+    onRestoreButtonClick(targetType: TargetType, targetId: string): void;
+    onMaximizeButtonClick(targetType: TargetType, targetId: string): void;
+    onMinimizeButtonClick(targetType: TargetType, targetId: string): void;
+    onLockButtonClick(targetType: TargetType, targetId: string): void;
+    onUnlockButtonClick(targetType: TargetType, targetId: string): void;
+    onFeedbackButtonClick(targetType: TargetType, targetId: string): void;
+    onStickyButtonClick(targetType: TargetType, targetId: string): void;
+    onExtractButtonClick(targetType: TargetType, targetId: string): void;
     closeTab(targetId: string): void;
     clickCustomButton(targetId: string, buttonId: string): void;
     onGroupMoveAreaChanged(targetId: string): void;

package/dist/esm/webGroupsStore.d.ts

@@ -1,4 +1,4 @@
-import { CreateElementRequestOptions, CreateFrameCaptionBarRequestOptions, CreateFrameElementRequestOptions, CreateGroupCaptionBarRequestOptions, CreateTabHeaderButtonsOptions, CreateTabRequestOptions, ElementCreationWrapperState, RemoveRequestOptions, TargetType, UpdateFrameCaptionBarRequestOptions, UpdateGroupCaptionBarRequestOptions, UpdateStandardButtonRequestOptions, UpdateFrameRequestOptions, CreateFrameLoadingAnimationRequestOptions, UpdateCustomButtonsRequestOptions } from "./types/internal";
+import { CreateElementRequestOptions, CreateFrameCaptionBarRequestOptions, CreateFrameElementRequestOptions, CreateGroupCaptionBarRequestOptions, CreateButtonsOptions, CreateTabRequestOptions, ElementCreationWrapperState, RemoveRequestOptions, TargetType, UpdateFrameCaptionBarRequestOptions, UpdateGroupCaptionBarRequestOptions, UpdateStandardButtonRequestOptions, UpdateFrameRequestOptions, CreateFrameLoadingAnimationRequestOptions, UpdateCustomButtonsRequestOptions } from "./types/internal";
 declare class WebGroupsStore {
     private listeners;
     private state;
@@ -16,8 +16,10 @@ declare class WebGroupsStore {
     onCreateBeforeTabsComponentRequested: (options: CreateFrameElementRequestOptions) => void;
     onCreateTabElementRequested: (options: CreateTabRequestOptions) => void;
     onCreateAfterTabsComponentRequested: (options: CreateFrameElementRequestOptions) => void;
-    onCreateTabHeaderButtonsRequested: (options: CreateTabHeaderButtonsOptions) => void;
+    onCreateTabHeaderButtonsRequested: (options: CreateButtonsOptions) => void;
     onCreateBelowTabsComponentRequested: (options: CreateFrameElementRequestOptions) => void;
+    onCreateHtmlButtonsRequested: (options: CreateButtonsOptions) => void;
+    onUpdateHtmlButtonsRequested: (options: CreateButtonsOptions) => void;
     onUpdateGroupCaptionBarRequested: (options: UpdateGroupCaptionBarRequestOptions) => void;
     onUpdateFrameCaptionBarRequested: (options: UpdateFrameCaptionBarRequestOptions) => void;
     onUpdateFrameWindowOverlayRequested: (options: CreateElementRequestOptions) => void;
@@ -25,7 +27,7 @@ declare class WebGroupsStore {
     onUpdateBeforeTabsRequested: (options: CreateElementRequestOptions) => void;
     onUpdateTabElementRequested: (options: CreateTabRequestOptions) => void;
     onUpdateAfterTabsRequested: (options: CreateElementRequestOptions) => void;
-    onUpdateTabHeaderButtonsRequested: (options: CreateTabHeaderButtonsOptions) => void;
+    onUpdateTabHeaderButtonsRequested: (options: CreateButtonsOptions) => void;
     onUpdateBelowTabsRequested: (options: CreateElementRequestOptions) => void;
     onUpdateFrame: (options: UpdateFrameRequestOptions) => void;
     onUpdateStandardButton: (options: UpdateStandardButtonRequestOptions) => void;
@@ -42,6 +44,7 @@ declare class WebGroupsStore {
     onRemoveAfterTabsComponentRequested: (options: RemoveRequestOptions) => void;
     onRemoveTabHeaderButtonsRequested: (options: RemoveRequestOptions) => void;
     onRemoveBelowTabsRequested: (options: RemoveRequestOptions) => void;
+    onRemoveHtmlButtonsRequested: (options: RemoveRequestOptions) => void;
     onShowCaptionEditorRequested: (targetType: TargetType, targetId: string, text: string) => void;
     onCommitCaptionEditingRequested: (targetType: TargetType, targetId: string) => void;
     onHideCaptionEditorRequested: (targetType: TargetType, targetId: string) => void;

package/dist/styles/groups.css

@@ -112,6 +112,18 @@ input {
     flex-direction: row;
 }
 
+.t42-html-buttons-container {
+    display: flex;
+    position: absolute;
+    right: var(--spacing-4);
+    top: var(--spacing-4);
+    background-color: Hsl(var(--g42-bg-01));
+}
+
+.t42-html-buttons-container ul:first-of-type {
+    padding-left: var(--spacing-4);
+}
+
 .t42-buttons {
     display: flex;
     flex-shrink: 0;
@@ -384,6 +396,10 @@ input {
     background-color: var(--t42-tab-bar-background);
 }
 
+.t42-html-buttons-bar-element {
+    background-color: var(--t42-html-buttons-bar-background); 
+}
+
 .t42-tab-bar-button {
     width: var(--t42-tab-bar-button-size);
     height: var(--t42-tab-bar-button-size);

package/dist/styles/vars.css

@@ -30,6 +30,8 @@
     --t42-frame-caption-separator-size: 0;
     --t42-frame-caption-background: Hsl(var(--g42-bg-01));
 
+    --t42-html-buttons-bar-background: Hsl(var(--g42-bg-01));
+
     --t42-tab-bar-height: 32px;
     --t42-tab-bar-button-size: 26px;
     --t42-tab-bar-separator-size: 0;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@interopio/groups-ui-react",
-    "version": "2.0.0",
+    "version": "2.0.2",
     "description": "React library for building a Web Group App for io.Connect Desktop.",
     "author": {
         "name": "interop.io",