@interopio/groups-ui-react 2.7.1 → 3.0.0

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

@@ -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;

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

@@ -1,4 +1,4 @@
-import { Bounds, ButtonProps, TargetType, ToggleButtonProps } from "./internal";
+import { Bounds, ButtonProps, StandardButtons, StandardButtonTarget, TargetType, ToggleButtonProps } from "./internal";
 export interface CaptionEditorProps {
     targetId: string;
     targetType: TargetType;
@@ -17,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 {
@@ -141,6 +148,7 @@ export interface FlatButtonsProps {
 }
 export interface FlatCaptionProps {
     caption: string;
+    showCaptionEditor: (text: string) => void;
     notifyBoundsChanged?: (bounds: Bounds) => void;
 }
 export interface GroupMoveAreaProps {
@@ -155,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

@@ -7,10 +7,15 @@ 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;
@@ -151,6 +156,7 @@ export interface CreateTabRequestOptions extends CreateElementRequestOptions {
 }
 export interface UpdateStandardButtonRequestOptions extends CreateElementRequestOptions {
     buttonId: StandardButtons;
+    buttonTarget: StandardButtonTarget;
     visible: boolean;
     tooltip: string;
     isPressed: boolean;
@@ -163,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[];
@@ -320,6 +300,8 @@ 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;

package/dist/cjs/webGroupsManager.d.ts

@@ -30,6 +30,8 @@ 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;

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;