@interopio/groups-ui-react 2.7.1 → 3.0.1

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { Bounds, ButtonProps, Location, OverflowedTabInfo, StylesOptions, ToggleButtonProps } from "./internal";
+import { Bounds, ButtonProps, Location, OverflowedTabInfo, PopupTargetLocation, Size, StylesOptions, ToggleButtonProps } from "./internal";
 import { CustomButtonProps } from "./defaultComponents";
 export interface ChannelProps {
     visible: boolean;
@@ -54,6 +54,7 @@ export interface TabOverflowPopupProps {
     frameId: string;
     select: (windowId: string) => void;
     close: (windowId: string) => void;
+    resize?: (size: Size) => void;
     hiddenTabsToTheLeft: OverflowedTabInfo[];
     hiddenTabsToTheRight: OverflowedTabInfo[];
 }
@@ -72,6 +73,7 @@ export interface GroupCaptionBarProps {
     caption: string;
     captionEditor?: CaptionEditorProps;
     visible: boolean;
+    showCaptionEditor: (text: string) => void;
     notifyCaptionBoundsChanged: (bounds: Bounds) => void;
     minimize: ButtonProps;
     maximize: ButtonProps;
@@ -81,6 +83,7 @@ export interface GroupCaptionBarProps {
 export interface GroupOverlayProps {
 }
 export interface FlatCaptionBarProps {
+    showCaptionEditor: (text: string) => void;
     frameId: string;
     moveAreaId: string;
     caption: string;
@@ -191,4 +194,38 @@ export interface OpenTabOverflowPopupOptions {
     frameId: string;
     location: Location;
 }
+export interface CreatePopupOptions {
+    left?: number;
+    top?: number;
+    width?: number;
+    height?: number;
+    roundedCorners?: boolean;
+    hasSizeAreas?: boolean;
+    hasMoveAreas?: boolean;
+    transparent?: boolean;
+    copyStyles?: boolean;
+}
+export interface PopupShowOptions {
+    targetBounds?: Bounds;
+    size?: Size;
+    targetLocation?: PopupTargetLocation;
+    focus?: boolean;
+    horizontalOffset?: number;
+    verticalOffset?: number;
+}
+export interface PopupWindow {
+    ioConnectWindow: any;
+    browserWindow: Window;
+}
+export interface ExternalWindowPopupResult {
+    getContainer: () => HTMLElement | null;
+    createPopup: (options?: CreatePopupOptions) => Promise<PopupWindow | null>;
+    showPopup: (options?: PopupShowOptions) => Promise<void>;
+    resizePopup: (size: Size) => Promise<void>;
+    hidePopup: () => Promise<void>;
+    closePopup: () => Promise<void>;
+    isOpen: boolean;
+    isVisible: boolean;
+    popup: PopupWindow | null;
+}
 export {};

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[];
@@ -308,6 +288,7 @@ export interface ElementCreationWrapperState {
         [targetId: string]: CreateButtonsOptions;
     };
 }
+export declare type IndexableElementCreationWrapperState = Omit<Omit<ElementCreationWrapperState, "groupCaptionBar">, "groupOverlay">;
 export interface ExternalLibraryFactory {
     readonly groupId: string;
     focusPage(): void;
@@ -320,6 +301,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;
@@ -328,6 +311,7 @@ export interface ExternalLibraryFactory {
     updateFrameStyles(styles: StylesOptions): void;
     selectTab(windowId: string): void;
     openTabOverflowPopup(frameId: string, location: Location): void;
+    resizeTabOverflowPopup(frameId: string, size: Size): void;
     addTabContainerClass(windowId: string, className: string): void;
     removeTabContainerClass(windowId: string, className: string): void;
 }
@@ -355,4 +339,14 @@ export interface StylesOptions {
 }
 export interface Bounds extends Size, Location {
 }
+export declare type PopupTargetLocation = "top" | "bottom" | "left" | "right" | "none";
+export interface ExternalWindowPopup {
+    browserWindow?: Window;
+    ioConnectWindow?: any;
+}
+export interface ShowExternalWindowPopupConfig {
+    targetBounds: Bounds;
+    size: Size;
+    targetLocation: PopupTargetLocation;
+}
 export {};

package/dist/cjs/webGroupsManager.d.ts

@@ -1,4 +1,4 @@
-import { Bounds, Location, StylesOptions, TargetType } from "./types/internal";
+import { Bounds, Location, Size, StylesOptions, TargetType } from "./types/internal";
 declare class WebGroupsManagerDecorator {
     private readonly registry;
     readonly skipFocusStyle = "t42-skip-focus";
@@ -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;
@@ -42,6 +44,7 @@ declare class WebGroupsManagerDecorator {
     addTabContainerClass(windowId: string, className: string): void;
     removeTabContainerClass(windowId: string, className: string): void;
     openTabOverflowPopup(frameId: string, location: Location): void;
+    resizeTabOverflowPopup(frameId: string, size: Size): void;
 }
 declare const _default: WebGroupsManagerDecorator;
 export default _default;

package/dist/cjs/webGroupsStore.d.ts

@@ -60,6 +60,9 @@ declare class WebGroupsStore {
     private onHideTabCaptionEditorRequested;
     private onShowLoadingAnimation;
     private onHideLoadingAnimation;
+    private onCreateElementRequested;
+    private onUpdateElementRequested;
+    private onRemoveElementRequested;
     private setState;
 }
 declare const _default: WebGroupsStore;

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/hooks/useExternalWindowPopup.d.ts

@@ -0,0 +1,2 @@
+import { ExternalWindowPopupResult } from "../../types/api";
+export default function useExternalWindowPopup(): ExternalWindowPopupResult;

package/dist/esm/defaultComponents/hooks/useExternalWindowPopupClosed.d.ts

@@ -0,0 +1 @@
+export declare function useExternalWindowPopupClosed(io: any, ioConnectWindowPopup: any): boolean;

package/dist/esm/defaultComponents/hooks/useExternalWindowPopupHidden.d.ts

@@ -0,0 +1 @@
+export declare function useExternalWindowPopupHidden(io: any, ioConnectWindowPopup: any): boolean;

package/dist/esm/defaultComponents/hooks/useMoveResizeWindow.d.ts

@@ -0,0 +1,2 @@
+import { Size } from "../../types/internal";
+export declare function useMoveResizeWindow(ioConnectWindow?: any, size?: Size): void;

package/dist/esm/defaultComponents/hooks/useShowPopupWindow.d.ts

@@ -0,0 +1,2 @@
+import { ShowExternalWindowPopupConfig } from "../../types/internal";
+export declare const useShowPopupWindow: (io: any, ioConnectWindowPopup: any, showConfig?: ShowExternalWindowPopupConfig | undefined) => void;

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,9 @@ 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";
+import useExternalWindowPopup from "./defaultComponents/hooks/useExternalWindowPopup";
+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, useExternalWindowPopup, };
 export declare const getGroupId: () => string;
 export declare const requestPageFocus: () => void;
 export declare const requestFrameFocus: (frameId: string) => void;