suada-components 1.2.0 → 1.3.0

package/dist/components/index.esm.js

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

package/dist/icons/DownloadIcon.js

@@ -23,8 +23,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 export var DownloadIcon = forwardRef(function (_a, ref) {
-    var className = _a.className, onClick = _a.onClick, props = __rest(_a, ["className", "onClick"]);
-    return (_jsxs("svg", __assign({ ref: ref, width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, onClick: onClick }, props, { children: [_jsx("path", { d: 'M19.5 18V21H4.5V18H3V21C3 21.3978 3.15804 21.7794 3.43934 22.0607C3.72064 22.342 4.10218 22.5 4.5 22.5H19.5C19.8978 22.5 20.2794 22.342 20.5607 22.0607C20.842 21.7794 21 21.3978 21 21V18H19.5Z', fill: '#020210' }), _jsx("path", { d: 'M19.5 10.5L18.4425 9.4425L12.75 15.1275V1.5H11.25V15.1275L5.5575 9.4425L4.5 10.5L12 18L19.5 10.5Z', fill: '#020210' })] })));
+    var className = _a.className, onClick = _a.onClick, _b = _a.fill, fill = _b === void 0 ? '#FFFFFF' : _b, props = __rest(_a, ["className", "onClick", "fill"]);
+    return (_jsxs("svg", __assign({ ref: ref, width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, onClick: onClick }, props, { children: [_jsx("path", { d: 'M19.5 18V21H4.5V18H3V21C3 21.3978 3.15804 21.7794 3.43934 22.0607C3.72064 22.342 4.10218 22.5 4.5 22.5H19.5C19.8978 22.5 20.2794 22.342 20.5607 22.0607C20.842 21.7794 21 21.3978 21 21V18H19.5Z', fill: fill }), _jsx("path", { d: 'M19.5 10.5L18.4425 9.4425L12.75 15.1275V1.5H11.25V15.1275L5.5575 9.4425L4.5 10.5L12 18L19.5 10.5Z', fill: fill })] })));
 });
 DownloadIcon.displayName = 'DownloadIcon';
 //# sourceMappingURL=DownloadIcon.js.map

package/dist/icons/DownloadIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"DownloadIcon.js","sourceRoot":"","sources":["../../src/icons/DownloadIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,MAAM,CAAC,IAAM,YAAY,GAAG,UAAU,CACpC,UAAC,EAAgC,EAAE,GAAG;IAAnC,IAAA,SAAS,eAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAA9B,wBAAgC,CAAF;IAC7B,OAAO,CACL,wBACE,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,KAAK,eAET,eACE,CAAC,EAAC,kMAAkM,EACpM,IAAI,EAAC,SAAS,GACd,EACF,eACE,CAAC,EAAC,mGAAmG,EACrG,IAAI,EAAC,SAAS,GACd,KACE,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA"}
+{"version":3,"file":"DownloadIcon.js","sourceRoot":"","sources":["../../src/icons/DownloadIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,MAAM,CAAC,IAAM,YAAY,GAAG,UAAU,CACpC,UAAC,EAAkD,EAAE,GAAG;IAArD,IAAA,SAAS,eAAA,EAAE,OAAO,aAAA,EAAE,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAAK,KAAK,cAAhD,gCAAkD,CAAF;IAC/C,OAAO,CACL,wBACE,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,KAAK,eAET,eACE,CAAC,EAAC,kMAAkM,EACpM,IAAI,EAAE,IAAI,GACV,EACF,eACE,CAAC,EAAC,mGAAmG,EACrG,IAAI,EAAE,IAAI,GACV,KACE,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA"}

package/dist/icons/components/Pagination/Pagination.d.ts

@@ -1,3 +1,3 @@
 import { ReactElement } from 'react';
 import { IPaginationV2Props } from './pagination.interface';
-export declare const Pagination: ({ currentPage, totalPages, handleChange, perPage, handlePerPageChange, }: IPaginationV2Props) => ReactElement;
+export declare const Pagination: ({ currentPage, totalPages, handleChange, perPage, themeColor, handlePerPageChange, }: IPaginationV2Props) => ReactElement;

package/dist/icons/components/Pagination/pagination.interface.d.ts

@@ -4,6 +4,7 @@ export interface IPaginationV2Props {
     currentPage: number;
     totalPages: number;
     perPage?: number;
+    themeColor?: string;
     handleChange: (event: ChangeEvent<unknown>, value: number) => void;
     handlePerPageChange?: (event: SelectChangeEvent<number>, child: ReactNode) => void;
 }

package/dist/icons/components/Pagination/styled-components.d.ts

@@ -1 +1,3 @@
-export declare const PaginationWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PaginationWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $themeColor?: string;
+}>> & string;

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

@@ -29,4 +29,8 @@ export interface ControlsProps {
     isNextVideo?: boolean;
     isPreviousVideo?: boolean;
     showFavorite?: boolean;
+    showDownload?: boolean;
+    downloadUrl?: string;
+    downloadFileName?: string;
+    onDownload?: () => void;
 }

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

@@ -9,6 +9,7 @@ export declare const StyledControllerLeft: import("styled-components/dist/types"
 export declare const StyledControllerRight: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledTimeTrack: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledHeartIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledDownloadIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledSubtitlesIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledFullscreenIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledVolumeIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -1,3 +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, }: 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, }: PlayerProps) => ReactElement;
+export default VideoPlayer;

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

@@ -1,4 +1,4 @@
-import React, { RefObject } from 'react';
+import React, { Dispatch, RefObject, SetStateAction } from 'react';
 import ReactPlayer from 'react-player';
 import { ControlsProps } from './Controls/Controls.interface';
 export interface VideoState {
@@ -30,6 +30,10 @@ export interface PlayerProps {
     showFavorite?: boolean;
     isFavorite?: boolean;
     toggleFavorite?: () => Promise<void>;
+    showDownload?: boolean;
+    downloadUrl?: string;
+    downloadFileName?: string;
+    onDownload?: () => void;
 }
 export interface UsePlayerControlsProps {
     startTime?: number;
@@ -59,5 +63,6 @@ export interface UsePlayerControlsState extends Omit<ControlsProps, 'isFavorite'
     isFullscreen: boolean;
     isControlsActive: boolean;
     currentSubtitle: string;
+    setCurrentSubtitle: Dispatch<SetStateAction<string>>;
 }
 export {};

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

@@ -6,3 +6,5 @@ export declare const StyledControlsContainer: import("styled-components/dist/typ
 export declare const StyledSubtitles: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $controls: boolean;
 }>> & 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);

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

@@ -0,0 +1,12 @@
+import ReactPlayer from 'react-player';
+interface UseHLSSubtitlesProps {
+    videoPlayerRef: React.RefObject<ReactPlayer | null>;
+    isSubtitlesChecked: boolean;
+    setCurrentSubtitle: (subtitle: string) => void;
+}
+interface UseHLSSubtitlesReturn {
+    extractHLSSubtitleText: () => void;
+    setupHLSSubtitleTracking: () => void;
+}
+export declare const useHLSSubtitles: ({ videoPlayerRef, isSubtitlesChecked, setCurrentSubtitle, }: UseHLSSubtitlesProps) => UseHLSSubtitlesReturn;
+export {};

package/dist/icons/index.esm.js

@@ -2703,7 +2703,9 @@ DocumentAttachment.displayName = 'DocumentAttachment';
 var DownloadIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
   var className = _a.className,
     onClick = _a.onClick,
-    props = __rest(_a, ["className", "onClick"]);
+    _b = _a.fill,
+    fill = _b === void 0 ? '#FFFFFF' : _b,
+    props = __rest(_a, ["className", "onClick", "fill"]);
   return jsxRuntimeExports.jsxs("svg", __assign({
     ref: ref,
     width: '24',
@@ -2716,10 +2718,10 @@ var DownloadIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
   }, props, {
     children: [jsxRuntimeExports.jsx("path", {
       d: 'M19.5 18V21H4.5V18H3V21C3 21.3978 3.15804 21.7794 3.43934 22.0607C3.72064 22.342 4.10218 22.5 4.5 22.5H19.5C19.8978 22.5 20.2794 22.342 20.5607 22.0607C20.842 21.7794 21 21.3978 21 21V18H19.5Z',
-      fill: '#020210'
+      fill: fill
     }), jsxRuntimeExports.jsx("path", {
       d: 'M19.5 10.5L18.4425 9.4425L12.75 15.1275V1.5H11.25V15.1275L5.5575 9.4425L4.5 10.5L12 18L19.5 10.5Z',
-      fill: '#020210'
+      fill: fill
     })]
   }));
 });

package/dist/main.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,aAAa,CAAA;AACpB,OAAO,GAAG,MAAM,UAAU,CAAA;AAE1B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAEtC,UAAU,CAAC,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAE,CAAC,CAAC,MAAM,CACjD,KAAC,UAAU,cACT,KAAC,aAAa,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,YAC/B,KAAC,GAAG,KAAG,GACO,GACL,CACd,CAAA"}
+{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,aAAa,CAAA;AACpB,OAAO,GAAG,MAAM,UAAU,CAAA;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAEtC,UAAU,CAAC,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAE,CAAC,CAAC,MAAM,CACjD,KAAC,UAAU,cACT,KAAC,aAAa,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,YAC/B,KAAC,GAAG,KAAG,GACO,GACL,CACd,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "suada-components",
   "private": false,
-  "version": "1.2.0",
+  "version": "1.3.0",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",