@100mslive/roomkit-react 0.2.3 → 0.2.4-alpha.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (84) hide show
  1. package/dist/{HLSView-2BP4GO3Q.js → HLSView-5I6UAYPZ.js} +6 -6
  2. package/dist/HLSView-5I6UAYPZ.js.map +7 -0
  3. package/dist/Prebuilt/common/constants.d.ts +1 -0
  4. package/dist/Prebuilt/components/Connection/TileConnection.d.ts +2 -3
  5. package/dist/Prebuilt/components/InsetTile.d.ts +3 -1
  6. package/dist/Prebuilt/components/LayoutModeSelector.d.ts +2 -0
  7. package/dist/Prebuilt/components/MoreSettings/ChangeNameContent.d.ts +10 -0
  8. package/dist/Prebuilt/components/MoreSettings/ChangeNameModal.d.ts +5 -0
  9. package/dist/Prebuilt/components/Polls/CreatePollQuiz/PollsQuizMenu.d.ts +2 -0
  10. package/dist/Prebuilt/components/Polls/CreateQuestions/SavedQuestion.d.ts +1 -2
  11. package/dist/Prebuilt/components/Polls/common/StatusIndicator.d.ts +4 -3
  12. package/dist/Prebuilt/components/Polls/common/constants.d.ts +5 -0
  13. package/dist/Prebuilt/components/ScreenshareDisplay.d.ts +2 -0
  14. package/dist/Prebuilt/components/ScreenshareTile.d.ts +7 -0
  15. package/dist/Prebuilt/components/SecondaryTiles.d.ts +1 -1
  16. package/dist/Prebuilt/components/Settings/LayoutSettings.d.ts +11 -0
  17. package/dist/Prebuilt/components/Settings/NotificationSettings.d.ts +2 -0
  18. package/dist/Prebuilt/components/Settings/SwitchWithLabel.d.ts +10 -0
  19. package/dist/Prebuilt/components/Settings/common.d.ts +878 -0
  20. package/dist/Prebuilt/components/TileMenu/TileMenu.d.ts +14 -0
  21. package/dist/Prebuilt/components/TileMenu/TileMenuContent.d.ts +7 -7
  22. package/dist/Prebuilt/components/VideoLayouts/ProminenceLayout.d.ts +4 -2
  23. package/dist/Prebuilt/components/VideoLayouts/interface.d.ts +1 -0
  24. package/dist/Prebuilt/components/VideoTile.d.ts +19 -0
  25. package/dist/Prebuilt/components/hooks/useDropdownList.d.ts +4 -0
  26. package/dist/{chunk-G25T3EBJ.js → chunk-OGCNZHHH.js} +1328 -1097
  27. package/dist/chunk-OGCNZHHH.js.map +7 -0
  28. package/dist/index.cjs.js +1826 -1575
  29. package/dist/index.cjs.js.map +4 -4
  30. package/dist/index.js +1 -1
  31. package/dist/meta.cjs.json +458 -293
  32. package/dist/meta.esbuild.json +470 -305
  33. package/package.json +6 -6
  34. package/src/Pagination/StyledPagination.tsx +1 -0
  35. package/src/Popover/index.tsx +8 -1
  36. package/src/Prebuilt/common/constants.ts +1 -0
  37. package/src/Prebuilt/components/AppData/AppData.tsx +2 -0
  38. package/src/Prebuilt/components/AppData/useUISettings.js +1 -1
  39. package/src/Prebuilt/components/Connection/TileConnection.tsx +13 -6
  40. package/src/Prebuilt/components/HlsStatsOverlay.jsx +2 -2
  41. package/src/Prebuilt/components/InsetTile.tsx +13 -6
  42. package/src/Prebuilt/components/LayoutModeSelector.tsx +106 -0
  43. package/src/Prebuilt/components/MoreSettings/{ChangeNameContent.jsx → ChangeNameContent.tsx} +10 -2
  44. package/src/Prebuilt/components/MoreSettings/{ChangeNameModal.jsx → ChangeNameModal.tsx} +14 -5
  45. package/src/Prebuilt/components/MoreSettings/SplitComponents/DesktopOptions.tsx +2 -2
  46. package/src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx +2 -2
  47. package/src/Prebuilt/components/Notifications/Notifications.tsx +0 -1
  48. package/src/Prebuilt/components/Playlist/VideoPlayer.jsx +1 -1
  49. package/src/Prebuilt/components/Polls/CreatePollQuiz/{PollsQuizMenu.jsx → PollsQuizMenu.tsx} +54 -26
  50. package/src/Prebuilt/components/Polls/CreateQuestions/CreateQuestions.jsx +21 -31
  51. package/src/Prebuilt/components/Polls/CreateQuestions/SavedQuestion.tsx +3 -17
  52. package/src/Prebuilt/components/Polls/Voting/LeaderboardSummary.tsx +1 -1
  53. package/src/Prebuilt/components/Polls/Voting/QuestionCard.jsx +1 -10
  54. package/src/Prebuilt/components/Polls/Voting/Voting.tsx +1 -3
  55. package/src/Prebuilt/components/Polls/common/StatusIndicator.tsx +12 -3
  56. package/src/Prebuilt/components/Polls/common/constants.ts +5 -0
  57. package/src/Prebuilt/components/Preview/PreviewForm.tsx +2 -2
  58. package/src/Prebuilt/components/PreviousRoleInMetadata.tsx +1 -1
  59. package/src/Prebuilt/components/{ScreenshareTile.jsx → ScreenshareTile.tsx} +39 -6
  60. package/src/Prebuilt/components/SecondaryTiles.tsx +36 -4
  61. package/src/Prebuilt/components/Settings/DeviceSettings.jsx +1 -1
  62. package/src/Prebuilt/components/Settings/{LayoutSettings.jsx → LayoutSettings.tsx} +58 -14
  63. package/src/Prebuilt/components/Settings/{NotificationSettings.jsx → NotificationSettings.tsx} +14 -3
  64. package/src/Prebuilt/components/Settings/SettingsModal.jsx +32 -6
  65. package/src/Prebuilt/components/Settings/{SwitchWithLabel.jsx → SwitchWithLabel.tsx} +15 -1
  66. package/src/Prebuilt/components/Settings/common.ts +16 -0
  67. package/src/Prebuilt/components/TileMenu/{TileMenu.jsx → TileMenu.tsx} +12 -4
  68. package/src/Prebuilt/components/TileMenu/TileMenuContent.tsx +12 -10
  69. package/src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx +29 -14
  70. package/src/Prebuilt/components/VideoLayouts/RoleProminence.tsx +12 -2
  71. package/src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx +20 -5
  72. package/src/Prebuilt/components/VideoLayouts/interface.ts +1 -0
  73. package/src/Prebuilt/components/{VideoTile.jsx → VideoTile.tsx} +57 -44
  74. package/src/Prebuilt/components/VirtualBackground/VBPicker.tsx +2 -2
  75. package/src/Prebuilt/components/hooks/{useDropdownList.jsx → useDropdownList.ts} +2 -1
  76. package/src/Prebuilt/components/pdfAnnotator/shareScreenOptions.jsx +1 -1
  77. package/src/Prebuilt/layouts/HLSView.jsx +2 -2
  78. package/src/Prebuilt/layouts/SidePane.tsx +8 -4
  79. package/src/Prebuilt/layouts/VideoStreamingSection.tsx +1 -1
  80. package/src/VideoTile/StyledVideoTile.tsx +4 -4
  81. package/dist/HLSView-2BP4GO3Q.js.map +0 -7
  82. package/dist/chunk-G25T3EBJ.js.map +0 -7
  83. package/src/Prebuilt/components/Settings/common.js +0 -41
  84. /package/src/Prebuilt/components/{ScreenshareDisplay.jsx → ScreenshareDisplay.tsx} +0 -0
@@ -0,0 +1,14 @@
1
+ import React from 'react';
2
+ /**
3
+ * Taking peerID as peer won't necesarilly have tracks
4
+ */
5
+ declare const TileMenu: ({ audioTrackID, videoTrackID, peerID, isScreenshare, canMinimise, enableSpotlightingPeer, }: {
6
+ audioTrackID: string;
7
+ videoTrackID: string;
8
+ peerID: string;
9
+ isScreenshare?: boolean | undefined;
10
+ canMinimise?: boolean | undefined;
11
+ enableSpotlightingPeer?: boolean | undefined;
12
+ }) => React.JSX.Element | null;
13
+ export { isSameTile } from './TileMenuContent';
14
+ export default TileMenu;
@@ -2,9 +2,9 @@ import React from 'react';
2
2
  import { HMSTrackID } from '@100mslive/react-sdk';
3
3
  export declare const isSameTile: ({ trackId, videoTrackID, audioTrackID, }: {
4
4
  trackId: HMSTrackID;
5
- videoTrackID: string;
6
- audioTrackID: string;
7
- }) => boolean | "";
5
+ videoTrackID?: string | undefined;
6
+ audioTrackID?: string | undefined;
7
+ }) => boolean;
8
8
  export declare const TileMenuContent: ({ videoTrackID, audioTrackID, isLocal, isScreenshare, showSpotlight, showPinAction, peerID, canMinimise, closeSheetOnClick, openNameChangeModal, }: {
9
9
  videoTrackID: string;
10
10
  audioTrackID: string;
@@ -13,7 +13,7 @@ export declare const TileMenuContent: ({ videoTrackID, audioTrackID, isLocal, is
13
13
  showSpotlight: boolean;
14
14
  showPinAction: boolean;
15
15
  peerID: string;
16
- canMinimise: boolean;
17
- closeSheetOnClick: () => void;
18
- openNameChangeModal: () => void;
19
- }) => false | React.JSX.Element;
16
+ canMinimise?: boolean | undefined;
17
+ closeSheetOnClick?: (() => void) | undefined;
18
+ openNameChangeModal?: (() => void) | undefined;
19
+ }) => React.JSX.Element | null;
@@ -2,14 +2,16 @@ import React from 'react';
2
2
  import { TrackWithPeerAndDimensions } from '@100mslive/react-sdk';
3
3
  import { CSS } from '../../../Theme';
4
4
  export declare const ProminenceLayout: {
5
- Root: ({ children, edgeToEdge }: React.PropsWithChildren<{
5
+ Root: ({ children, edgeToEdge, hasSidebar, }: React.PropsWithChildren<{
6
6
  edgeToEdge?: boolean | undefined;
7
+ hasSidebar?: boolean | undefined;
7
8
  }>) => React.JSX.Element;
8
9
  ProminentSection: ({ children, css }: React.PropsWithChildren<{
9
10
  css?: CSS | undefined;
10
11
  }>) => React.JSX.Element;
11
- SecondarySection: ({ tiles, children, edgeToEdge, }: React.PropsWithChildren<{
12
+ SecondarySection: ({ tiles, children, edgeToEdge, hasSidebar, }: React.PropsWithChildren<{
12
13
  tiles: TrackWithPeerAndDimensions[];
13
14
  edgeToEdge?: boolean | undefined;
15
+ hasSidebar?: boolean | undefined;
14
16
  }>) => React.JSX.Element | null;
15
17
  };
@@ -3,6 +3,7 @@ export interface LayoutProps {
3
3
  isInsetEnabled?: boolean;
4
4
  edgeToEdge?: boolean;
5
5
  prominentRoles?: string[];
6
+ hasSidebar?: boolean;
6
7
  peers: HMSPeer[];
7
8
  onPageChange?: (page: number) => void;
8
9
  onPageSize?: (size: number) => void;
@@ -0,0 +1,19 @@
1
+ import React from 'react';
2
+ import { CSS } from '../../Theme';
3
+ declare const VideoTile: React.MemoExoticComponent<({ peerId, trackId, width, height, objectFit, canMinimise, isDragabble, rootCSS, containerCSS, enableSpotlightingPeer, hideParticipantNameOnTile, roundedVideoTile, hideAudioMuteOnTile, hideMetadataOnTile, }: {
4
+ peerId?: string | undefined;
5
+ trackId?: string | undefined;
6
+ width?: string | number | undefined;
7
+ height?: string | number | undefined;
8
+ objectFit?: string | undefined;
9
+ canMinimise?: boolean | undefined;
10
+ isDragabble?: boolean | undefined;
11
+ rootCSS?: CSS | undefined;
12
+ containerCSS?: CSS | undefined;
13
+ enableSpotlightingPeer?: boolean | undefined;
14
+ hideParticipantNameOnTile?: boolean | undefined;
15
+ roundedVideoTile?: boolean | undefined;
16
+ hideAudioMuteOnTile?: boolean | undefined;
17
+ hideMetadataOnTile?: boolean | undefined;
18
+ }) => React.JSX.Element>;
19
+ export default VideoTile;
@@ -0,0 +1,4 @@
1
+ export declare const useDropdownList: ({ name, open }: {
2
+ name: string;
3
+ open: boolean;
4
+ }) => void;