@interopio/groups-ui-react 2.7.0 → 2.7.1

package/dist/esm/tests/buttons/BaseButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/tests/buttons/CloneButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/tests/buttons/CloseButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/tests/buttons/CustomButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/tests/buttons/ExtractButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/tests/buttons/FeedbackButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/tests/buttons/LockButtons.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/tests/buttons/MaximizeButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/tests/buttons/MinimizeButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/tests/buttons/OverflowButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/tests/buttons/RestoreButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/tests/buttons/StickyButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/tests/buttons/UnlockButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/tests/captionEditor/CaptionEditor.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/tests/channelSelector/BaseChannelSelector.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/tests/flatCaptionBar/FlatCaptionBar.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/tests/groupCaptionBar/GroupCaptionBar.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/tests/htmlButtonBar/HtmlButtonBar.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/tests/popups/TabOverflowPopup.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/tests/tabs/Tab.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { Bounds, ButtonProps, Location, OverflowedTabInfo, ToggleButtonProps } from "./internal";
+import { Bounds, ButtonProps, Location, OverflowedTabInfo, StylesOptions, ToggleButtonProps } from "./internal";
 import { CustomButtonProps } from "./defaultComponents";
 export interface ChannelProps {
     visible: boolean;
@@ -171,6 +171,15 @@ export interface GroupProps {
             Buttons?: React.ComponentType<HtmlButtonsProps>;
         };
     };
+    styles?: {
+        tabs?: {
+            header?: StylesOptions;
+            moveArea?: StylesOptions;
+        };
+        frame?: {
+            element?: StylesOptions;
+        };
+    };
 }
 export interface MoveAreaProps {
     elementId: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Bounds, ButtonProps, TargetType, ToggleButtonProps } from "./internal";
 export interface CaptionEditorProps {
     targetId: string;

package/dist/esm/types/internal.d.ts

@@ -1,4 +1,8 @@
 import React from "react";
+declare type NonMethodKeys<T> = ({
+    [P in keyof T]: T[P] extends Function ? never : P;
+})[keyof T];
+declare type NonMethods<T> = Pick<T, NonMethodKeys<T>>;
 export interface PortalProps {
     parentElement: HTMLElement;
     children?: React.ReactNode;
@@ -58,6 +62,15 @@ export interface GroupWrapperProps {
     onHideCaptionEditorRequested?: (targetType: TargetType, targetId: string) => void;
     onShowLoadingAnimationRequested?: (targetType: TargetType, targetId: string) => void;
     onHideLoadingAnimationRequested?: (targetType: TargetType, targetId: string) => void;
+    styles?: {
+        tabs?: {
+            header?: StylesOptions;
+            moveArea?: StylesOptions;
+        };
+        frame?: {
+            element?: StylesOptions;
+        };
+    };
 }
 export interface CreateGroupCaptionBarRequestOptions extends CreateElementRequestOptions {
     moveAreaId: string;
@@ -310,6 +323,9 @@ export interface ExternalLibraryFactory {
     onCaptionEditorVisibleChanged(targetType: TargetType, targetId: string, visible: boolean): void;
     onCaptionEditorBoundsChanged(targetType: TargetType, targetId: string, bounds: Bounds): void;
     commitCaptionEditing(targetType: TargetType, targetId: string, text: string): void;
+    updateTabHeaderStyles(styles: StylesOptions): void;
+    updateTabMoveAreaStyles(styles: StylesOptions): void;
+    updateFrameStyles(styles: StylesOptions): void;
     selectTab(windowId: string): void;
     openTabOverflowPopup(frameId: string, location: Location): void;
     addTabContainerClass(windowId: string, className: string): void;
@@ -333,5 +349,10 @@ export interface Location {
     left: number;
     top: number;
 }
+export interface StylesOptions {
+    css?: Partial<NonMethods<CSSStyleDeclaration>>;
+    classes?: string[];
+}
 export interface Bounds extends Size, Location {
 }
+export {};

package/dist/esm/webGroupsManager.d.ts

@@ -1,4 +1,4 @@
-import { Bounds, Location, TargetType } from "./types/internal";
+import { Bounds, Location, StylesOptions, TargetType } from "./types/internal";
 declare class WebGroupsManagerDecorator {
     private readonly registry;
     readonly skipFocusStyle = "t42-skip-focus";
@@ -35,6 +35,9 @@ declare class WebGroupsManagerDecorator {
     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;

package/package.json

@@ -1,38 +1,36 @@
 {
     "name": "@interopio/groups-ui-react",
-    "version": "2.7.0",
+    "version": "2.7.1",
     "description": "React library for building a Web Group App for io.Connect Desktop.",
+    "keywords": [
+        "interop",
+        "interop.io",
+        "desktop",
+        "groups",
+        "react"
+    ],
+    "homepage": "https://interop.io/",
+    "repository": "https://github.com/InteropIO/groups-ui-react",
+    "license": "MIT",
     "author": {
         "name": "interop.io",
         "url": "https://interop.io/"
     },
-    "license": "MIT",
     "main": "dist/cjs/index.js",
     "module": "dist/esm/index.js",
     "source": "src/index.tsx",
-    "homepage": "https://interop.io/",
-    "repository": "https://github.com/InteropIO/groups-ui-react",
-    "engines": {
-        "node": ">=10"
-    },
-    "keywords": [
-        "interop",
-        "interop.io",
-        "desktop",
-        "groups",
-        "react"
+    "files": [
+        "dist"
     ],
     "scripts": {
         "build": "rollup -c ./rollup.config.js",
+        "test": "jest",
         "bundle:css": "node ./scripts/bundlecss.js",
         "prepublishOnly": "npm run build",
         "preversion": "npm run build",
         "version": "npm run build",
         "clean": "rimraf ./node_modules/react && rimraf ./node_modules/react-dom && rimraf ./node_modules/@interopio/react-hooks"
     },
-    "publishConfig": {
-        "access": "public"
-    },
     "dependencies": {
         "@interopio/theme": "2.1.32",
         "callback-registry": "^2.7.2",
@@ -40,16 +38,16 @@
         "overlayscrollbars": "^2.8.3",
         "use-sync-external-store": "^1.2.0"
     },
-    "peerDependencies": {
-        "@interopio/react-hooks": "^3.0.2",
-        "react": ">=16.8.0",
-        "react-dom": ">=16.8.0"
-    },
     "devDependencies": {
         "@rollup/plugin-commonjs": "^15.1.0",
         "@rollup/plugin-node-resolve": "^9.0.0",
         "@rollup/plugin-typescript": "^6.0.0",
         "@svgr/rollup": "^6.2.1",
+        "@swc/jest": "^0.2.37",
+        "@testing-library/jest-dom": "^6.2.0",
+        "@testing-library/react": "^16.0.1",
+        "@testing-library/user-event": "^14.4.3",
+        "@types/jest": "^29.2.4",
         "@types/node": "^12.12.38",
         "@types/react": "^18.0.9",
         "@types/react-dom": "^18.0.4",
@@ -68,6 +66,8 @@
         "eslint-plugin-promise": "^4.2.1",
         "eslint-plugin-react": "^7.17.0",
         "eslint-plugin-standard": "^4.0.1",
+        "jest": "^29.7.0",
+        "jest-environment-jsdom": "^29.7.0",
         "npm-run-all": "^4.1.5",
         "postcss": "^8.4.29",
         "postcss-import": "^15.1.0",
@@ -81,7 +81,15 @@
         "rollup-plugin-typescript2": "^0.29.0",
         "typescript": "^3.7.5"
     },
-    "files": [
-        "dist"
-    ]
-}
+    "peerDependencies": {
+        "@interopio/react-hooks": "^3.0.2",
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+    },
+    "engines": {
+        "node": ">=10"
+    },
+    "publishConfig": {
+        "access": "public"
+    }
+}

package/dist/cjs/useGDWindow.d.ts

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

package/dist/esm/useGDWindow.d.ts

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