@interopio/groups-ui-react 3.0.1 → 4.2.8-next.0

package/dist/esm/useGroupComponentVisibility.d.ts

@@ -1,3 +1,3 @@
-import { GroupComponentVisibilityState } from "./types/api";
-declare function useGroupComponentVisibility(): GroupComponentVisibilityState;
-export default useGroupComponentVisibility;
+import { GroupComponentVisibilityState } from './types/api';
+declare function useGroupComponentVisibility(): GroupComponentVisibilityState;
+export default useGroupComponentVisibility;

package/dist/esm/useIOConnectWindow.d.ts

@@ -1,2 +1,2 @@
-declare function useIOConnectWindow(windowId: string): any;
-export default useIOConnectWindow;
+declare function useIOConnectWindow(windowId: string): any;
+export default useIOConnectWindow;

package/dist/esm/utils.d.ts

@@ -1,3 +1,3 @@
-import { Bounds } from "./types/internal";
-export declare const waitForWindow: (io: any, windowId: string) => Promise<any>;
-export declare const getElementBounds: (element: HTMLElement) => Bounds;
+import { Bounds } from './types/internal';
+export declare const waitForWindow: (io: any, windowId: string) => Promise<any>;
+export declare const getElementBounds: (element: HTMLElement) => Bounds;

package/dist/esm/webGroupsManager.d.ts

@@ -1,50 +1,51 @@
-import { Bounds, Location, Size, StylesOptions, TargetType } from "./types/internal";
-declare class WebGroupsManagerDecorator {
-    private readonly registry;
-    readonly skipFocusStyle = "t42-skip-focus";
-    init(io: any, componentFactory: any): void;
-    getGroupId(): string;
-    notifyMoveAreaChanged(): void;
-    registerPopup(element: HTMLElement): string;
-    removePopup(element: HTMLElement): void;
-    removePopupById(elementId: string): void;
-    subscribeForWindowFocused(cb: () => any): () => void;
-    unmount(): void;
-    requestPageFocus(): void;
-    requestFrameFocus(frameId: string): void;
-    requestGroupFocus(): 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;
-    onOverflowButtonClick(targetType: TargetType, targetId: string): void;
-    onFeedbackButtonClick(targetType: TargetType, targetId: string): void;
-    onCloneButtonClick(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;
-    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;
-    openTabOverflowPopup(frameId: string, location: Location): void;
-    resizeTabOverflowPopup(frameId: string, size: Size): void;
-}
-declare const _default: WebGroupsManagerDecorator;
-export default _default;
+import { Bounds, Location, Size, StylesOptions, TargetType } from './types/internal';
+declare class WebGroupsManagerDecorator {
+    private readonly registry;
+    readonly skipFocusStyle = "t42-skip-focus";
+    init(io: any, componentFactory: any): void;
+    getGroupId(): string;
+    notifyMoveAreaChanged(): void;
+    registerPopup(element: HTMLElement): string;
+    removePopup(element: HTMLElement): void;
+    removePopupById(elementId: string): void;
+    subscribeForWindowFocused(cb: () => any): () => void;
+    unmount(): void;
+    requestPageFocus(): void;
+    requestFrameFocus(frameId: string): void;
+    requestGroupFocus(): void;
+    onCloseButtonClick(targetType: TargetType, targetId: string): void;
+    onRestoreButtonClick(targetType: TargetType, targetId: string): void;
+    onMaximizeButtonClick(targetType: TargetType, targetId: string): void;
+    onDownloadsButtonClick(targetType: TargetType, targetId: string): void;
+    onMinimizeButtonClick(targetType: TargetType, targetId: string): void;
+    onLockButtonClick(targetType: TargetType, targetId: string): void;
+    onUnlockButtonClick(targetType: TargetType, targetId: string): void;
+    onOverflowButtonClick(targetType: TargetType, targetId: string): void;
+    onFeedbackButtonClick(targetType: TargetType, targetId: string): void;
+    onCloneButtonClick(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;
+    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;
+    openTabOverflowPopup(frameId: string, location: Location): void;
+    resizeTabOverflowPopup(frameId: string, size: Size): void;
+}
+declare const _default: WebGroupsManagerDecorator;
+export default _default;

package/dist/esm/webGroupsStore.d.ts

@@ -1,69 +1,69 @@
-import { CreateElementRequestOptions, CreateFrameCaptionBarRequestOptions, CreateFrameElementRequestOptions, CreateGroupCaptionBarRequestOptions, CreateButtonsOptions, CreateTabRequestOptions, ElementCreationWrapperState, RemoveRequestOptions, TargetType, UpdateFrameCaptionBarRequestOptions, UpdateGroupCaptionBarRequestOptions, UpdateStandardButtonRequestOptions, UpdateFrameRequestOptions, CreateFrameLoadingAnimationRequestOptions, UpdateCustomButtonsRequestOptions, CreateTabOverflowPopupRequestOptions } from "./types/internal";
-declare class WebGroupsStore {
-    private listeners;
-    private state;
-    subscribe: (cb: () => void) => () => void;
-    getSnapshot: () => ElementCreationWrapperState;
-    onCreateGroupCaptionBarRequested: (options: CreateGroupCaptionBarRequestOptions) => void;
-    onCreateGroupOverlayRequested: (options: CreateElementRequestOptions) => void;
-    onCreateFrameCaptionBarRequested: (options: CreateFrameCaptionBarRequestOptions) => void;
-    onCreateFrameWindowOverlayRequested: (options: CreateFrameElementRequestOptions) => void;
-    onCreateAboveWindowRequested: (options: CreateFrameElementRequestOptions) => void;
-    onCreateWindowContentOverlayRequested: (options: CreateFrameElementRequestOptions) => void;
-    onCreateFrameLoadingAnimationRequested: (options: CreateFrameLoadingAnimationRequestOptions) => void;
-    onCreateBelowWindowRequested: (options: CreateFrameElementRequestOptions) => void;
-    onCreateAboveTabsComponentRequested: (options: CreateFrameElementRequestOptions) => void;
-    onCreateBeforeTabsComponentRequested: (options: CreateFrameElementRequestOptions) => void;
-    onCreateTabElementRequested: (options: CreateTabRequestOptions) => void;
-    onCreateAfterTabsComponentRequested: (options: CreateFrameElementRequestOptions) => void;
-    onCreateTabHeaderButtonsRequested: (options: CreateButtonsOptions) => void;
-    onCreateBelowTabsComponentRequested: (options: CreateFrameElementRequestOptions) => void;
-    onCreateHtmlButtonsRequested: (options: CreateButtonsOptions) => void;
-    onCreateTabOverflowPopupRequested: (options: CreateTabOverflowPopupRequestOptions) => void;
-    onUpdateHtmlButtonsRequested: (options: CreateButtonsOptions) => void;
-    onUpdateGroupCaptionBarRequested: (options: UpdateGroupCaptionBarRequestOptions) => void;
-    onUpdateFrameCaptionBarRequested: (options: UpdateFrameCaptionBarRequestOptions) => void;
-    onUpdateFrameWindowOverlayRequested: (options: CreateElementRequestOptions) => void;
-    onUpdateAboveTabsRequested: (options: CreateElementRequestOptions) => void;
-    onUpdateBeforeTabsRequested: (options: CreateElementRequestOptions) => void;
-    onUpdateTabElementRequested: (options: CreateTabRequestOptions) => void;
-    onUpdateAfterTabsRequested: (options: CreateElementRequestOptions) => void;
-    onUpdateTabHeaderButtonsRequested: (options: CreateButtonsOptions) => void;
-    onUpdateBelowTabsRequested: (options: CreateElementRequestOptions) => void;
-    onUpdateFrame: (options: UpdateFrameRequestOptions) => void;
-    onUpdateStandardButton: (options: UpdateStandardButtonRequestOptions) => void;
-    onUpdateCustomButtons: (options: UpdateCustomButtonsRequestOptions) => void;
-    onRemoveFrameCaptionBarRequested: (options: RemoveRequestOptions) => void;
-    onRemoveFrameWindowOverlayRequested: (options: RemoveRequestOptions) => void;
-    onRemoveAboveWindowRequested: (options: RemoveRequestOptions) => void;
-    onRemoveWindowContentOverlayRequested: (options: RemoveRequestOptions) => void;
-    onRemoveFrameLoadingAnimationRequested: (options: RemoveRequestOptions) => void;
-    onRemoveBelowWindowRequested: (options: RemoveRequestOptions) => void;
-    onRemoveAboveTabsRequested: (options: RemoveRequestOptions) => void;
-    onRemoveBeforeTabsComponentRequested: (options: RemoveRequestOptions) => void;
-    onRemoveTabElementRequested: (options: RemoveRequestOptions) => void;
-    onRemoveAfterTabsComponentRequested: (options: RemoveRequestOptions) => void;
-    onRemoveTabHeaderButtonsRequested: (options: RemoveRequestOptions) => void;
-    onRemoveBelowTabsRequested: (options: RemoveRequestOptions) => void;
-    onRemoveHtmlButtonsRequested: (options: RemoveRequestOptions) => void;
-    onRemoveTabOverflowPopupRequested: (options: RemoveRequestOptions) => void;
-    onShowCaptionEditorRequested: (targetType: TargetType, targetId: string, text: string) => void;
-    onCommitCaptionEditingRequested: (targetType: TargetType, targetId: string) => void;
-    onHideCaptionEditorRequested: (targetType: TargetType, targetId: string) => void;
-    onShowLoadingAnimationRequested: (targetType: TargetType, targetId: string) => void;
-    onHideLoadingAnimationRequested: (targetType: TargetType, targetId: string) => void;
-    private onShowGroupCaptionEditorRequested;
-    private onHideGroupCaptionEditorRequested;
-    private onShowFlatCaptionEditorRequested;
-    private onHideFlatCaptionEditorRequested;
-    private onShowTabCaptionEditorRequested;
-    private onHideTabCaptionEditorRequested;
-    private onShowLoadingAnimation;
-    private onHideLoadingAnimation;
-    private onCreateElementRequested;
-    private onUpdateElementRequested;
-    private onRemoveElementRequested;
-    private setState;
-}
-declare const _default: WebGroupsStore;
-export default _default;
+import { CreateElementRequestOptions, CreateFrameCaptionBarRequestOptions, CreateFrameElementRequestOptions, CreateGroupCaptionBarRequestOptions, CreateButtonsOptions, CreateTabRequestOptions, ElementCreationWrapperState, RemoveRequestOptions, TargetType, UpdateFrameCaptionBarRequestOptions, UpdateGroupCaptionBarRequestOptions, UpdateStandardButtonRequestOptions, UpdateFrameRequestOptions, CreateFrameLoadingAnimationRequestOptions, UpdateCustomButtonsRequestOptions, CreateTabOverflowPopupRequestOptions } from './types/internal';
+declare class WebGroupsStore {
+    private listeners;
+    private state;
+    subscribe: (cb: () => void) => () => void;
+    getSnapshot: () => ElementCreationWrapperState;
+    onCreateGroupCaptionBarRequested: (options: CreateGroupCaptionBarRequestOptions) => void;
+    onCreateGroupOverlayRequested: (options: CreateElementRequestOptions) => void;
+    onCreateFrameCaptionBarRequested: (options: CreateFrameCaptionBarRequestOptions) => void;
+    onCreateFrameWindowOverlayRequested: (options: CreateFrameElementRequestOptions) => void;
+    onCreateAboveWindowRequested: (options: CreateFrameElementRequestOptions) => void;
+    onCreateWindowContentOverlayRequested: (options: CreateFrameElementRequestOptions) => void;
+    onCreateFrameLoadingAnimationRequested: (options: CreateFrameLoadingAnimationRequestOptions) => void;
+    onCreateBelowWindowRequested: (options: CreateFrameElementRequestOptions) => void;
+    onCreateAboveTabsComponentRequested: (options: CreateFrameElementRequestOptions) => void;
+    onCreateBeforeTabsComponentRequested: (options: CreateFrameElementRequestOptions) => void;
+    onCreateTabElementRequested: (options: CreateTabRequestOptions) => void;
+    onCreateAfterTabsComponentRequested: (options: CreateFrameElementRequestOptions) => void;
+    onCreateTabHeaderButtonsRequested: (options: CreateButtonsOptions) => void;
+    onCreateBelowTabsComponentRequested: (options: CreateFrameElementRequestOptions) => void;
+    onCreateHtmlButtonsRequested: (options: CreateButtonsOptions) => void;
+    onCreateTabOverflowPopupRequested: (options: CreateTabOverflowPopupRequestOptions) => void;
+    onUpdateHtmlButtonsRequested: (options: CreateButtonsOptions) => void;
+    onUpdateGroupCaptionBarRequested: (options: UpdateGroupCaptionBarRequestOptions) => void;
+    onUpdateFrameCaptionBarRequested: (options: UpdateFrameCaptionBarRequestOptions) => void;
+    onUpdateFrameWindowOverlayRequested: (options: CreateElementRequestOptions) => void;
+    onUpdateAboveTabsRequested: (options: CreateElementRequestOptions) => void;
+    onUpdateBeforeTabsRequested: (options: CreateElementRequestOptions) => void;
+    onUpdateTabElementRequested: (options: CreateTabRequestOptions) => void;
+    onUpdateAfterTabsRequested: (options: CreateElementRequestOptions) => void;
+    onUpdateTabHeaderButtonsRequested: (options: CreateButtonsOptions) => void;
+    onUpdateBelowTabsRequested: (options: CreateElementRequestOptions) => void;
+    onUpdateFrame: (options: UpdateFrameRequestOptions) => void;
+    onUpdateStandardButton: (options: UpdateStandardButtonRequestOptions) => void;
+    onUpdateCustomButtons: (options: UpdateCustomButtonsRequestOptions) => void;
+    onRemoveFrameCaptionBarRequested: (options: RemoveRequestOptions) => void;
+    onRemoveFrameWindowOverlayRequested: (options: RemoveRequestOptions) => void;
+    onRemoveAboveWindowRequested: (options: RemoveRequestOptions) => void;
+    onRemoveWindowContentOverlayRequested: (options: RemoveRequestOptions) => void;
+    onRemoveFrameLoadingAnimationRequested: (options: RemoveRequestOptions) => void;
+    onRemoveBelowWindowRequested: (options: RemoveRequestOptions) => void;
+    onRemoveAboveTabsRequested: (options: RemoveRequestOptions) => void;
+    onRemoveBeforeTabsComponentRequested: (options: RemoveRequestOptions) => void;
+    onRemoveTabElementRequested: (options: RemoveRequestOptions) => void;
+    onRemoveAfterTabsComponentRequested: (options: RemoveRequestOptions) => void;
+    onRemoveTabHeaderButtonsRequested: (options: RemoveRequestOptions) => void;
+    onRemoveBelowTabsRequested: (options: RemoveRequestOptions) => void;
+    onRemoveHtmlButtonsRequested: (options: RemoveRequestOptions) => void;
+    onRemoveTabOverflowPopupRequested: (options: RemoveRequestOptions) => void;
+    onShowCaptionEditorRequested: (targetType: TargetType, targetId: string, text: string) => void;
+    onCommitCaptionEditingRequested: (targetType: TargetType, targetId: string) => void;
+    onHideCaptionEditorRequested: (targetType: TargetType, targetId: string) => void;
+    onShowLoadingAnimationRequested: (targetType: TargetType, targetId: string) => void;
+    onHideLoadingAnimationRequested: (targetType: TargetType, targetId: string) => void;
+    private onShowGroupCaptionEditorRequested;
+    private onHideGroupCaptionEditorRequested;
+    private onShowFlatCaptionEditorRequested;
+    private onHideFlatCaptionEditorRequested;
+    private onShowTabCaptionEditorRequested;
+    private onHideTabCaptionEditorRequested;
+    private onShowLoadingAnimation;
+    private onHideLoadingAnimation;
+    private onCreateElementRequested;
+    private onUpdateElementRequested;
+    private onRemoveElementRequested;
+    private setState;
+}
+declare const _default: WebGroupsStore;
+export default _default;

package/dist/styles/groups.css

@@ -196,6 +196,7 @@ input {
 .t42-caption-bar-button-overflow,
 .t42-caption-bar-button-collapse,
 .t42-caption-bar-button-expand,
+.t42-caption-bar-button-frame-downloads,
 .t42-caption-bar-button-frame-minimize,
 .t42-caption-bar-button-frame-maximize,
 .t42-caption-bar-button-frame-restore,
@@ -208,6 +209,7 @@ input {
 .t42-caption-bar-button-unlock .t42-standard-button::before,
 .t42-caption-bar-button-feedback .t42-standard-button::before,
 .t42-caption-bar-button-clone .t42-standard-button::before,
+.t42-caption-bar-button-frame-downloads .t42-standard-button::before,
 .t42-caption-bar-button-frame-minimize .t42-standard-button::before,
 .t42-caption-bar-button-frame-maximize .t42-standard-button::before,
 .t42-caption-bar-button-frame-restore .t42-standard-button::before,
@@ -227,6 +229,51 @@ input {
     content: "\e90e";
 }
 
+.t42-standard-button-downloads {
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+}
+
+.t42-standard-button-downloads::before {
+    content: "\e980";
+}
+
+.t42-standard-button-downloads::after {
+    content: "";
+    margin-left: auto;
+    height: var(--t42-progress-bar-height);
+    width: var(--t42-progress-bar-width);
+    border-radius: var(--t42-progress-bar-border-radius);
+    transform: translateY(var(--t42-progress-bar-top-offset));
+    background-color: var(--t42-progress-bar-background-color);
+    background-image: linear-gradient(
+        to right,
+        var(--t42-progress-bar-current-color),
+        var(--t42-progress-bar-current-color)
+    );
+    background-size: calc(var(--progress) * 1%) 100%;
+    background-repeat: no-repeat;
+    background-position: left top;
+    transition: background-size var(--t42-progress-bar-animation-duration) ease;
+}
+
+.t42-standard-button-downloads.t42-standard-button-downloads-download-not-started::after {
+    visibility: hidden;
+}
+
+.t42-standard-button-downloads-download-paused {
+    --t42-progress-bar-current-color: var(--t42-progress-bar-paused-color);
+}
+
+.t42-standard-button-downloads-download-in-progress {
+    --t42-progress-bar-current-color: var(--t42-progress-bar-progress-color);
+}
+
+.t42-standard-button-downloads-download-ready {
+    --t42-progress-bar-current-color: var(--t42-progress-bar-ready-color);
+}
+
 .t42-standard-button-minimize::before {
     content: "\e904";
 }
@@ -503,6 +550,7 @@ input {
 
 .t42-caption-bar-button-maximize,
 .t42-caption-bar-button-minimize,
+.t42-caption-bar-button-downloads,
 .t42-caption-bar-button-restore,
 .t42-caption-bar-button-close {
     width: var(--t42-caption-bar-button-width);
@@ -511,6 +559,7 @@ input {
 
 .t42-caption-bar-button-frame-maximize,
 .t42-caption-bar-button-frame-minimize,
+.t42-caption-bar-button-frame-downloads,
 .t42-caption-bar-button-frame-restore,
 .t42-caption-bar-button-frame-close {
     --t42-caption-bar-button-close-hover-background: var(--t42-caption-bar-button-hover-background);