@interopio/groups-ui-react 2.0.0

package/README.md

@@ -0,0 +1,27 @@
+## Overview
+
+The `@interopio/groups-ui-react` library enables you to create your own Web Group App for [**io.Connect Desktop**](https://interop.io//). It provides all necessary functionalities as a single React component - `<Group />`. The library allows complete customization of the io.Connect Window group elements and the elements of the different types of io.Connect Windows (flat, tab and HTML) participating in the group. The provided default components can be replaced or extended with your custom ones.
+
+## Install
+
+To use the library in your project, execute the following command:
+
+```cmd
+npm install @interopio/groups-ui-react
+```
+
+## Usage
+
+The following example demonstrates a basic usage of the `<Group />` component:
+
+```javascript
+import React from 'react'
+import Group from "@interopio/groups-ui-react";
+import "@interopio/groups-ui-react/dist/styles/styles.css";
+
+const App = () => {
+  return <Group />
+};
+
+export default App;
+```

package/dist/cjs/GroupElementCreationWrapper.d.ts

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

package/dist/cjs/GroupWrapper.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { GroupWrapperProps } from "./types/internal";
+declare class GroupWrapper extends React.Component<GroupWrapperProps> {
+    containerRef: HTMLElement | null;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+}
+export default GroupWrapper;

package/dist/cjs/Portal.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { PortalProps } from "./types/internal";
+declare class Portal extends React.Component<PortalProps> {
+    render(): React.ReactPortal;
+}
+export default Portal;

package/dist/cjs/defaultComponents/buttons/BaseButton.d.ts

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

package/dist/cjs/defaultComponents/buttons/CloseButton.d.ts

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

package/dist/cjs/defaultComponents/buttons/CustomButton.d.ts

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

package/dist/cjs/defaultComponents/buttons/ExtractButton.d.ts

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

package/dist/cjs/defaultComponents/buttons/FeedbackButton.d.ts

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

package/dist/cjs/defaultComponents/buttons/LockButtons.d.ts

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

package/dist/cjs/defaultComponents/buttons/MaximizeButton.d.ts

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

package/dist/cjs/defaultComponents/buttons/MinimizeButton.d.ts

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

package/dist/cjs/defaultComponents/buttons/RestoreButton.d.ts

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

package/dist/cjs/defaultComponents/buttons/StickyButton.d.ts

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

package/dist/cjs/defaultComponents/buttons/UnlockButton.d.ts

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

package/dist/cjs/defaultComponents/captionEditor/CaptionEditor.d.ts

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

package/dist/cjs/defaultComponents/captionEditor/useCaptionEditor.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { UseCaptionEditorOptions } from "../../types/defaultComponents";
+declare function useCaptionEditor(ref: React.RefObject<HTMLElement>, options: UseCaptionEditorOptions): void;
+export default useCaptionEditor;

package/dist/cjs/defaultComponents/captionEditor/useCommitEditingRequested.d.ts

@@ -0,0 +1,3 @@
+import { TargetType } from "../../types/internal";
+declare function useCommitEditingRequested(targetType: TargetType, targetId: string, text: string): void;
+export default useCommitEditingRequested;

package/dist/cjs/defaultComponents/captionEditor/useEditableCaption.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { UseEditableCaptionOptions } from "../../types/defaultComponents";
+declare function useEditableCaption(ref: React.RefObject<HTMLElement>, options: UseEditableCaptionOptions): void;
+export default useEditableCaption;

package/dist/cjs/defaultComponents/channelSelector/BaseChannelSelector.d.ts

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

package/dist/cjs/defaultComponents/channelSelector/FlatChannelSelector.d.ts

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

package/dist/cjs/defaultComponents/channelSelector/TabChannelSelector.d.ts

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

package/dist/cjs/defaultComponents/channelSelector/utils.d.ts

@@ -0,0 +1 @@
+export declare function IsBlackReadable(color: string): boolean;

package/dist/cjs/defaultComponents/flatCaptionBar/FlatButtons.d.ts

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

package/dist/cjs/defaultComponents/flatCaptionBar/FlatCaption.d.ts

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

package/dist/cjs/defaultComponents/flatCaptionBar/FlatCaptionBar.d.ts

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

package/dist/cjs/defaultComponents/flatCaptionBar/FlatCaptionEditor.d.ts

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

package/dist/cjs/defaultComponents/flatCaptionBar/FlatMoveArea.d.ts

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

package/dist/cjs/defaultComponents/flatCaptionBar/useCommitFlatCaptionEditingRequested.d.ts

@@ -0,0 +1,2 @@
+declare function useCommitFlatCaptionEditingRequested(targetId: string, text: string): void;
+export default useCommitFlatCaptionEditingRequested;

package/dist/cjs/defaultComponents/groupCaptionBar/GroupButtons.d.ts

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

package/dist/cjs/defaultComponents/groupCaptionBar/GroupCaption.d.ts

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

package/dist/cjs/defaultComponents/groupCaptionBar/GroupCaptionBar.d.ts

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

package/dist/cjs/defaultComponents/groupCaptionBar/GroupCaptionEditor.d.ts

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

package/dist/cjs/defaultComponents/groupCaptionBar/GroupMoveArea.d.ts

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

package/dist/cjs/defaultComponents/groupCaptionBar/useCommitGroupCaptionEditingRequested.d.ts

@@ -0,0 +1,2 @@
+declare function useCommitGroupCaptionEditingRequested(targetId: string, text: string): void;
+export default useCommitGroupCaptionEditingRequested;

package/dist/cjs/defaultComponents/loadingAnimation/FrameLoadingAnimation.d.ts

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

package/dist/cjs/defaultComponents/tabs/Tab.d.ts

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

package/dist/cjs/defaultComponents/tabs/TabCaption.d.ts

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

package/dist/cjs/defaultComponents/tabs/TabCaptionEditor.d.ts

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

package/dist/cjs/defaultComponents/tabs/TabCloseButton.d.ts

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

package/dist/cjs/defaultComponents/tabs/TabHeaderButtons.d.ts

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

package/dist/cjs/defaultComponents/tabs/useCommitTabCaptionEditingRequested.d.ts

@@ -0,0 +1,2 @@
+declare function useCommitTabCaptionEditingRequested(targetId: string, text: string): void;
+export default useCommitTabCaptionEditingRequested;

package/dist/cjs/index.d.ts

@@ -0,0 +1,49 @@
+import CloseButton from "./defaultComponents/buttons/CloseButton";
+import FlatCaptionBar from "./defaultComponents/flatCaptionBar/FlatCaptionBar";
+import GroupCaptionBar from "./defaultComponents/groupCaptionBar/GroupCaptionBar";
+import MaximizeButton from "./defaultComponents/buttons/MaximizeButton";
+import MinimizeButton from "./defaultComponents/buttons/MinimizeButton";
+import Tab from "./defaultComponents/tabs/Tab";
+import TabHeaderButtons from "./defaultComponents/tabs/TabHeaderButtons";
+import TabCaption from "./defaultComponents/tabs/TabCaption";
+import TabCloseButton from "./defaultComponents/tabs/TabCloseButton";
+import GroupElementCreationWrapper from "./GroupElementCreationWrapper";
+import GroupMoveArea from "./defaultComponents/groupCaptionBar/GroupMoveArea";
+import GroupButtons from "./defaultComponents/groupCaptionBar/GroupButtons";
+import FlatMoveArea from "./defaultComponents/flatCaptionBar/FlatMoveArea";
+import FlatButtons from "./defaultComponents/flatCaptionBar/FlatButtons";
+import FlatCaption from "./defaultComponents/flatCaptionBar/FlatCaption";
+import GroupCaption from "./defaultComponents/groupCaptionBar/GroupCaption";
+import FlatChannelSelector from "./defaultComponents/channelSelector/FlatChannelSelector";
+import TabChannelSelector from "./defaultComponents/channelSelector/TabChannelSelector";
+import RestoreButton from "./defaultComponents/buttons/RestoreButton";
+import LockButton from "./defaultComponents/buttons/LockButtons";
+import UnlockButton from "./defaultComponents/buttons/UnlockButton";
+import ExtractButton from "./defaultComponents/buttons/ExtractButton";
+import FeedbackButton from "./defaultComponents/buttons/FeedbackButton";
+import StickyButton from "./defaultComponents/buttons/StickyButton";
+import useIOConnectWindow from "./useIOConnectWindow";
+import CustomButton from "./defaultComponents/buttons/CustomButton";
+import { waitForWindow } from "./utils";
+import useGroupComponentVisibility from "./useGroupComponentVisibility";
+import { CloseButtonProps, ExtractButtonProps, StickyButtonProps, FeedbackButtonProps, FlatButtonsProps, FlatCaptionEditorProps, FlatCaptionProps, FlatChannelSelectorProps, FlatMoveAreaProps, GroupButtonsProps, GroupCaptionEditorProps, GroupMoveAreaProps, LockButtonProps, MaximizeButtonProps, MinimizeButtonProps, RestoreButtonProps, TabCaptionEditorProps, TabCaptionProps, TabChannelSelectorProps, TabCloseButtonProps, UnlockButtonProps, UseCaptionEditorOptions, UseEditableCaptionOptions } from "./types/defaultComponents";
+import { AboveTabsProps, AboveWindowProps, AfterTabsProps, BeforeTabsProps, BelowTabsProps, BelowWindowProps, FlatCaptionBarProps, FrameLoadingAnimationProps, FrameWindowOverlayProps, GroupCaptionBarProps, GroupComponentVisibilityState, GroupOverlayProps, GroupProps, MoveAreaProps, TabElementProps, TabHeaderButtonsProps, WindowContentOverlayProps } from "./types/api";
+import GroupCaptionEditor from "./defaultComponents/groupCaptionBar/GroupCaptionEditor";
+import FlatCaptionEditor from "./defaultComponents/flatCaptionBar/FlatCaptionEditor";
+import TabCaptionEditor from "./defaultComponents/tabs/TabCaptionEditor";
+import useCommitTabCaptionEditingRequested from "./defaultComponents/tabs/useCommitTabCaptionEditingRequested";
+import useCommitGroupCaptionEditingRequested from "./defaultComponents/groupCaptionBar/useCommitGroupCaptionEditingRequested";
+import useCommitFlatCaptionEditingRequested from "./defaultComponents/flatCaptionBar/useCommitFlatCaptionEditingRequested";
+import useEditableCaption from "./defaultComponents/captionEditor/useEditableCaption";
+import useCaptionEditor from "./defaultComponents/captionEditor/useCaptionEditor";
+import FrameLoadingAnimation from "./defaultComponents/loadingAnimation/FrameLoadingAnimation";
+export { GroupCaptionBar, GroupMoveArea, GroupButtons, GroupCaptionEditor, Tab, TabChannelSelector, TabCaption, TabCloseButton, TabCaptionEditor, FeedbackButton, StickyButton, ExtractButton, LockButton, UnlockButton, MinimizeButton, RestoreButton, MaximizeButton, CustomButton, CloseButton, FlatCaptionBar, FlatChannelSelector, FlatCaption, FlatMoveArea, FlatButtons, FlatCaptionEditor, TabHeaderButtons, FrameLoadingAnimation, GroupComponentVisibilityState, useIOConnectWindow, useGroupComponentVisibility, waitForWindow, useEditableCaption, useCaptionEditor, useCommitGroupCaptionEditingRequested, useCommitFlatCaptionEditingRequested, useCommitTabCaptionEditingRequested, };
+export declare const getGroupId: () => string;
+export declare const requestPageFocus: () => void;
+export declare const requestFrameFocus: (frameId: string) => void;
+export declare const requestGroupFocus: () => void;
+export declare const onCommitGroupCaptionEditingRequested: (targetId: string, cb: () => void) => () => void;
+export declare const onCommitFlatCaptionEditingRequested: (targetId: string, cb: () => void) => () => void;
+export declare const onCommitTabCaptionEditingRequested: (targetId: string, cb: () => void) => () => void;
+export { MoveAreaProps, GroupProps, GroupCaption, GroupCaptionBarProps, GroupMoveAreaProps, GroupOverlayProps, GroupButtonsProps, GroupCaptionEditorProps, TabElementProps, TabChannelSelectorProps, TabCaptionProps, TabCloseButtonProps, TabHeaderButtonsProps, TabCaptionEditorProps, FlatCaptionBarProps, FlatCaptionProps, FrameWindowOverlayProps, FlatMoveAreaProps, FlatChannelSelectorProps, FlatButtonsProps, FlatCaptionEditorProps, StickyButtonProps, FeedbackButtonProps, ExtractButtonProps, LockButtonProps, UnlockButtonProps, MinimizeButtonProps, MaximizeButtonProps, RestoreButtonProps, CloseButtonProps, FrameLoadingAnimationProps, UseCaptionEditorOptions, UseEditableCaptionOptions, AboveWindowProps, BelowWindowProps, AboveTabsProps, BelowTabsProps, BeforeTabsProps, AfterTabsProps, WindowContentOverlayProps };
+export default GroupElementCreationWrapper;