@interopio/groups-ui-react 3.0.0 → 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[];
 }
@@ -193,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/internal.d.ts

@@ -288,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;
@@ -310,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;
 }
@@ -337,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";
@@ -44,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/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/index.d.ts

@@ -44,7 +44,8 @@ import TabOverflowPopup from "./defaultComponents/popups/TabOverflowPopup";
 import TabMultiChannelSelector from "./defaultComponents/channelSelector/multi/TabMultiChannelSelector";
 import FlatMultiChannelSelector from "./defaultComponents/channelSelector/multi/FlatMultiChannelSelector";
 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, };
+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;