@interopio/groups-ui-react 2.7.0 → 3.0.0

package/dist/cjs/tests/buttons/BaseButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/tests/buttons/CloneButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/tests/buttons/CloseButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/tests/buttons/CustomButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/tests/buttons/ExtractButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/tests/buttons/FeedbackButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/tests/buttons/LockButtons.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/tests/buttons/MaximizeButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/tests/buttons/MinimizeButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/tests/buttons/OverflowButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/tests/buttons/RestoreButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/tests/buttons/StickyButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/tests/buttons/UnlockButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/tests/captionEditor/CaptionEditor.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/tests/channelSelector/BaseChannelSelector.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/tests/flatCaptionBar/FlatCaptionBar.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/tests/groupCaptionBar/GroupCaptionBar.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/tests/htmlButtonBar/HtmlButtonBar.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/tests/popups/TabOverflowPopup.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/tests/tabs/Tab.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { Bounds, ButtonProps, Location, OverflowedTabInfo, ToggleButtonProps } from "./internal";
+import { Bounds, ButtonProps, Location, OverflowedTabInfo, StylesOptions, ToggleButtonProps } from "./internal";
 import { CustomButtonProps } from "./defaultComponents";
 export interface ChannelProps {
     visible: boolean;
@@ -72,6 +72,7 @@ export interface GroupCaptionBarProps {
     caption: string;
     captionEditor?: CaptionEditorProps;
     visible: boolean;
+    showCaptionEditor: (text: string) => void;
     notifyCaptionBoundsChanged: (bounds: Bounds) => void;
     minimize: ButtonProps;
     maximize: ButtonProps;
@@ -81,6 +82,7 @@ export interface GroupCaptionBarProps {
 export interface GroupOverlayProps {
 }
 export interface FlatCaptionBarProps {
+    showCaptionEditor: (text: string) => void;
     frameId: string;
     moveAreaId: string;
     caption: string;
@@ -171,6 +173,15 @@ export interface GroupProps {
             Buttons?: React.ComponentType<HtmlButtonsProps>;
         };
     };
+    styles?: {
+        tabs?: {
+            header?: StylesOptions;
+            moveArea?: StylesOptions;
+        };
+        frame?: {
+            element?: StylesOptions;
+        };
+    };
 }
 export interface MoveAreaProps {
     elementId: string;

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { Bounds, ButtonProps, TargetType, ToggleButtonProps } from "./internal";
+import { Bounds, ButtonProps, StandardButtons, StandardButtonTarget, TargetType, ToggleButtonProps } from "./internal";
 export interface CaptionEditorProps {
     targetId: string;
     targetType: TargetType;
@@ -18,6 +17,13 @@ export interface GroupCaptionEditorProps {
     hideEditor: () => void;
     caption: string;
 }
+export interface StandardButtonProps {
+    buttonId: StandardButtons;
+    tooltip: string;
+    target?: StandardButtonTarget;
+    isPressed?: boolean;
+    onClick: () => void;
+}
 export interface StickyButtonProps extends ToggleButtonProps {
 }
 export interface FeedbackButtonProps extends ButtonProps {
@@ -142,6 +148,7 @@ export interface FlatButtonsProps {
 }
 export interface FlatCaptionProps {
     caption: string;
+    showCaptionEditor: (text: string) => void;
     notifyBoundsChanged?: (bounds: Bounds) => void;
 }
 export interface GroupMoveAreaProps {
@@ -156,6 +163,7 @@ export interface GroupButtonsProps {
 }
 export interface GroupCaptionProps {
     caption: string;
+    showCaptionEditor: (text: string) => void;
     notifyBoundsChanged?: (bounds: Bounds) => void;
 }
 export interface TabCaptionProps {

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

@@ -1,12 +1,21 @@
 import React from "react";
+declare type NonMethodKeys<T> = ({
+    [P in keyof T]: T[P] extends Function ? never : P;
+})[keyof T];
+declare type NonMethods<T> = Pick<T, NonMethodKeys<T>>;
 export interface PortalProps {
     parentElement: HTMLElement;
     children?: React.ReactNode;
 }
+export declare enum StandardButtonTarget {
+    Default = "default",
+    Frame = "frame"
+}
 export interface ButtonProps {
     onClick: () => void;
     tooltip: string;
     visible: boolean;
+    target?: StandardButtonTarget;
 }
 export interface ToggleButtonProps extends ButtonProps {
     isPressed: boolean;
@@ -58,6 +67,15 @@ export interface GroupWrapperProps {
     onHideCaptionEditorRequested?: (targetType: TargetType, targetId: string) => void;
     onShowLoadingAnimationRequested?: (targetType: TargetType, targetId: string) => void;
     onHideLoadingAnimationRequested?: (targetType: TargetType, targetId: string) => void;
+    styles?: {
+        tabs?: {
+            header?: StylesOptions;
+            moveArea?: StylesOptions;
+        };
+        frame?: {
+            element?: StylesOptions;
+        };
+    };
 }
 export interface CreateGroupCaptionBarRequestOptions extends CreateElementRequestOptions {
     moveAreaId: string;
@@ -138,6 +156,7 @@ export interface CreateTabRequestOptions extends CreateElementRequestOptions {
 }
 export interface UpdateStandardButtonRequestOptions extends CreateElementRequestOptions {
     buttonId: StandardButtons;
+    buttonTarget: StandardButtonTarget;
     visible: boolean;
     tooltip: string;
     isPressed: boolean;
@@ -150,52 +169,26 @@ export interface UpdateCustomButtonOptions {
     tooltip: string;
     imageData: string;
 }
+export interface CreateStandardButtonsOptions {
+    tooltip: string;
+    visible: boolean;
+    target: StandardButtonTarget;
+}
+export interface CreateStandardToggleButtonsOptions extends CreateStandardButtonsOptions {
+    isPressed: boolean;
+}
 export interface CreateButtonsOptions extends CreateFrameElementRequestOptions {
-    overflow: {
-        tooltip: string;
-        visible: boolean;
-    };
-    feedback: {
-        tooltip: string;
-        visible: boolean;
-    };
-    clone: {
-        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;
-    };
+    overflow: CreateStandardButtonsOptions;
+    feedback: CreateStandardButtonsOptions;
+    clone: CreateStandardButtonsOptions;
+    sticky: CreateStandardToggleButtonsOptions;
+    extract: CreateStandardButtonsOptions;
+    lock: CreateStandardButtonsOptions;
+    unlock: CreateStandardButtonsOptions;
+    minimize: CreateStandardButtonsOptions;
+    restore: CreateStandardButtonsOptions;
+    maximize: CreateStandardButtonsOptions;
+    close: CreateStandardButtonsOptions;
     customButtons: UpdateCustomButtonOptions[];
     hiddenTabsToTheLeft: OverflowedTabInfo[];
     hiddenTabsToTheRight: OverflowedTabInfo[];
@@ -307,9 +300,14 @@ export interface ExternalLibraryFactory {
     onFrameChannelSelectorClick(targetId: string, channelSelectorBounds: Bounds): void;
     onMoveAreaChanged(targetType: TargetType, targetId: string): void;
     onCaptionTextBoundsChanged(targetType: TargetType, targetId: string, bounds: Bounds): void;
+    showCaptionEditor(targetType: TargetType, targetId: string, text: string): void;
+    startDragMove(): void;
     onCaptionEditorVisibleChanged(targetType: TargetType, targetId: string, visible: boolean): void;
     onCaptionEditorBoundsChanged(targetType: TargetType, targetId: string, bounds: Bounds): void;
     commitCaptionEditing(targetType: TargetType, targetId: string, text: string): void;
+    updateTabHeaderStyles(styles: StylesOptions): void;
+    updateTabMoveAreaStyles(styles: StylesOptions): void;
+    updateFrameStyles(styles: StylesOptions): void;
     selectTab(windowId: string): void;
     openTabOverflowPopup(frameId: string, location: Location): void;
     addTabContainerClass(windowId: string, className: string): void;
@@ -333,5 +331,10 @@ export interface Location {
     left: number;
     top: number;
 }
+export interface StylesOptions {
+    css?: Partial<NonMethods<CSSStyleDeclaration>>;
+    classes?: string[];
+}
 export interface Bounds extends Size, Location {
 }
+export {};

package/dist/cjs/webGroupsManager.d.ts

@@ -1,4 +1,4 @@
-import { Bounds, Location, TargetType } from "./types/internal";
+import { Bounds, Location, StylesOptions, TargetType } from "./types/internal";
 declare class WebGroupsManagerDecorator {
     private readonly registry;
     readonly skipFocusStyle = "t42-skip-focus";
@@ -30,11 +30,16 @@ declare class WebGroupsManagerDecorator {
     onTabChannelSelectorClick(targetId: string, selectorBounds: Bounds): void;
     onFrameChannelSelectorClick(targetId: string, selectorBounds: Bounds): void;
     onCaptionTextBoundsChanged(targetType: TargetType, targetId: string, bounds: Bounds): void;
+    startDragMove(): void;
+    showCaptionEditor(targetType: TargetType, targetId: string, text: string): void;
     onCaptionEditorVisibleChanged(targetType: TargetType, targetId: string, visible: boolean): void;
     onCaptionEditorBoundsChanged(targetType: TargetType, targetId: string, bounds: Bounds): void;
     commitCaptionEditing(targetType: TargetType, targetId: string, text: string): void;
     onCommitCaptionEditingRequested(targetType: TargetType, targetId: string, callback: () => void): () => void;
     requestCommitCaptionEditing(targetType: TargetType, targetId: string): void;
+    updateTabHeaderStyles(styles: StylesOptions): void;
+    updateTabMoveAreaStyles(styles: StylesOptions): void;
+    updateFrameStyles(styles: StylesOptions): void;
     selectTab(windowId: string): void;
     addTabContainerClass(windowId: string, className: string): void;
     removeTabContainerClass(windowId: string, className: string): void;

package/dist/esm/GroupWrapper.d.ts

@@ -3,7 +3,8 @@ import { GroupWrapperProps } from "./types/internal";
 declare class GroupWrapper extends React.Component<GroupWrapperProps> {
     containerRef: HTMLElement | null;
     componentDidMount(): void;
+    componentDidUpdate(prevProps: Readonly<GroupWrapperProps>, prevState: Readonly<{}>, snapshot?: any): void;
     componentWillUnmount(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default GroupWrapper;

package/dist/esm/defaultComponents/buttons/StandardButton.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { StandardButtonProps } from "../../types/defaultComponents";
+declare const StandardButton: React.FC<StandardButtonProps>;
+export default StandardButton;

package/dist/esm/defaultComponents/utils/common.d.ts

@@ -0,0 +1,3 @@
+import { StandardButtons, StandardButtonTarget } from "../../types/internal";
+export declare function getStandardButtonInnerClassName(buttonId: StandardButtons, target?: StandardButtonTarget): string;
+export declare function getStandardButtonOuterClassName(buttonId: StandardButtons, target?: StandardButtonTarget, isPressed?: boolean): string;

package/dist/esm/defaultComponents/utils/useDragMove.d.ts

@@ -0,0 +1,6 @@
+export interface DragMoveOptions {
+    threshold?: number;
+}
+export declare function useDragMove(option?: DragMoveOptions): {
+    startDrag: (ev: React.MouseEvent) => void;
+};

package/dist/esm/index.d.ts

@@ -43,7 +43,8 @@ import HtmlButtons from "./defaultComponents/htmlButtonsBar/buttons";
 import TabOverflowPopup from "./defaultComponents/popups/TabOverflowPopup";
 import TabMultiChannelSelector from "./defaultComponents/channelSelector/multi/TabMultiChannelSelector";
 import FlatMultiChannelSelector from "./defaultComponents/channelSelector/multi/FlatMultiChannelSelector";
-export { GroupCaptionBar, GroupMoveArea, GroupButtons, GroupCaptionEditor, Tab, TabChannelSelector, TabCaption, TabCloseButton, TabCaptionEditor, FeedbackButton, CloneButton, StickyButton, ExtractButton, LockButton, UnlockButton, MinimizeButton, RestoreButton, MaximizeButton, CustomButton, CloseButton, FlatCaptionBar, FlatChannelSelector, FlatCaption, FlatMoveArea, FlatButtons, FlatCaptionEditor, TabHeaderButtons, FrameLoadingAnimation, HtmlButtons, TabOverflowPopup, OverflowButton, GroupComponentVisibilityState, TabMultiChannelSelector, FlatMultiChannelSelector, useIOConnectWindow, useGroupComponentVisibility, waitForWindow, useEditableCaption, useCaptionEditor, useCommitGroupCaptionEditingRequested, useCommitFlatCaptionEditingRequested, useCommitTabCaptionEditingRequested, };
+import { useDragMove } from "./defaultComponents/utils/useDragMove";
+export { GroupCaptionBar, GroupMoveArea, GroupButtons, GroupCaptionEditor, Tab, TabChannelSelector, TabCaption, TabCloseButton, TabCaptionEditor, FeedbackButton, CloneButton, StickyButton, ExtractButton, LockButton, UnlockButton, MinimizeButton, RestoreButton, MaximizeButton, CustomButton, CloseButton, FlatCaptionBar, FlatChannelSelector, FlatCaption, FlatMoveArea, FlatButtons, FlatCaptionEditor, TabHeaderButtons, FrameLoadingAnimation, HtmlButtons, TabOverflowPopup, OverflowButton, GroupComponentVisibilityState, TabMultiChannelSelector, FlatMultiChannelSelector, useIOConnectWindow, useGroupComponentVisibility, waitForWindow, useEditableCaption, useCaptionEditor, useDragMove, useCommitGroupCaptionEditingRequested, useCommitFlatCaptionEditingRequested, useCommitTabCaptionEditingRequested, };
 export declare const getGroupId: () => string;
 export declare const requestPageFocus: () => void;
 export declare const requestFrameFocus: (frameId: string) => void;