@fraku/video 0.1.33 → 0.1.34

package/dist/pages/MainSessionPage/ButtonsDock/types.d.ts

@@ -0,0 +1,7 @@
+export type DockItem = {
+    component: JSX.Element;
+    mobileComponent?: JSX.Element;
+    group: number;
+    key: string;
+    show: boolean;
+};

package/dist/pages/MainSessionPage/ButtonsDock/useButtonsDockController.d.ts

@@ -0,0 +1,9 @@
+import { Menu } from 'primereact/menu';
+import { DockItem } from './types';
+
+export declare const useButtonsDockController: () => {
+    dockItems: DockItem[];
+    audioMenuOptionsRef: import('react').RefObject<Menu>;
+    videoMenuOptionsRef: import('react').RefObject<Menu>;
+    micMenuOptionsRef: import('react').RefObject<Menu>;
+};

package/dist/pages/MainSessionPage/ButtonsDock/useDockOverflow.d.ts

@@ -0,0 +1,35 @@
+import { DockItem } from './types';
+import { MenuItem, MenuItemOptions } from 'primereact/menuitem';
+
+/**
+ * Custom hook to manage the overflow behavior of dock items in a button dock.
+ *
+ * Observes the width of the buttons group container of the dock and determines which items can
+ * be displayed and which should be moved to an overflow menu, based on available space.
+ *
+ * @param dockItems - Array of `DockItem` objects representing the items to be displayed in the dock.
+ *
+ * @returns An object containing:
+ * - `dockRef`: Ref to the dock container element.
+ * - `visibleItems`: Array of dock items that are currently visible in the dock.
+ * - `overflowMenuItems`: Array of menu items to be displayed in the overflow menu.
+ *
+ * @remarks
+ * - Only dock items with `group === 2` and `show === true` are considered for display.
+ * - The hook automatically updates the visible and overflow items when the dock container is resized.
+ *
+ * @example
+ * const { dockRef, visibleItems, overflowMenuItems } = useDockOverflow({ dockItems });
+ */
+export declare const useDockOverflow: ({ dockItems }: {
+    dockItems: DockItem[];
+}) => {
+    dockRef: import('react').RefObject<HTMLDivElement>;
+    visibleItems: DockItem[];
+    overflowMenuItems: {
+        id: string;
+        label: any;
+        command: () => void;
+        template: (menuActionItem: MenuItem, options: MenuItemOptions) => import("react/jsx-runtime").JSX.Element;
+    }[];
+};

package/dist/pages/MainSessionPage/ParticipantsList/ParticipantsList.d.ts

@@ -0,0 +1,7 @@
+import { Participant } from '@zoom/videosdk';
+
+type Props = {
+    users: Participant[];
+};
+declare const ParticipantsList: ({ users }: Props) => import("react/jsx-runtime").JSX.Element;
+export default ParticipantsList;

package/dist/pages/MainSessionPage/ParticipantsList/UserListView.d.ts

@@ -0,0 +1,26 @@
+import { RefObject } from 'react';
+import { Participant } from '@zoom/videosdk';
+import { Menu } from 'primereact/menu';
+
+type UserListViewProps = {
+    can: {
+        changeUserRole: boolean;
+        toggleUserAudio: boolean;
+        toggleUserVideo: boolean;
+    };
+    columnHeader: string;
+    currentUserId: number;
+    filteredUsers: Participant[];
+    filter: string;
+    handleMakeHost: () => Promise<void>;
+    handleMakeManager: () => Promise<void>;
+    handleRevokeManager: () => Promise<void>;
+    handleToggleParticipantMic: (p: Participant) => Promise<void>;
+    isManager: boolean;
+    loading: boolean;
+    setFilter: ReactSetter<string>;
+    setSelectedUser: ReactSetter<Participant | null>;
+    userMenuRef: RefObject<Menu>;
+};
+declare const UserListView: ({ can, columnHeader, currentUserId, filteredUsers, filter, handleMakeHost, handleMakeManager, handleRevokeManager, handleToggleParticipantMic, isManager, loading, setFilter, setSelectedUser, userMenuRef }: UserListViewProps) => import("react/jsx-runtime").JSX.Element;
+export default UserListView;

package/dist/pages/MainSessionPage/ParticipantsList/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ParticipantsList';

package/dist/pages/MainSessionPage/ParticipantsList/tests/UserList.test.d.ts

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

package/dist/pages/MainSessionPage/ParticipantsList/tests/UserListView.test.d.ts

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

package/dist/pages/MainSessionPage/ParticipantsList/useUserListController.d.ts

@@ -0,0 +1,23 @@
+import { Participant } from '@zoom/videosdk';
+import { Menu } from 'primereact/menu';
+
+declare const useUserListController: (users: Participant[]) => {
+    can: {
+        changeUserRole: boolean;
+        toggleUserAudio: boolean;
+        toggleUserVideo: boolean;
+    };
+    currentUserId: number;
+    filteredUsers: Participant[];
+    filter: string;
+    handleMakeHost: () => Promise<void>;
+    handleMakeManager: () => Promise<void>;
+    handleRevokeManager: () => Promise<void>;
+    handleToggleParticipantMic: (p: Participant) => Promise<void>;
+    isManager: boolean;
+    loading: boolean;
+    setFilter: import('react').Dispatch<import('react').SetStateAction<string>>;
+    setSelectedUser: import('react').Dispatch<import('react').SetStateAction<Participant | null>>;
+    userMenuRef: import('react').RefObject<Menu>;
+};
+export default useUserListController;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fraku/video",
   "private": false,
-  "version": "0.1.33",
+  "version": "0.1.34",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -72,6 +72,7 @@
     "@typescript-eslint/eslint-plugin": "^6.14.0",
     "@typescript-eslint/parser": "^6.14.0",
     "@vitejs/plugin-react": "^4.3.4",
+    "@vitest/coverage-v8": "^4.0.16",
     "@vitest/ui": "^4.0.16",
     "autoprefixer": "^10.4.22",
     "baseline-browser-mapping": "^2.9.13",