@whereby.com/browser-sdk 3.26.6 → 3.27.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cdn/v3-react.js +2 -2
- package/dist/react/index.cjs +6 -6
- package/dist/react/index.d.ts +4 -1
- package/dist/react/index.esm.js +6 -6
- package/package.json +2 -2
package/dist/react/index.cjs
CHANGED
|
@@ -172,7 +172,7 @@ const VideoView = React__namespace.forwardRef((_a, ref) => {
|
|
|
172
172
|
});
|
|
173
173
|
VideoView.displayName = "VideoView";
|
|
174
174
|
|
|
175
|
-
const browserSdkVersion = "3.
|
|
175
|
+
const browserSdkVersion = "3.27.0";
|
|
176
176
|
|
|
177
177
|
const initialState$1 = {
|
|
178
178
|
chatMessages: [],
|
|
@@ -2273,7 +2273,7 @@ function renderCellView({ cellView, enableParticipantMenu, render }) {
|
|
|
2273
2273
|
enableParticipantMenu ? React__namespace.createElement(DefaultParticipantMenu, { participant: participant }) : null)))));
|
|
2274
2274
|
}
|
|
2275
2275
|
}
|
|
2276
|
-
function Grid({ renderParticipant, renderFloatingParticipant, stageParticipantLimit, gridGap, videoGridGap, enableSubgrid, enableParticipantMenu, enableConstrainedGrid, }) {
|
|
2276
|
+
function Grid({ renderParticipant, renderSubgridParticipant, renderFloatingParticipant, stageParticipantLimit, gridGap, videoGridGap, enableSubgrid, enableParticipantMenu, enableConstrainedGrid, }) {
|
|
2277
2277
|
const gridRef = React__namespace.useRef(null);
|
|
2278
2278
|
const { containerFrame, cellViewsFloating, cellViewsVideoGrid, cellViewsInPresentationGrid, cellViewsInSubgrid, clientAspectRatios, videoStage, setContainerBounds, setClientAspectRatios, maximizedParticipant, setMaximizedParticipant, isConstrained, floatingParticipant, setFloatingParticipant, } = useGrid({
|
|
2279
2279
|
activeVideosSubgridTrigger: 12,
|
|
@@ -2295,10 +2295,10 @@ function Grid({ renderParticipant, renderFloatingParticipant, stageParticipantLi
|
|
|
2295
2295
|
enableParticipantMenu }, (renderParticipant ? { render: ({ participant }) => renderParticipant({ participant }) } : {})))), [cellViewsInPresentationGrid]);
|
|
2296
2296
|
const gridContent = React__namespace.useMemo(() => cellViewsVideoGrid.map((cellView) => renderCellView(Object.assign({ cellView,
|
|
2297
2297
|
enableParticipantMenu }, (renderParticipant ? { render: ({ participant }) => renderParticipant({ participant }) } : {})))), [cellViewsVideoGrid]);
|
|
2298
|
-
const subgridContent = React__namespace.useMemo(() => cellViewsInSubgrid.map((cellView) => renderCellView({
|
|
2299
|
-
|
|
2300
|
-
|
|
2301
|
-
|
|
2298
|
+
const subgridContent = React__namespace.useMemo(() => cellViewsInSubgrid.map((cellView) => renderCellView(Object.assign({ cellView,
|
|
2299
|
+
enableParticipantMenu }, (renderSubgridParticipant
|
|
2300
|
+
? { render: ({ participant }) => renderSubgridParticipant({ participant }) }
|
|
2301
|
+
: {})))), [cellViewsInSubgrid]);
|
|
2302
2302
|
React__namespace.useEffect(() => {
|
|
2303
2303
|
if (!gridRef.current) {
|
|
2304
2304
|
return;
|
package/dist/react/index.d.ts
CHANGED
|
@@ -122,6 +122,9 @@ interface GridProps {
|
|
|
122
122
|
renderParticipant?: ({ participant }: {
|
|
123
123
|
participant: ClientView;
|
|
124
124
|
}) => React.ReactNode;
|
|
125
|
+
renderSubgridParticipant?: ({ participant }: {
|
|
126
|
+
participant: ClientView;
|
|
127
|
+
}) => React.ReactNode;
|
|
125
128
|
renderFloatingParticipant?: ({ participant }: {
|
|
126
129
|
participant: ClientView;
|
|
127
130
|
}) => React.ReactNode;
|
|
@@ -132,7 +135,7 @@ interface GridProps {
|
|
|
132
135
|
enableParticipantMenu?: boolean;
|
|
133
136
|
enableConstrainedGrid?: boolean;
|
|
134
137
|
}
|
|
135
|
-
declare function Grid({ renderParticipant, renderFloatingParticipant, stageParticipantLimit, gridGap, videoGridGap, enableSubgrid, enableParticipantMenu, enableConstrainedGrid, }: GridProps): React.JSX.Element;
|
|
138
|
+
declare function Grid({ renderParticipant, renderSubgridParticipant, renderFloatingParticipant, stageParticipantLimit, gridGap, videoGridGap, enableSubgrid, enableParticipantMenu, enableConstrainedGrid, }: GridProps): React.JSX.Element;
|
|
136
139
|
|
|
137
140
|
declare const ParticipantMenu: (props: PopoverProps) => React.JSX.Element;
|
|
138
141
|
declare const ParticipantMenuContent: React.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_popover.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
package/dist/react/index.esm.js
CHANGED
|
@@ -151,7 +151,7 @@ const VideoView = React.forwardRef((_a, ref) => {
|
|
|
151
151
|
});
|
|
152
152
|
VideoView.displayName = "VideoView";
|
|
153
153
|
|
|
154
|
-
const browserSdkVersion = "3.
|
|
154
|
+
const browserSdkVersion = "3.27.0";
|
|
155
155
|
|
|
156
156
|
const initialState$1 = {
|
|
157
157
|
chatMessages: [],
|
|
@@ -2252,7 +2252,7 @@ function renderCellView({ cellView, enableParticipantMenu, render }) {
|
|
|
2252
2252
|
enableParticipantMenu ? React.createElement(DefaultParticipantMenu, { participant: participant }) : null)))));
|
|
2253
2253
|
}
|
|
2254
2254
|
}
|
|
2255
|
-
function Grid({ renderParticipant, renderFloatingParticipant, stageParticipantLimit, gridGap, videoGridGap, enableSubgrid, enableParticipantMenu, enableConstrainedGrid, }) {
|
|
2255
|
+
function Grid({ renderParticipant, renderSubgridParticipant, renderFloatingParticipant, stageParticipantLimit, gridGap, videoGridGap, enableSubgrid, enableParticipantMenu, enableConstrainedGrid, }) {
|
|
2256
2256
|
const gridRef = React.useRef(null);
|
|
2257
2257
|
const { containerFrame, cellViewsFloating, cellViewsVideoGrid, cellViewsInPresentationGrid, cellViewsInSubgrid, clientAspectRatios, videoStage, setContainerBounds, setClientAspectRatios, maximizedParticipant, setMaximizedParticipant, isConstrained, floatingParticipant, setFloatingParticipant, } = useGrid({
|
|
2258
2258
|
activeVideosSubgridTrigger: 12,
|
|
@@ -2274,10 +2274,10 @@ function Grid({ renderParticipant, renderFloatingParticipant, stageParticipantLi
|
|
|
2274
2274
|
enableParticipantMenu }, (renderParticipant ? { render: ({ participant }) => renderParticipant({ participant }) } : {})))), [cellViewsInPresentationGrid]);
|
|
2275
2275
|
const gridContent = React.useMemo(() => cellViewsVideoGrid.map((cellView) => renderCellView(Object.assign({ cellView,
|
|
2276
2276
|
enableParticipantMenu }, (renderParticipant ? { render: ({ participant }) => renderParticipant({ participant }) } : {})))), [cellViewsVideoGrid]);
|
|
2277
|
-
const subgridContent = React.useMemo(() => cellViewsInSubgrid.map((cellView) => renderCellView({
|
|
2278
|
-
|
|
2279
|
-
|
|
2280
|
-
|
|
2277
|
+
const subgridContent = React.useMemo(() => cellViewsInSubgrid.map((cellView) => renderCellView(Object.assign({ cellView,
|
|
2278
|
+
enableParticipantMenu }, (renderSubgridParticipant
|
|
2279
|
+
? { render: ({ participant }) => renderSubgridParticipant({ participant }) }
|
|
2280
|
+
: {})))), [cellViewsInSubgrid]);
|
|
2281
2281
|
React.useEffect(() => {
|
|
2282
2282
|
if (!gridRef.current) {
|
|
2283
2283
|
return;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@whereby.com/browser-sdk",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.27.0",
|
|
4
4
|
"description": "Modules for integration Whereby video in web apps",
|
|
5
5
|
"author": "Whereby AS",
|
|
6
6
|
"license": "MIT",
|
|
@@ -74,7 +74,7 @@
|
|
|
74
74
|
"dependencies": {
|
|
75
75
|
"@radix-ui/react-popover": "^1.0.7",
|
|
76
76
|
"@whereby.com/media": "9.4.0",
|
|
77
|
-
"@whereby.com/core": "1.16.
|
|
77
|
+
"@whereby.com/core": "1.16.3",
|
|
78
78
|
"clsx": "^2.1.1",
|
|
79
79
|
"heresy": "^1.0.4",
|
|
80
80
|
"runes": "^0.4.3"
|