npm - suada-components - Versions diffs - 1.13.3 → 1.13.4 - Mend

suada-components 1.13.3 → 1.13.4

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 (92) hide show

package/dist/components/components/VideoPlayer/Player.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
 import { PlayerProps } from './Player.interface';
-export declare const VideoPlayer: ({ customStyles, startTime, loading, setLoading, handleTrackProgress, url, subtitle: subtitleUrl, handleNextVideo, handlePreviousVideo, isNextVideo, isPreviousVideo, isPlaying, setIsPlaying, shouldPlayerBeFocusedOnSpaceClick, showFavorite, isFavorite, toggleFavorite, showDownload, downloadUrl, downloadFileName, onDownload, showPictureInPicture, }: PlayerProps) => ReactElement;
+export declare const VideoPlayer: ({ customStyles, startTime, loading, setLoading, handleTrackProgress, url, subtitle: subtitleUrl, handleNextVideo, handlePreviousVideo, isNextVideo, isPreviousVideo, isPlaying, setIsPlaying, shouldPlayerBeFocusedOnSpaceClick, showFavorite, isFavorite, toggleFavorite, showDownload, downloadUrl, downloadFileName, onDownload, showPictureInPicture, notes, videoDuration, onNoteClick, editingNote, onNoteEdit, onNoteSave, onNoteDelete, onNoteCancelEdit, onAddNote, }: PlayerProps) => ReactElement;
 export default VideoPlayer;

package/dist/components/components/VideoPlayer/Player.interface.d.ts CHANGED Viewed

@@ -12,6 +12,19 @@ export interface VideoState {
 }
 type HandleNextVideo = () => void;
 type HandlePreviousVideo = () => void;
+export interface Note {
+    id: string;
+    title: string;
+    moment: number;
+    description?: string;
+    thumbnail?: string;
+}
+export interface NoteMarker {
+    id: string;
+    title: string;
+    moment: number;
+    position: number;
+}
 export interface PlayerProps {
     customStyles?: React.CSSProperties;
     startTime?: number;
@@ -35,6 +48,18 @@ export interface PlayerProps {
     downloadFileName?: string;
     onDownload?: () => void;
     showPictureInPicture?: boolean;
+    notes?: Note[];
+    videoDuration?: number;
+    onNoteClick?: (note: Note) => void;
+    courseId?: string;
+    moduleId?: string;
+    lessonId?: string;
+    editingNote?: Note | null;
+    onNoteEdit?: (note: Note) => void;
+    onNoteSave?: (noteId: string, title: string, content: string) => Promise<void>;
+    onNoteDelete?: (noteId: string) => Promise<void>;
+    onNoteCancelEdit?: () => void;
+    onAddNote?: () => void;
 }
 export interface UsePlayerControlsProps {
     startTime?: number;

package/dist/components/components/VideoPlayer/Player.styles.d.ts CHANGED Viewed

@@ -8,3 +8,20 @@ export declare const StyledSubtitles: import("styled-components/dist/types").ISt
 }>> & string;
 export declare const HLS_SUBTITLE_STYLES = "\n  /* Hide native HLS subtitles completely - comprehensive approach */\n  video::cue {\n    display: none !important;\n    visibility: hidden !important;\n    opacity: 0 !important;\n  }\n  \n  video::-webkit-media-text-track-display {\n    display: none !important;\n    visibility: hidden !important;\n    opacity: 0 !important;\n  }\n  \n  video::cue-region {\n    display: none !important;\n    visibility: hidden !important;\n    opacity: 0 !important;\n  }\n  \n  video::-webkit-media-text-track-container {\n    display: none !important;\n    visibility: hidden !important;\n    opacity: 0 !important;\n  }\n  \n  /* Target ReactPlayer specifically */\n  .react-player video::cue {\n    display: none !important;\n    visibility: hidden !important;\n    opacity: 0 !important;\n  }\n  \n  .react-player video::-webkit-media-text-track-display {\n    display: none !important;\n    visibility: hidden !important;\n    opacity: 0 !important;\n  }\n  \n  .react-player video::cue-region {\n    display: none !important;\n    visibility: hidden !important;\n    opacity: 0 !important;\n  }\n  \n  .react-player video::-webkit-media-text-track-container {\n    display: none !important;\n    visibility: hidden !important;\n    opacity: 0 !important;\n  }\n  \n  /* Additional selectors for different browsers */\n  video::-moz-media-text-track-display {\n    display: none !important;\n    visibility: hidden !important;\n    opacity: 0 !important;\n  }\n  \n  video::-ms-media-text-track-display {\n    display: none !important;\n    visibility: hidden !important;\n    opacity: 0 !important;\n  }\n  \n  /* Hide any subtitle overlays */\n  .react-player video + div[style*=\"position: absolute\"] {\n    display: none !important;\n  }\n  \n  /* Target HLS video player specifically */\n  .hls-video-player::cue {\n    display: none !important;\n    visibility: hidden !important;\n    opacity: 0 !important;\n  }\n  \n  .hls-video-player::-webkit-media-text-track-display {\n    display: none !important;\n    visibility: hidden !important;\n    opacity: 0 !important;\n  }\n  \n  .hls-video-player::-webkit-media-text-track-container {\n    display: none !important;\n    visibility: hidden !important;\n    opacity: 0 !important;\n  }\n  \n  .hls-video-player::cue-region {\n    display: none !important;\n    visibility: hidden !important;\n    opacity: 0 !important;\n  }\n";
 export declare const injectHLSSubtitleStyles: () => (() => void);
+export declare const StyledNoteMarkersOverlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isFullscreen?: boolean;
+}>> & string;
+export declare const StyledNoteMarker: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $position: number;
+    $isFullscreen?: boolean;
+}>> & string;
+export declare const StyledNoteTooltip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledNoteTime: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledModalOverlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isFullscreen?: boolean;
+}>> & string;
+export declare const StyledNoteModal: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isFullscreen?: boolean;
+    $position?: number;
+    $alignment?: "left" | "center" | "right";
+}>> & string;

package/dist/components/icons/NotesIcon.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import React from 'react';
+import { SvgProps } from './svgTypes.interface';
+export declare const NotesIcon: React.ForwardRefExoticComponent<Omit<SvgProps, "ref"> & React.RefAttributes<SVGSVGElement>>;

package/dist/components/icons/index.d.ts CHANGED Viewed

@@ -111,6 +111,7 @@ export { FileCopyIcon } from './FileCopyIcon';
 export { HeadsetIcon } from './HeadsetIcon';
 export { LockIcon } from './LockIcon';
 export { NotificationsOutlined } from './NotificationsOutlined';
+export { NotesIcon } from './NotesIcon';
 export { PlayCircleOutlineIcon } from './PlayCircleOutlineIcon';
 export { PlaylistPlayIcon } from './PlaylistPlayIcon';
 export { SchoolOutlinedIcon } from './SchoolOutlinedIcon';