@stream-io/video-react-sdk 1.2.7 → 1.2.9

package/dist/src/components/Button/TextButton.d.ts

@@ -1,2 +1,2 @@
 import { ComponentProps } from 'react';
-export declare const TextButton: ({ children, ...rest }: Omit<ComponentProps<'button'>, 'ref' | 'className'>) => import("react/jsx-runtime").JSX.Element;
+export declare const TextButton: ({ children, ...rest }: Omit<ComponentProps<"button">, "ref" | "className">) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/CallControls/RecordCallButton.d.ts

@@ -2,6 +2,6 @@ export type RecordCallButtonProps = {
     caption?: string;
 };
 export declare const RecordCallConfirmationButton: ({ caption, }: {
-    caption?: string | undefined;
+    caption?: string;
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const RecordCallButton: ({ caption }: RecordCallButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/DeviceSettings/DeviceSelector.d.ts

@@ -3,9 +3,9 @@ export declare const DeviceSelector: (props: {
     devices: MediaDeviceInfo[];
     icon: string;
     type: DeviceSelectorType;
-    selectedDeviceId?: string | undefined;
-    title?: string | undefined;
-    onChange?: ((deviceId: string) => void) | undefined;
-    visualType?: "list" | "dropdown" | undefined;
-    placeholder?: string | undefined;
+    selectedDeviceId?: string;
+    title?: string;
+    onChange?: (deviceId: string) => void;
+    visualType?: "list" | "dropdown";
+    placeholder?: string;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/DropdownSelect/DropdownSelect.d.ts

@@ -6,7 +6,7 @@ export type DropDownSelectOptionProps = {
 };
 export declare const DropDownSelectOption: (props: DropDownSelectOptionProps) => import("react/jsx-runtime").JSX.Element;
 export declare const DropDownSelect: (props: {
-    icon?: string | undefined;
+    icon?: string;
     defaultSelectedLabel: string;
     defaultSelectedIndex: number;
     handleSelect: (index: number) => void;

package/dist/src/components/Menu/GenericMenu.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps, MouseEvent, PropsWithChildren } from 'react';
 export declare const GenericMenu: ({ children, onItemClick, }: PropsWithChildren<{
-    onItemClick?: ((e: MouseEvent) => void) | undefined;
+    onItemClick?: (e: MouseEvent) => void;
 }>) => import("react/jsx-runtime").JSX.Element;
-export declare const GenericMenuButtonItem: ({ children, ...rest }: Omit<ComponentProps<'button'>, 'ref'>) => import("react/jsx-runtime").JSX.Element;
+export declare const GenericMenuButtonItem: ({ children, ...rest }: Omit<ComponentProps<"button">, "ref">) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Tooltip/hooks/useEnterLeaveHandlers.d.ts

@@ -1,5 +1,5 @@
 import { MouseEventHandler } from 'react';
-export declare const useEnterLeaveHandlers: <T extends HTMLElement>({ onMouseEnter, onMouseLeave, }?: Partial<Record<'onMouseEnter' | 'onMouseLeave', MouseEventHandler<T>>>) => {
+export declare const useEnterLeaveHandlers: <T extends HTMLElement>({ onMouseEnter, onMouseLeave, }?: Partial<Record<"onMouseEnter" | "onMouseLeave", MouseEventHandler<T>>>) => {
     handleMouseEnter: MouseEventHandler<T>;
     handleMouseLeave: MouseEventHandler<T>;
     tooltipVisible: boolean;

package/dist/src/core/components/ParticipantView/DefaultParticipantViewUI.d.ts

@@ -20,5 +20,5 @@ export type DefaultParticipantViewUIProps = {
 };
 export declare const DefaultScreenShareOverlay: () => import("react/jsx-runtime").JSX.Element;
 export declare const DefaultParticipantViewUI: ({ indicatorsVisible, menuPlacement, showMenuButton, ParticipantActionsContextMenu, }: DefaultParticipantViewUIProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ParticipantDetails: ({ indicatorsVisible, }: Pick<DefaultParticipantViewUIProps, 'indicatorsVisible'>) => import("react/jsx-runtime").JSX.Element;
+export declare const ParticipantDetails: ({ indicatorsVisible, }: Pick<DefaultParticipantViewUIProps, "indicatorsVisible">) => import("react/jsx-runtime").JSX.Element;
 export declare const SpeechIndicator: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/core/components/ParticipantView/ParticipantView.d.ts

@@ -47,19 +47,19 @@ export declare const ParticipantView: import("react").ForwardRefExoticComponent<
      * pass `null` if you wish to not render anything
      * @default DefaultParticipantViewUI
      */
-    ParticipantViewUI?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | ComponentType | null | undefined;
+    ParticipantViewUI?: ComponentType | ReactElement | null;
     /**
      * The kind of video stream to play for the given participant.
      * The default value is `videoTrack`.
      * You can use `none` if you're building an audio-only call.
      */
-    trackType?: "none" | VideoTrackType | undefined;
+    trackType?: VideoTrackType | "none";
     /**
      * This prop is only useful for advanced use-cases (for example, building your own layout).
      * When set to `true` it will mute the give participant's audio stream on the client side.
      * The local participant is always muted.
      */
-    muteAudio?: boolean | undefined;
+    muteAudio?: boolean;
     /**
      * An object with set functions meant for exposing the video
      * and video placeholder elements to the integrators.
@@ -67,9 +67,9 @@ export declare const ParticipantView: import("react").ForwardRefExoticComponent<
      * - `refs.setVideoElement`
      * - `refs.setVideoPlaceholderElement`
      */
-    refs?: VideoProps['refs'];
+    refs?: VideoProps["refs"];
     /**
      * Custom class applied to the root DOM element.
      */
-    className?: string | undefined;
+    className?: string;
 } & Pick<VideoProps, "VideoPlaceholder"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/src/core/components/ParticipantView/ParticipantViewContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ParticipantViewProps } from './ParticipantView';
 export type ParticipantViewContextValue = Required<Pick<ParticipantViewProps, 'participant' | 'trackType'>> & {
     participantViewElement?: HTMLDivElement | null;

package/dist/src/core/components/StreamCall/StreamCall.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const StreamCall: (props: import("react").PropsWithChildren<import("@stream-io/video-react-bindings").StreamCallProviderProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/src/core/hooks/useCalculateHardLimit.d.ts

@@ -1,4 +1,4 @@
-export declare const useCalculateHardLimit: (wrapperElement: HTMLDivElement | null, hostElement: HTMLDivElement | null, limit?: 'dynamic' | number) => {
+export declare const useCalculateHardLimit: (wrapperElement: HTMLDivElement | null, hostElement: HTMLDivElement | null, limit?: "dynamic" | number) => {
     vertical: number | null;
     horizontal: number | null;
 };

package/dist/src/core/hooks/useTrackElementVisibility.d.ts

@@ -2,6 +2,6 @@ import { DynascaleManager, VideoTrackType } from '@stream-io/video-client';
 export declare const useTrackElementVisibility: <T extends HTMLElement>({ trackedElement, dynascaleManager: propsDynascaleManager, sessionId, trackType, }: {
     trackedElement: T | null;
     sessionId: string;
-    dynascaleManager?: DynascaleManager | undefined;
-    trackType: VideoTrackType | 'none';
+    dynascaleManager?: DynascaleManager;
+    trackType: VideoTrackType | "none";
 }) => void;

package/dist/src/hooks/useFloatingUIPreset.d.ts

@@ -1,7 +1,5 @@
-/// <reference types="react" />
 import type { UseFloatingOptions } from '@floating-ui/react';
-import { offset } from '@floating-ui/react';
-export declare const useFloatingUIPreset: ({ middleware, placement, strategy, offset: offsetInPx, }: Pick<UseFloatingOptions, 'placement' | 'strategy' | 'middleware'> & {
+export declare const useFloatingUIPreset: ({ middleware, placement, strategy, offset: offsetInPx, }: Pick<UseFloatingOptions, "placement" | "strategy" | "middleware"> & {
     offset?: number;
 }) => {
     refs: {
@@ -25,7 +23,7 @@ export declare const useFloatingUIPreset: ({ middleware, placement, strategy, of
         update: () => void;
         floatingStyles: import("react").CSSProperties;
         open: boolean;
-        onOpenChange: (open: boolean, event?: Event | undefined, reason?: import("@floating-ui/react").OpenChangeReason | undefined) => void;
+        onOpenChange: (open: boolean, event?: Event, reason?: import("@floating-ui/react").OpenChangeReason) => void;
         events: import("@floating-ui/react").FloatingEvents;
         dataRef: import("react").MutableRefObject<import("@floating-ui/react").ContextData>;
         nodeId: string | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stream-io/video-react-sdk",
-  "version": "1.2.7",
+  "version": "1.2.9",
   "packageManager": "yarn@3.2.4",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.es.js",
@@ -29,9 +29,9 @@
   ],
   "dependencies": {
     "@floating-ui/react": "^0.26.5",
-    "@stream-io/video-client": "1.4.2",
+    "@stream-io/video-client": "1.4.3",
     "@stream-io/video-filters-web": "0.1.2",
-    "@stream-io/video-react-bindings": "0.4.46",
+    "@stream-io/video-react-bindings": "0.4.47",
     "chart.js": "^4.4.1",
     "clsx": "^2.0.0",
     "react-chartjs-2": "^5.2.0"
@@ -47,8 +47,8 @@
     "@stream-io/video-styling": "^1.0.4",
     "@types/react": "^18.3.2",
     "react": "^18.3.1",
-    "rimraf": "^5.0.5",
+    "rimraf": "^5.0.7",
     "rollup": "^3.29.4",
-    "typescript": "^5.4.3"
+    "typescript": "^5.5.2"
   }
 }

package/src/components/Menu/MenuToggle.tsx

@@ -110,6 +110,7 @@ export const MenuToggle = <E extends HTMLElement>({
 
     const handleKeyDown = (event: KeyboardEvent) => {
       if (
+        event.key && // key can be undefined in some browsers
         event.key.toLowerCase() === 'escape' &&
         !event.altKey &&
         !event.ctrlKey