suada-components 1.13.2 → 1.13.4

package/dist/components/index.esm.js

@@ -1,4 +1,4 @@
-export { A as AudioPlayer, k as Badge, h as Breadcrumb, B as Button, e as Checkbox, j as ColorPicker, p as ColumnNavigation, C as CourseCard, c as CustomSwitcher, m as CustomTooltip, d as DatePicker, w as DrawerTips, D as DropDown, G as GridActionMenu, L as Loader, N as NavigationBar, f as Pagination, P as PhoneCountryCode, n as PiPProvider, R as RadioButton, x as RangeSlider, S as SearchInput, o as SplashScreen, q as StatusIndicator, t as TabNavigation, s as TabPanel, b as ThemeProvider, i as Tile, l as TooltipHeight, T as TranslationProvider, U as Uploader, V as VideoPlayer, v as activeTabClassName, u as usePiP } from './index-CbPCmqe8.esm.js';
+export { A as AudioPlayer, k as Badge, h as Breadcrumb, B as Button, e as Checkbox, j as ColorPicker, p as ColumnNavigation, C as CourseCard, c as CustomSwitcher, m as CustomTooltip, d as DatePicker, w as DrawerTips, D as DropDown, G as GridActionMenu, L as Loader, N as NavigationBar, f as Pagination, P as PhoneCountryCode, n as PiPProvider, R as RadioButton, x as RangeSlider, S as SearchInput, o as SplashScreen, q as StatusIndicator, t as TabNavigation, s as TabPanel, b as ThemeProvider, i as Tile, l as TooltipHeight, T as TranslationProvider, U as Uploader, V as VideoPlayer, v as activeTabClassName, u as usePiP } from './index-BhLinqT5.esm.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'react-transition-group';

package/dist/components/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cermzsm7.js');
+var index = require('./index-CKyWHAG8.js');
 require('react/jsx-runtime');
 require('react');
 require('react-transition-group');

package/dist/icons/NotesIcon.d.ts

@@ -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/icons/components/VideoPlayer/Controls/Controls.interface.d.ts

@@ -36,4 +36,5 @@ export interface ControlsProps {
     downloadFileName?: string;
     onDownload?: () => void;
     showPictureInPicture?: boolean;
+    onAddNote?: () => void;
 }

package/dist/icons/components/VideoPlayer/Controls/Controls.styles.d.ts

@@ -32,4 +32,7 @@ export declare const StyledPlayPauseIconContainer: import("styled-components/dis
 export declare const StyledRewindIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
     ref?: import("react").Ref<HTMLDivElement>;
 }, never>> & string;
+export declare const StyledNotesIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}, never>> & string;
 export {};

package/dist/icons/components/VideoPlayer/NoteEditModal.d.ts

@@ -0,0 +1,17 @@
+import { ReactElement } from 'react';
+import { Note } from './Player.interface';
+interface NoteEditModalProps {
+    isFullscreen?: boolean;
+    note: Note;
+    notePosition: number;
+    alignment: 'left' | 'center' | 'right';
+    editingTitle: string;
+    editingContent: string;
+    onTitleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onContentChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    onCancel: () => void;
+    onDelete: () => void;
+    onSave: () => void;
+}
+declare const NoteEditModal: ({ editingTitle, editingContent, onTitleChange, onContentChange, onCancel, onDelete, onSave, }: NoteEditModalProps) => ReactElement;
+export default NoteEditModal;

package/dist/icons/components/VideoPlayer/Player.d.ts

@@ -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/icons/components/VideoPlayer/Player.interface.d.ts

@@ -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/icons/components/VideoPlayer/Player.styles.d.ts

@@ -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/icons/icons/NotesIcon.d.ts

@@ -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/icons/icons/index.d.ts

@@ -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';

package/dist/icons/index.d.ts

@@ -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';