@whereby.com/browser-sdk 3.26.7 → 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.
Files changed (5) hide show
  1. package/dist/cdn/v3-react.js +1 -1
  2. package/dist/react/index.cjs +6 -6
  3. package/dist/react/index.d.ts +4 -1
  4. package/dist/react/index.esm.js +6 -6
  5. 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.26.7";
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
- cellView,
2300
- enableParticipantMenu,
2301
- })), [cellViewsInSubgrid]);
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.26.7";
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
- cellView,
2279
- enableParticipantMenu,
2280
- })), [cellViewsInSubgrid]);
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.26.7",
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",
@@ -66,8 +66,8 @@
66
66
  "eslint-plugin-storybook": "9.0.16",
67
67
  "@storybook/addon-docs": "^9.0.16",
68
68
  "@whereby.com/eslint-config": "0.1.0",
69
- "@whereby.com/prettier-config": "0.1.0",
70
69
  "@whereby.com/jest-config": "0.1.0",
70
+ "@whereby.com/prettier-config": "0.1.0",
71
71
  "@whereby.com/rollup-config": "0.1.1",
72
72
  "@whereby.com/tsconfig": "0.1.0"
73
73
  },