@100mslive/react-sdk 0.0.4 → 0.0.5-alpha.3

package/dist/hooks/HmsRoomProvider.d.ts

@@ -1,10 +1,14 @@
 import React from 'react';
-import { HMSStore, HMSActions, HMSNotification, HMSNotifications, HMSStatsStore, HMSStats, HMSStoreWrapper } from '@100mslive/hms-video-store';
+import { HMSStore, HMSActions, HMSNotification, HMSNotifications, HMSStatsStore, IStoreReadOnly, HMSStats, HMSStoreWrapper } from '@100mslive/hms-video-store';
+import { EqualityChecker, StateSelector } from 'zustand';
+export interface IHMSReactStore<S extends HMSStore | HMSStatsStore> extends IStoreReadOnly<S> {
+    <U>(selector: StateSelector<S, U>, equalityFn?: EqualityChecker<U>): U;
+}
 export interface HMSRoomProviderProps {
     actions?: HMSActions;
     store?: HMSStoreWrapper;
     notifications?: HMSNotifications;
-    webrtcInternals?: HMSStats;
+    stats?: HMSStats;
     isHMSStatsOn?: boolean;
 }
 export declare const HMSRoomProvider: React.FC<HMSRoomProviderProps>;
@@ -12,8 +16,8 @@ export declare const HMSRoomProvider: React.FC<HMSRoomProviderProps>;
  * `useHMSStore` is a read only hook which can be passed a selector to read data.
  * The hook can only be used in a component if HMSRoomProvider is present in its ancestors.
  */
-export declare const useHMSStore: <StateSlice>(selector: import("zustand").StateSelector<HMSStore, StateSlice>, equalityFn?: import("zustand").EqualityChecker<StateSlice>) => StateSlice;
-export declare const useHMSStatsStore: <StateSlice>(selector: import("zustand").StateSelector<HMSStatsStore, StateSlice>, equalityFn?: import("zustand").EqualityChecker<StateSlice>) => StateSlice | undefined;
+export declare const useHMSStore: <StateSlice>(selector: StateSelector<HMSStore, StateSlice>, equalityFn?: EqualityChecker<StateSlice>) => StateSlice;
+export declare const useHMSStatsStore: <StateSlice>(selector: StateSelector<HMSStatsStore, StateSlice>, equalityFn?: EqualityChecker<StateSlice>) => StateSlice | undefined;
 /**
  * `useHMSVanillaStore` is a read only hook which returns the vanilla HMSStore.
  * Usage:
@@ -32,3 +36,4 @@ export declare const useHMSActions: () => HMSActions;
  * `useHMSNotifications` is a read only hook which gives the latest notification(HMSNotification) received.
  */
 export declare const useHMSNotifications: () => HMSNotification | null;
+export declare const useIsHMSStatsOn: () => boolean;

package/dist/hooks/useVideoList.d.ts

@@ -4,14 +4,15 @@ interface UseVideoListProps {
     /**
      * Max tiles in a  page. Overrides maxRowCount and maxColCount
      */
-    maxTileCount: number;
-    maxRowCount: number;
-    maxColCount: number;
-    width: number;
-    height: number;
+    maxTileCount?: number;
+    maxRowCount?: number;
+    maxColCount?: number;
     showScreenFn?: (peer: HMSPeer) => boolean;
     peers: HMSPeer[];
     overflow?: 'scroll-x' | 'scroll-y' | 'hidden';
+    /**
+     * Aspect ratio of VideoTiles
+     */
     aspectRatio?: {
         width: number;
         height: number;
@@ -22,10 +23,11 @@ interface UseVideoListProps {
      */
     filterNonPublishingPeers?: boolean;
 }
-export declare const useVideoList: ({ maxTileCount, maxColCount, maxRowCount, width, height, showScreenFn, peers, overflow, aspectRatio, filterNonPublishingPeers, }: UseVideoListProps) => {
+export declare const useVideoList: ({ maxTileCount, maxColCount, maxRowCount, showScreenFn, peers, overflow, aspectRatio, filterNonPublishingPeers, }: UseVideoListProps) => {
     chunkedTracksWithPeer: (TrackWithPeer & {
         width: number;
         height: number;
     })[][];
+    ref: React.MutableRefObject<any>;
 };
 export {};