suada-components 1.2.1 → 1.3.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.
- package/dist/components/Button/Button.js +1 -1
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/{DailyMotion-C87ZJeRt.js → DailyMotion-BRR94A6R.js} +1 -1
- package/dist/components/{DailyMotion-DbDeP0dq.esm.js → DailyMotion-fTfJbAKR.esm.js} +1 -1
- package/dist/components/{Facebook-DigX8u_u.js → Facebook-BYAo-2rH.js} +1 -1
- package/dist/components/{Facebook-B1XpGyBt.esm.js → Facebook-g8siL1GN.esm.js} +1 -1
- package/dist/components/{FilePlayer-BSL_U8r8.esm.js → FilePlayer--e_TvukB.esm.js} +1 -1
- package/dist/components/{FilePlayer-BTuFK59w.js → FilePlayer-CBlW9Z-Z.js} +1 -1
- package/dist/components/{Kaltura-DAkp5nY0.esm.js → Kaltura-CgG6fwG2.esm.js} +1 -1
- package/dist/components/{Kaltura-CKV92aVd.js → Kaltura-Cw4p4d7w.js} +1 -1
- package/dist/components/{Mixcloud-CtWhrXiZ.esm.js → Mixcloud-1pcndu_p.esm.js} +1 -1
- package/dist/components/{Mixcloud-CAgtZPq5.js → Mixcloud-FU7dfnB-.js} +1 -1
- package/dist/components/{Mux-BRYGMFV_.js → Mux-CFgk1TgE.js} +1 -1
- package/dist/components/{Mux-C0xOzOps.esm.js → Mux-bOE4IGCQ.esm.js} +1 -1
- package/dist/components/Pagination/Pagination.d.ts +1 -1
- package/dist/components/Pagination/Pagination.js +2 -2
- package/dist/components/Pagination/Pagination.js.map +1 -1
- package/dist/components/Pagination/Pagination.stories.js +2 -0
- package/dist/components/Pagination/Pagination.stories.js.map +1 -1
- package/dist/components/Pagination/pagination.interface.d.ts +1 -0
- package/dist/components/Pagination/styled-components.d.ts +3 -1
- package/dist/components/Pagination/styled-components.js +7 -1
- package/dist/components/Pagination/styled-components.js.map +1 -1
- package/dist/components/{Preview-DSBoVsm9.js → Preview-CFFnVBFk.js} +1 -1
- package/dist/components/{Preview-Crcz-S0c.esm.js → Preview-ZZ8yCxMr.esm.js} +1 -1
- package/dist/components/{SoundCloud-BC8iiobM.esm.js → SoundCloud-1OvUzexh.esm.js} +1 -1
- package/dist/components/{SoundCloud-1V8ahw7A.js → SoundCloud-BsdovEa4.js} +1 -1
- package/dist/components/{Streamable-BhhnBO_c.js → Streamable-C18bUmk1.js} +1 -1
- package/dist/components/{Streamable-CGxErYVF.esm.js → Streamable-DkZbzMhq.esm.js} +1 -1
- package/dist/components/{Twitch-E9YQS4X8.js → Twitch-BwMnK2K5.js} +1 -1
- package/dist/components/{Twitch-8quL43Fw.esm.js → Twitch-CAR5VDqo.esm.js} +1 -1
- package/dist/components/VideoPlayer/Controls/Controls.interface.d.ts +4 -0
- package/dist/components/VideoPlayer/Controls/Controls.js +87 -4
- package/dist/components/VideoPlayer/Controls/Controls.js.map +1 -1
- package/dist/components/VideoPlayer/Controls/Controls.styles.d.ts +1 -0
- package/dist/components/VideoPlayer/Controls/Controls.styles.js +6 -5
- package/dist/components/VideoPlayer/Controls/Controls.styles.js.map +1 -1
- package/dist/components/VideoPlayer/Player.d.ts +1 -1
- package/dist/components/VideoPlayer/Player.interface.d.ts +4 -0
- package/dist/components/VideoPlayer/Player.js +3 -3
- package/dist/components/VideoPlayer/Player.js.map +1 -1
- package/dist/components/VideoPlayer/VideoPlayer.stories.d.ts +3 -0
- package/dist/components/VideoPlayer/VideoPlayer.stories.js +35 -0
- package/dist/components/VideoPlayer/VideoPlayer.stories.js.map +1 -1
- package/dist/components/{Vidyard-DsG0WHnh.esm.js → Vidyard-Dj__VHEu.esm.js} +1 -1
- package/dist/components/{Vidyard-B3v7M2i3.js → Vidyard-DjdEjiba.js} +1 -1
- package/dist/components/{Vimeo-ddQ8CMRR.js → Vimeo-B2sdU2eb.js} +1 -1
- package/dist/components/{Vimeo-CXKbdxkV.esm.js → Vimeo-B6eklZts.esm.js} +1 -1
- package/dist/components/{Wistia-B93lpDSs.js → Wistia-D8WmgJRA.js} +1 -1
- package/dist/components/{Wistia-CJDzE0TP.esm.js → Wistia-T3lTN9f9.esm.js} +1 -1
- package/dist/components/{YouTube-631v_AIH.js → YouTube-DpQU6ZH9.js} +1 -1
- package/dist/components/{YouTube-CdjuPIIO.esm.js → YouTube-DvS99YSi.esm.js} +1 -1
- package/dist/components/components/Pagination/Pagination.d.ts +1 -1
- package/dist/components/components/Pagination/pagination.interface.d.ts +1 -0
- package/dist/components/components/Pagination/styled-components.d.ts +3 -1
- package/dist/components/components/VideoPlayer/Controls/Controls.interface.d.ts +4 -0
- package/dist/components/components/VideoPlayer/Controls/Controls.styles.d.ts +1 -0
- package/dist/components/components/VideoPlayer/Player.d.ts +1 -1
- package/dist/components/components/VideoPlayer/Player.interface.d.ts +4 -0
- package/dist/components/{index-CyUx723z.esm.js → index-C_u0zRwP.esm.js} +107 -31
- package/dist/components/{index-Ciqeqnts.js → index-D4JJ3W7g.js} +107 -31
- package/dist/components/index.esm.js +1 -1
- package/dist/icons/DownloadIcon.js +2 -2
- package/dist/icons/DownloadIcon.js.map +1 -1
- package/dist/icons/components/Pagination/Pagination.d.ts +1 -1
- package/dist/icons/components/Pagination/pagination.interface.d.ts +1 -0
- package/dist/icons/components/Pagination/styled-components.d.ts +3 -1
- package/dist/icons/components/VideoPlayer/Controls/Controls.interface.d.ts +4 -0
- package/dist/icons/components/VideoPlayer/Controls/Controls.styles.d.ts +1 -0
- package/dist/icons/components/VideoPlayer/Player.d.ts +1 -1
- package/dist/icons/components/VideoPlayer/Player.interface.d.ts +4 -0
- package/dist/icons/index.esm.js +5 -3
- package/dist/main.js.map +1 -1
- package/package.json +1 -1
|
@@ -3,6 +3,6 @@ import { HtmlButtonTypeEnum } from './Button.interface';
|
|
|
3
3
|
import { StyledButton } from './Button.styles';
|
|
4
4
|
export var Button = function (_a) {
|
|
5
5
|
var type = _a.type, size = _a.size, label = _a.label, iconLeft = _a.iconLeft, iconRight = _a.iconRight, disabled = _a.disabled, customStyles = _a.customStyles, onClick = _a.onClick, _b = _a.htmlType, htmlType = _b === void 0 ? HtmlButtonTypeEnum.BUTTON : _b, className = _a.className;
|
|
6
|
-
return (_jsxs(StyledButton, { "$type": type, "$size": size, disabled: !!disabled, style: customStyles, onClick: onClick, type: htmlType, className: className, children: [iconLeft, label, iconRight] }));
|
|
6
|
+
return (_jsxs(StyledButton, { "$type": type, "$size": size, disabled: !!disabled, style: customStyles, onClick: onClick, type: htmlType, className: "".concat(className, " button-theme-color"), children: [iconLeft, label, iconRight] }));
|
|
7
7
|
};
|
|
8
8
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";AACA,OAAO,EAAe,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAE9C,MAAM,CAAC,IAAM,MAAM,GAAG,UAAC,EAWT;QAVZ,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,OAAO,aAAA,EACP,gBAAoC,EAApC,QAAQ,mBAAG,kBAAkB,CAAC,MAAM,KAAA,EACpC,SAAS,eAAA;IAET,OAAO,CACL,MAAC,YAAY,aACJ,IAAI,WACJ,IAAI,EACX,QAAQ,EAAE,CAAC,CAAC,QAAQ,EACpB,KAAK,EAAE,YAAY,EACnB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,QAAQ,EACd,SAAS,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";AACA,OAAO,EAAe,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAE9C,MAAM,CAAC,IAAM,MAAM,GAAG,UAAC,EAWT;QAVZ,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,OAAO,aAAA,EACP,gBAAoC,EAApC,QAAQ,mBAAG,kBAAkB,CAAC,MAAM,KAAA,EACpC,SAAS,eAAA;IAET,OAAO,CACL,MAAC,YAAY,aACJ,IAAI,WACJ,IAAI,EACX,QAAQ,EAAE,CAAC,CAAC,QAAQ,EACpB,KAAK,EAAE,YAAY,EACnB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,QAAQ,EACd,SAAS,EAAE,UAAG,SAAS,wBAAqB,aAE3C,QAAQ,EACR,KAAK,EACL,SAAS,IACG,CAChB,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-
|
|
1
|
+
import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-C_u0zRwP.esm.js';
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
|
|
4
4
|
function _mergeNamespaces(n, m) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-
|
|
1
|
+
import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-C_u0zRwP.esm.js';
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
|
|
4
4
|
function _mergeNamespaces(n, m) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-
|
|
1
|
+
import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-C_u0zRwP.esm.js';
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
|
|
4
4
|
function _mergeNamespaces(n, m) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-
|
|
1
|
+
import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-C_u0zRwP.esm.js';
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
|
|
4
4
|
function _mergeNamespaces(n, m) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-
|
|
1
|
+
import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-C_u0zRwP.esm.js';
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
|
|
4
4
|
function _mergeNamespaces(n, m) {
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
2
|
import { IPaginationV2Props } from './pagination.interface';
|
|
3
|
-
export declare const Pagination: ({ currentPage, totalPages, handleChange, perPage, handlePerPageChange, }: IPaginationV2Props) => ReactElement;
|
|
3
|
+
export declare const Pagination: ({ currentPage, totalPages, handleChange, perPage, themeColor, handlePerPageChange, }: IPaginationV2Props) => ReactElement;
|
|
@@ -3,8 +3,8 @@ import { Pagination as MUIPagination } from '@mui/material';
|
|
|
3
3
|
import { Select } from '@mui/material';
|
|
4
4
|
import { PaginationWrapper } from './styled-components';
|
|
5
5
|
export var Pagination = function (_a) {
|
|
6
|
-
var currentPage = _a.currentPage, totalPages = _a.totalPages, handleChange = _a.handleChange, perPage = _a.perPage, handlePerPageChange = _a.handlePerPageChange;
|
|
7
|
-
return (_jsxs(PaginationWrapper, { children: [perPage && (_jsxs(Select, { variant: 'standard', native: true, value: perPage, onChange: handlePerPageChange, inputProps: {
|
|
6
|
+
var currentPage = _a.currentPage, totalPages = _a.totalPages, handleChange = _a.handleChange, perPage = _a.perPage, themeColor = _a.themeColor, handlePerPageChange = _a.handlePerPageChange;
|
|
7
|
+
return (_jsxs(PaginationWrapper, { "$themeColor": themeColor, children: [perPage && (_jsxs(Select, { variant: 'standard', native: true, value: perPage, onChange: handlePerPageChange, inputProps: {
|
|
8
8
|
name: 'perPage',
|
|
9
9
|
id: 'perPage',
|
|
10
10
|
}, children: [_jsx("option", { value: 12, children: "12" }), _jsx("option", { value: 24, children: "24" }), _jsx("option", { value: 48, children: "48" })] })), _jsx(MUIPagination, { count: totalPages, shape: 'rounded', variant: 'outlined', page: currentPage, onChange: handleChange })] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAEtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,
|
|
1
|
+
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAEtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAON;QANnB,WAAW,iBAAA,EACX,UAAU,gBAAA,EACV,YAAY,kBAAA,EACZ,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,mBAAmB,yBAAA;IAEnB,OAAO,CACL,MAAC,iBAAiB,mBAAc,UAAU,aACvC,OAAO,IAAI,CACV,MAAC,MAAM,IACL,OAAO,EAAC,UAAU,EAClB,MAAM,QACN,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,mBAAmB,EAC7B,UAAU,EAAE;oBACV,IAAI,EAAE,SAAS;oBACf,EAAE,EAAE,SAAS;iBACd,aAED,iBAAQ,KAAK,EAAE,EAAE,mBAAa,EAC9B,iBAAQ,KAAK,EAAE,EAAE,mBAAa,EAC9B,iBAAQ,KAAK,EAAE,EAAE,mBAAa,IACvB,CACV,EACD,KAAC,aAAa,IACZ,KAAK,EAAE,UAAU,EACjB,KAAK,EAAC,SAAS,EACf,OAAO,EAAC,UAAU,EAClB,IAAI,EAAE,WAAW,EACjB,QAAQ,EAAE,YAAY,GACtB,IACgB,CACrB,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -16,6 +16,7 @@ var meta = {
|
|
|
16
16
|
currentPage: { control: 'number' },
|
|
17
17
|
totalPages: { control: 'number' },
|
|
18
18
|
perPage: { control: 'select', options: [12, 24, 48] },
|
|
19
|
+
themeColor: { control: 'color' },
|
|
19
20
|
handleChange: { action: 'Page Changed' },
|
|
20
21
|
handlePerPageChange: { action: 'Per Page Changed' },
|
|
21
22
|
},
|
|
@@ -23,6 +24,7 @@ var meta = {
|
|
|
23
24
|
currentPage: 1,
|
|
24
25
|
totalPages: 10,
|
|
25
26
|
perPage: 12,
|
|
27
|
+
themeColor: '#08c694',
|
|
26
28
|
},
|
|
27
29
|
};
|
|
28
30
|
export default meta;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.stories.js","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAEjD,IAAM,IAAI,GAA4B;IACpC,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,UAAU;IACrB,IAAI,EAAE,CAAC,UAAU,EAAE,YAAY,CAAC;IAChC,UAAU,EAAE;QACV,UAAA,KAAK,IAAI,OAAA,CACP,MAAC,mBAAmB,eAClB,KAAC,WAAW,KAAG,EACf,KAAC,KAAK,KAAG,IACW,CACvB,EALQ,CAKR;KACF;IACD,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,QAAQ,EAAE;QACR,WAAW,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QAClC,UAAU,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QACjC,OAAO,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE;QACrD,YAAY,EAAE,EAAE,MAAM,EAAE,cAAc,EAAE;QACxC,mBAAmB,EAAE,EAAE,MAAM,EAAE,kBAAkB,EAAE;KACpD;IACD,IAAI,EAAE;QACJ,WAAW,EAAE,CAAC;QACd,UAAU,EAAE,EAAE;QACd,OAAO,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"Pagination.stories.js","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAEjD,IAAM,IAAI,GAA4B;IACpC,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,UAAU;IACrB,IAAI,EAAE,CAAC,UAAU,EAAE,YAAY,CAAC;IAChC,UAAU,EAAE;QACV,UAAA,KAAK,IAAI,OAAA,CACP,MAAC,mBAAmB,eAClB,KAAC,WAAW,KAAG,EACf,KAAC,KAAK,KAAG,IACW,CACvB,EALQ,CAKR;KACF;IACD,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,QAAQ,EAAE;QACR,WAAW,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QAClC,UAAU,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QACjC,OAAO,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE;QACrD,UAAU,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;QAChC,YAAY,EAAE,EAAE,MAAM,EAAE,cAAc,EAAE;QACxC,mBAAmB,EAAE,EAAE,MAAM,EAAE,kBAAkB,EAAE;KACpD;IACD,IAAI,EAAE;QACJ,WAAW,EAAE,CAAC;QACd,UAAU,EAAE,EAAE;QACd,OAAO,EAAE,EAAE;QACX,UAAU,EAAE,SAAS;KACtB;CACF,CAAA;AAED,eAAe,IAAI,CAAA;AAGnB,MAAM,CAAC,IAAM,OAAO,GAAU,EAAE,CAAA"}
|
|
@@ -4,6 +4,7 @@ export interface IPaginationV2Props {
|
|
|
4
4
|
currentPage: number;
|
|
5
5
|
totalPages: number;
|
|
6
6
|
perPage?: number;
|
|
7
|
+
themeColor?: string;
|
|
7
8
|
handleChange: (event: ChangeEvent<unknown>, value: number) => void;
|
|
8
9
|
handlePerPageChange?: (event: SelectChangeEvent<number>, child: ReactNode) => void;
|
|
9
10
|
}
|
|
@@ -1 +1,3 @@
|
|
|
1
|
-
export declare const PaginationWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").
|
|
1
|
+
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>, {
|
|
2
|
+
$themeColor?: string;
|
|
3
|
+
}>> & string;
|
|
@@ -3,6 +3,12 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
3
3
|
return cooked;
|
|
4
4
|
};
|
|
5
5
|
import { styled } from 'styled-components';
|
|
6
|
-
export var PaginationWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 20px;\n font-family: 'Open Sans', sans-serif;\n font-weight: 600;\n\n .MuiPagination-ul {\n flex-wrap: nowrap;\n }\n .MuiPaginationItem-root {\n background: #ffffff;\n border: 1px solid #e7e9ed !important;\n border-radius: 4px !important;\n width: 32px !important;\n height: 32px !important;\n padding: 6px 6px !important;\n\n &:hover {\n border: 1px solid #cdccd0;\n background-color: #ffffff;\n }\n\n &.Mui-selected {\n background:
|
|
6
|
+
export var PaginationWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 20px;\n font-family: 'Open Sans', sans-serif;\n font-weight: 600;\n\n .MuiPagination-ul {\n flex-wrap: nowrap;\n }\n .MuiPaginationItem-root {\n background: #ffffff;\n border: 1px solid #e7e9ed !important;\n border-radius: 4px !important;\n width: 32px !important;\n height: 32px !important;\n padding: 6px 6px !important;\n\n &:hover {\n border: 1px solid #cdccd0;\n background-color: #ffffff;\n }\n\n &.Mui-selected {\n background: ", ";\n color: white;\n\n &:hover {\n background: ", ";\n border: none;\n }\n }\n }\n"], ["\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 20px;\n font-family: 'Open Sans', sans-serif;\n font-weight: 600;\n\n .MuiPagination-ul {\n flex-wrap: nowrap;\n }\n .MuiPaginationItem-root {\n background: #ffffff;\n border: 1px solid #e7e9ed !important;\n border-radius: 4px !important;\n width: 32px !important;\n height: 32px !important;\n padding: 6px 6px !important;\n\n &:hover {\n border: 1px solid #cdccd0;\n background-color: #ffffff;\n }\n\n &.Mui-selected {\n background: ", ";\n color: white;\n\n &:hover {\n background: ", ";\n border: none;\n }\n }\n }\n"])), function (_a) {
|
|
7
|
+
var $themeColor = _a.$themeColor;
|
|
8
|
+
return $themeColor || '#08c694';
|
|
9
|
+
}, function (_a) {
|
|
10
|
+
var $themeColor = _a.$themeColor;
|
|
11
|
+
return $themeColor || '#08c694';
|
|
12
|
+
});
|
|
7
13
|
var templateObject_1;
|
|
8
14
|
//# sourceMappingURL=styled-components.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled-components.js","sourceRoot":"","sources":["../../../src/components/Pagination/styled-components.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAE1C,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"styled-components.js","sourceRoot":"","sources":["../../../src/components/Pagination/styled-components.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAE1C,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,8uBAA0B,qjBAyBjD,EAAqD,iEAInD,EAAqD,iDAK1E,KATmB,UAAC,EAAe;QAAb,WAAW,iBAAA;IAAe,OAAA,WAAW,IAAI,SAAS;AAAxB,CAAwB,EAInD,UAAC,EAAe;QAAb,WAAW,iBAAA;IAAe,OAAA,WAAW,IAAI,SAAS;AAAxB,CAAwB,CAK1E,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-
|
|
1
|
+
import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-C_u0zRwP.esm.js';
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
|
|
4
4
|
function _mergeNamespaces(n, m) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-
|
|
1
|
+
import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-C_u0zRwP.esm.js';
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
|
|
4
4
|
function _mergeNamespaces(n, m) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-
|
|
1
|
+
import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-C_u0zRwP.esm.js';
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
|
|
4
4
|
function _mergeNamespaces(n, m) {
|
|
@@ -9,12 +9,95 @@ var __assign = (this && this.__assign) || function () {
|
|
|
9
9
|
};
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
13
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
14
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
15
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
16
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
17
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
18
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
19
|
+
});
|
|
20
|
+
};
|
|
21
|
+
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
22
|
+
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
|
|
23
|
+
return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
24
|
+
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
25
|
+
function step(op) {
|
|
26
|
+
if (f) throw new TypeError("Generator is already executing.");
|
|
27
|
+
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
28
|
+
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
29
|
+
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
30
|
+
switch (op[0]) {
|
|
31
|
+
case 0: case 1: t = op; break;
|
|
32
|
+
case 4: _.label++; return { value: op[1], done: false };
|
|
33
|
+
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
34
|
+
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
35
|
+
default:
|
|
36
|
+
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
37
|
+
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
38
|
+
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
39
|
+
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
40
|
+
if (t[2]) _.ops.pop();
|
|
41
|
+
_.trys.pop(); continue;
|
|
42
|
+
}
|
|
43
|
+
op = body.call(thisArg, _);
|
|
44
|
+
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
45
|
+
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
46
|
+
}
|
|
47
|
+
};
|
|
12
48
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
-
import { StyledControls, StyledSlider, StyledVolumeWrapper, StyledVolumeSlider, StyledControllerLeft, StyledControllerRight, StyledTimeTrack, StyledHeartIconContainer, StyledSubtitlesIconContainer, StyledFullscreenIconContainer, StyledVolumeIconContainer, StyledPlayPauseIconContainer, } from './Controls.styles';
|
|
14
|
-
import { HeartIcon, MaximizeIcon, MinimizeIcon, PauseIcon, PlayIcon, RewindIcon, SkipIcon, SubtitlesIcon, VolumeMuteIcon, VolumeUpIcon, } from '../../../icons';
|
|
49
|
+
import { StyledControls, StyledSlider, StyledVolumeWrapper, StyledVolumeSlider, StyledControllerLeft, StyledControllerRight, StyledTimeTrack, StyledHeartIconContainer, StyledSubtitlesIconContainer, StyledFullscreenIconContainer, StyledVolumeIconContainer, StyledPlayPauseIconContainer, StyledDownloadIconContainer, } from './Controls.styles';
|
|
50
|
+
import { HeartIcon, MaximizeIcon, MinimizeIcon, PauseIcon, PlayIcon, RewindIcon, SkipIcon, SubtitlesIcon, VolumeMuteIcon, VolumeUpIcon, DownloadIcon, } from '../../../icons';
|
|
15
51
|
import PlaybackSpeedMenu from '../PlaybackSpeedMenu';
|
|
16
52
|
var Controls = function (_a) {
|
|
17
|
-
var setVideoState = _a.setVideoState, playbackRate = _a.playbackRate, rewindHandler = _a.rewindHandler, playPauseHandler = _a.playPauseHandler, handleFastForward = _a.handleFastForward, formatCurrentTime = _a.formatCurrentTime, played = _a.played, onSeekMouseDownHandler = _a.onSeekMouseDownHandler, seekHandler = _a.seekHandler, seekMouseUpHandler = _a.seekMouseUpHandler, volume = _a.volume, muted = _a.muted, muteHandler = _a.muteHandler, volumeChangeHandler = _a.volumeChangeHandler, formatDuration = _a.formatDuration, handleFullScreen = _a.handleFullScreen, playing = _a.playing, isSubtitlesChecked = _a.isSubtitlesChecked, toggleSubtitlesCheck = _a.toggleSubtitlesCheck, isFavorite = _a.isFavorite, toggleIsFavorite = _a.toggleIsFavorite, isFullscreen = _a.isFullscreen, subtitle = _a.subtitle, handleSkipBackward = _a.handleSkipBackward, handleSkipForward = _a.handleSkipForward, isNextVideo = _a.isNextVideo, isPreviousVideo = _a.isPreviousVideo, showFavorite = _a.showFavorite;
|
|
53
|
+
var setVideoState = _a.setVideoState, playbackRate = _a.playbackRate, rewindHandler = _a.rewindHandler, playPauseHandler = _a.playPauseHandler, handleFastForward = _a.handleFastForward, formatCurrentTime = _a.formatCurrentTime, played = _a.played, onSeekMouseDownHandler = _a.onSeekMouseDownHandler, seekHandler = _a.seekHandler, seekMouseUpHandler = _a.seekMouseUpHandler, volume = _a.volume, muted = _a.muted, muteHandler = _a.muteHandler, volumeChangeHandler = _a.volumeChangeHandler, formatDuration = _a.formatDuration, handleFullScreen = _a.handleFullScreen, playing = _a.playing, isSubtitlesChecked = _a.isSubtitlesChecked, toggleSubtitlesCheck = _a.toggleSubtitlesCheck, isFavorite = _a.isFavorite, toggleIsFavorite = _a.toggleIsFavorite, isFullscreen = _a.isFullscreen, subtitle = _a.subtitle, handleSkipBackward = _a.handleSkipBackward, handleSkipForward = _a.handleSkipForward, isNextVideo = _a.isNextVideo, isPreviousVideo = _a.isPreviousVideo, showFavorite = _a.showFavorite, showDownload = _a.showDownload, downloadUrl = _a.downloadUrl, downloadFileName = _a.downloadFileName, onDownload = _a.onDownload;
|
|
54
|
+
var handleDownloadClick = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
55
|
+
var response, blob, blobUrl, link, error_1, link;
|
|
56
|
+
return __generator(this, function (_a) {
|
|
57
|
+
switch (_a.label) {
|
|
58
|
+
case 0:
|
|
59
|
+
if (!onDownload) return [3 /*break*/, 1];
|
|
60
|
+
onDownload();
|
|
61
|
+
return [3 /*break*/, 6];
|
|
62
|
+
case 1:
|
|
63
|
+
if (!downloadUrl) return [3 /*break*/, 6];
|
|
64
|
+
_a.label = 2;
|
|
65
|
+
case 2:
|
|
66
|
+
_a.trys.push([2, 5, , 6]);
|
|
67
|
+
return [4 /*yield*/, fetch(downloadUrl)];
|
|
68
|
+
case 3:
|
|
69
|
+
response = _a.sent();
|
|
70
|
+
if (!response.ok)
|
|
71
|
+
throw new Error('Download failed');
|
|
72
|
+
return [4 /*yield*/, response.blob()];
|
|
73
|
+
case 4:
|
|
74
|
+
blob = _a.sent();
|
|
75
|
+
blobUrl = window.URL.createObjectURL(blob);
|
|
76
|
+
link = document.createElement('a');
|
|
77
|
+
link.href = blobUrl;
|
|
78
|
+
link.download = downloadFileName || 'video-download';
|
|
79
|
+
link.style.display = 'none';
|
|
80
|
+
document.body.appendChild(link);
|
|
81
|
+
link.click();
|
|
82
|
+
document.body.removeChild(link);
|
|
83
|
+
// Clean up blob URL
|
|
84
|
+
window.URL.revokeObjectURL(blobUrl);
|
|
85
|
+
return [3 /*break*/, 6];
|
|
86
|
+
case 5:
|
|
87
|
+
error_1 = _a.sent();
|
|
88
|
+
console.error('Download failed:', error_1);
|
|
89
|
+
link = document.createElement('a');
|
|
90
|
+
link.href = downloadUrl;
|
|
91
|
+
link.download = downloadFileName || 'video-download';
|
|
92
|
+
link.style.display = 'none';
|
|
93
|
+
document.body.appendChild(link);
|
|
94
|
+
link.click();
|
|
95
|
+
document.body.removeChild(link);
|
|
96
|
+
return [3 /*break*/, 6];
|
|
97
|
+
case 6: return [2 /*return*/];
|
|
98
|
+
}
|
|
99
|
+
});
|
|
100
|
+
}); };
|
|
18
101
|
return (_jsxs(StyledControls, { children: [_jsx(StyledSlider, { type: 'range', min: 0, max: 100, value: played * 100, onMouseDown: onSeekMouseDownHandler, onChange: seekHandler, onMouseUp: seekMouseUpHandler }), _jsxs(StyledControllerLeft, { children: [_jsx(StyledPlayPauseIconContainer, { onClick: playPauseHandler, children: playing ? _jsx(PauseIcon, {}) : _jsx(PlayIcon, {}) }), _jsx(RewindIcon, { onClick: rewindHandler }), _jsx(RewindIcon, { forward: true, onClick: handleFastForward }), _jsxs(StyledVolumeWrapper, { children: [_jsx(StyledVolumeIconContainer, { onClick: muteHandler, children: muted ? _jsx(VolumeMuteIcon, {}) : _jsx(VolumeUpIcon, {}) }), _jsx(StyledVolumeSlider, { type: 'range', value: volume * 100, onChange: volumeChangeHandler })] }), _jsxs(StyledTimeTrack, { children: [formatCurrentTime, " /", formatDuration] })] }), _jsxs(StyledControllerRight, { children: [handleSkipBackward && (_jsx(SkipIcon, { onClick: function () {
|
|
19
102
|
if (!isPreviousVideo)
|
|
20
103
|
return;
|
|
@@ -23,7 +106,7 @@ var Controls = function (_a) {
|
|
|
23
106
|
if (!isNextVideo)
|
|
24
107
|
return;
|
|
25
108
|
handleSkipForward();
|
|
26
|
-
}, className: isNextVideo ? '' : 'skip-icon-disabled' })), showFavorite && (_jsx(StyledHeartIconContainer, { children: _jsx(HeartIcon, { active: isFavorite, onClick: toggleIsFavorite }) })), _jsx(PlaybackSpeedMenu, { playbackSpeed: playbackRate, onPlaybackSpeedChange: function (speed) {
|
|
109
|
+
}, className: isNextVideo ? '' : 'skip-icon-disabled' })), showFavorite && (_jsx(StyledHeartIconContainer, { children: _jsx(HeartIcon, { active: isFavorite, onClick: toggleIsFavorite }) })), showDownload && downloadUrl && (_jsx(StyledDownloadIconContainer, { children: _jsx(DownloadIcon, { onClick: handleDownloadClick }) })), _jsx(PlaybackSpeedMenu, { playbackSpeed: playbackRate, onPlaybackSpeedChange: function (speed) {
|
|
27
110
|
return setVideoState(function (prev) { return (__assign(__assign({}, prev), { playbackRate: speed })); });
|
|
28
111
|
}, customMenuWrapperStyles: {
|
|
29
112
|
position: 'unset',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Controls.js","sourceRoot":"","sources":["../../../../src/components/VideoPlayer/Controls/Controls.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Controls.js","sourceRoot":"","sources":["../../../../src/components/VideoPlayer/Controls/Controls.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,6 +9,7 @@ export declare const StyledControllerLeft: import("styled-components/dist/types"
|
|
|
9
9
|
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;
|
|
10
10
|
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;
|
|
11
11
|
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;
|
|
12
|
+
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;
|
|
12
13
|
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;
|
|
13
14
|
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;
|
|
14
15
|
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;
|
|
@@ -17,9 +17,10 @@ export var StyledControllerLeft = styled.div(templateObject_5 || (templateObject
|
|
|
17
17
|
export var StyledControllerRight = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: 16px;\n\n .skip-icon-disabled {\n cursor: default;\n\n & > path {\n fill: var(--level-dark-300);\n }\n }\n"], ["\n display: flex;\n align-items: center;\n gap: 16px;\n\n .skip-icon-disabled {\n cursor: default;\n\n & > path {\n fill: var(--level-dark-300);\n }\n }\n"])));
|
|
18
18
|
export var StyledTimeTrack = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n color: var(--neutral-colors-light);\n ", "\n text-align: right;\n white-space: nowrap;\n"], ["\n color: var(--neutral-colors-light);\n ", "\n text-align: right;\n white-space: nowrap;\n"])), { fontStyle: 'descriptor' });
|
|
19
19
|
export var StyledHeartIconContainer = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n\n & > svg > path {\n fill: var(--neutral-colors-light);\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n\n & > svg > path {\n fill: var(--neutral-colors-light);\n }\n"])));
|
|
20
|
-
export var
|
|
21
|
-
export var
|
|
22
|
-
export var
|
|
23
|
-
export var
|
|
24
|
-
var
|
|
20
|
+
export var StyledDownloadIconContainer = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n\n & > svg {\n width: 24px !important;\n height: 24px !important;\n \n @media screen and (max-width: 1500px) {\n width: 20px !important;\n height: 20px !important;\n }\n\n @media screen and (max-width: 1000px) {\n width: 16px !important;\n height: 16px !important;\n }\n }\n\n & > svg > path {\n fill: #FFFFFF !important;\n transition: fill 0.2s ease;\n }\n\n &:hover > svg > path {\n fill: #08C694 !important;\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n\n & > svg {\n width: 24px !important;\n height: 24px !important;\n \n @media screen and (max-width: 1500px) {\n width: 20px !important;\n height: 20px !important;\n }\n\n @media screen and (max-width: 1000px) {\n width: 16px !important;\n height: 16px !important;\n }\n }\n\n & > svg > path {\n fill: #FFFFFF !important;\n transition: fill 0.2s ease;\n }\n\n &:hover > svg > path {\n fill: #08C694 !important;\n }\n"])));
|
|
21
|
+
export var StyledSubtitlesIconContainer = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
|
|
22
|
+
export var StyledFullscreenIconContainer = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n"])));
|
|
23
|
+
export var StyledVolumeIconContainer = styled.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n"])));
|
|
24
|
+
export var StyledPlayPauseIconContainer = styled.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n"])));
|
|
25
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13;
|
|
25
26
|
//# sourceMappingURL=Controls.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Controls.styles.js","sourceRoot":"","sources":["../../../../src/components/VideoPlayer/Controls/Controls.styles.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,6mBAAA,+hBA4BlC,EAA2B,SAEhC,KAFK,EAAE,SAAS,EAAE,YAAY,EAAE,CAEhC,CAAA;AAMD,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,KAAK,orBAAa,uHAOrC,EAOZ,wfAwBH,KA/Be,UAAC,EAAS;QAAP,KAAK,WAAA;IACpB,OAAA,8GAG6B,KAAK,2CACV,KAAK,4CAE7B;AANA,CAMA,CAwBH,CAAA;AAED,MAAM,CAAC,IAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,wUAAA,qQAmB5C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,KAAK,6rBAAa,0EAI3C,EAOZ,8iBA0BH,KAjCe,UAAC,EAAS;QAAP,KAAK,WAAA;IACpB,OAAA,gHAG8B,KAAK,2CACX,KAAK,4CAE7B;AANA,CAMA,CA0BH,CAAA;AAED,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,+HAAA,4DAI7C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,kPAAA,+KAY9C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG,oKAAA,6CAErC,EAA2B,kDAG9B,KAHG,EAAE,SAAS,EAAE,YAAY,EAAE,CAG9B,CAAA;AAED,MAAM,CAAC,IAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,gNAAA,6IAQjD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,4BAA4B,GAAG,MAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"Controls.styles.js","sourceRoot":"","sources":["../../../../src/components/VideoPlayer/Controls/Controls.styles.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,6mBAAA,+hBA4BlC,EAA2B,SAEhC,KAFK,EAAE,SAAS,EAAE,YAAY,EAAE,CAEhC,CAAA;AAMD,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,KAAK,orBAAa,uHAOrC,EAOZ,wfAwBH,KA/Be,UAAC,EAAS;QAAP,KAAK,WAAA;IACpB,OAAA,8GAG6B,KAAK,2CACV,KAAK,4CAE7B;AANA,CAMA,CAwBH,CAAA;AAED,MAAM,CAAC,IAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,wUAAA,qQAmB5C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,KAAK,6rBAAa,0EAI3C,EAOZ,8iBA0BH,KAjCe,UAAC,EAAS;QAAP,KAAK,WAAA;IACpB,OAAA,gHAG8B,KAAK,2CACX,KAAK,4CAE7B;AANA,CAMA,CA0BH,CAAA;AAED,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,+HAAA,4DAI7C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,kPAAA,+KAY9C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG,oKAAA,6CAErC,EAA2B,kDAG9B,KAHG,EAAE,SAAS,EAAE,YAAY,EAAE,CAG9B,CAAA;AAED,MAAM,CAAC,IAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,gNAAA,6IAQjD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,2BAA2B,GAAG,MAAM,CAAC,GAAG,ynBAAA,sjBA6BpD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,4BAA4B,GAAG,MAAM,CAAC,GAAG,+IAAA,0EAIrD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,6BAA6B,GAAG,MAAM,CAAC,GAAG,mKAAA,8FAKtD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,yBAAyB,GAAG,MAAM,CAAC,GAAG,mKAAA,8FAKlD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,4BAA4B,GAAG,MAAM,CAAC,GAAG,mKAAA,8FAKrD,IAAA,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
2
|
import { PlayerProps } from './Player.interface';
|
|
3
|
-
export declare const VideoPlayer: ({ customStyles, startTime, loading, setLoading, handleTrackProgress, url, subtitle: subtitleUrl, handleNextVideo, handlePreviousVideo, isNextVideo, isPreviousVideo, isPlaying, setIsPlaying, shouldPlayerBeFocusedOnSpaceClick, showFavorite, isFavorite, toggleFavorite, }: PlayerProps) => ReactElement;
|
|
3
|
+
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;
|
|
4
4
|
export default VideoPlayer;
|
|
@@ -30,6 +30,10 @@ export interface PlayerProps {
|
|
|
30
30
|
showFavorite?: boolean;
|
|
31
31
|
isFavorite?: boolean;
|
|
32
32
|
toggleFavorite?: () => Promise<void>;
|
|
33
|
+
showDownload?: boolean;
|
|
34
|
+
downloadUrl?: string;
|
|
35
|
+
downloadFileName?: string;
|
|
36
|
+
onDownload?: () => void;
|
|
33
37
|
}
|
|
34
38
|
export interface UsePlayerControlsProps {
|
|
35
39
|
startTime?: number;
|
|
@@ -51,12 +51,12 @@ import ReactPlayer from 'react-player';
|
|
|
51
51
|
import { StyledWrapper, StyledPlayerLoader, StyledControlsContainer, StyledVideoPlayerWrapper, StyledLoader, StyledSubtitles, injectHLSSubtitleStyles, } from './Player.styles';
|
|
52
52
|
import Controls from './Controls';
|
|
53
53
|
import usePlayerControls from './usePlayerControls';
|
|
54
|
-
import { useHLSSubtitles } from '
|
|
54
|
+
import { useHLSSubtitles } from './useHlsSubtitles';
|
|
55
55
|
export var VideoPlayer = function (_a) {
|
|
56
56
|
var _b, _c, _d;
|
|
57
57
|
var customStyles = _a.customStyles, _e = _a.startTime, startTime = _e === void 0 ? 0 : _e, loading = _a.loading, setLoading = _a.setLoading, handleTrackProgress = _a.handleTrackProgress, url = _a.url, subtitleUrl = _a.subtitle, handleNextVideo = _a.handleNextVideo, handlePreviousVideo = _a.handlePreviousVideo, isNextVideo = _a.isNextVideo, isPreviousVideo = _a.isPreviousVideo, isPlaying = _a.isPlaying, setIsPlaying = _a.setIsPlaying, _f = _a.shouldPlayerBeFocusedOnSpaceClick, shouldPlayerBeFocusedOnSpaceClick = _f === void 0 ? false : _f, showFavorite = _a.showFavorite, _g = _a.isFavorite, isFavorite = _g === void 0 ? false : _g, _h = _a.toggleFavorite, toggleFavorite = _h === void 0 ? function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
|
|
58
58
|
return [2 /*return*/];
|
|
59
|
-
}); }); } : _h;
|
|
59
|
+
}); }); } : _h, showDownload = _a.showDownload, downloadUrl = _a.downloadUrl, downloadFileName = _a.downloadFileName, onDownload = _a.onDownload;
|
|
60
60
|
var videoRef = useRef(null);
|
|
61
61
|
var _j = usePlayerControls({
|
|
62
62
|
startTime: startTime,
|
|
@@ -102,7 +102,7 @@ export var VideoPlayer = function (_a) {
|
|
|
102
102
|
renderTextTracksNatively: true,
|
|
103
103
|
},
|
|
104
104
|
},
|
|
105
|
-
} }, url), loading && (_jsx(StyledPlayerLoader, { children: _jsx(StyledLoader, {}) })), isSubtitlesChecked && currentSubtitle && (_jsx(StyledSubtitles, { "$controls": isControlsActive, children: currentSubtitle }))] }), _jsx(StyledControlsContainer, { ref: controlRef, children: _jsx(Controls, { setVideoState: setVideoState, playbackRate: playbackRate, rewindHandler: rewindHandler, playPauseHandler: playPauseHandler, handleFastForward: handleFastForward, formatCurrentTime: formatCurrentTime, played: played, onSeekMouseDownHandler: onSeekMouseDownHandler, seekHandler: seekHandler, seekMouseUpHandler: seekMouseUpHandler, volume: volume, muted: muted, muteHandler: muteHandler, volumeChangeHandler: volumeChangeHandler, formatDuration: formatDuration, handleFullScreen: handleFullScreen, playing: playing, isSubtitlesChecked: isSubtitlesChecked, toggleSubtitlesCheck: toggleSubtitlesCheck, isFavorite: isFavorite, toggleIsFavorite: toggleFavorite, isFullscreen: isFullscreen, subtitle: !!subtitleUrl || ((_d = (_c = (_b = videoPlayerRef.current) === null || _b === void 0 ? void 0 : _b.getInternalPlayer()) === null || _c === void 0 ? void 0 : _c.textTracks) === null || _d === void 0 ? void 0 : _d.length) > 0, handleSkipBackward: handlePreviousVideo, handleSkipForward: handleNextVideo, isNextVideo: isNextVideo, isPreviousVideo: isPreviousVideo, showFavorite: showFavorite }) })] }));
|
|
105
|
+
} }, url), loading && (_jsx(StyledPlayerLoader, { children: _jsx(StyledLoader, {}) })), isSubtitlesChecked && currentSubtitle && (_jsx(StyledSubtitles, { "$controls": isControlsActive, children: currentSubtitle }))] }), _jsx(StyledControlsContainer, { ref: controlRef, children: _jsx(Controls, { setVideoState: setVideoState, playbackRate: playbackRate, rewindHandler: rewindHandler, playPauseHandler: playPauseHandler, handleFastForward: handleFastForward, formatCurrentTime: formatCurrentTime, played: played, onSeekMouseDownHandler: onSeekMouseDownHandler, seekHandler: seekHandler, seekMouseUpHandler: seekMouseUpHandler, volume: volume, muted: muted, muteHandler: muteHandler, volumeChangeHandler: volumeChangeHandler, formatDuration: formatDuration, handleFullScreen: handleFullScreen, playing: playing, isSubtitlesChecked: isSubtitlesChecked, toggleSubtitlesCheck: toggleSubtitlesCheck, isFavorite: isFavorite, toggleIsFavorite: toggleFavorite, isFullscreen: isFullscreen, subtitle: !!subtitleUrl || ((_d = (_c = (_b = videoPlayerRef.current) === null || _b === void 0 ? void 0 : _b.getInternalPlayer()) === null || _c === void 0 ? void 0 : _c.textTracks) === null || _d === void 0 ? void 0 : _d.length) > 0, handleSkipBackward: handlePreviousVideo, handleSkipForward: handleNextVideo, isNextVideo: isNextVideo, isPreviousVideo: isPreviousVideo, showFavorite: showFavorite, showDownload: showDownload, downloadUrl: downloadUrl, downloadFileName: downloadFileName, onDownload: onDownload }) })] }));
|
|
106
106
|
};
|
|
107
107
|
export default VideoPlayer;
|
|
108
108
|
//# sourceMappingURL=Player.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Player.js","sourceRoot":"","sources":["../../../src/components/VideoPlayer/Player.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAgB,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACvD,OAAO,WAAW,MAAM,cAAc,CAAA;AAGtC,OAAO,EACL,aAAa,EACb,kBAAkB,EAClB,uBAAuB,EACvB,wBAAwB,EACxB,YAAY,EACZ,eAAe,EACf,uBAAuB,GACxB,MAAM,iBAAiB,CAAA;AACxB,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,iBAAiB,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Player.js","sourceRoot":"","sources":["../../../src/components/VideoPlayer/Player.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,3 +8,6 @@ export declare const WithSubtitles: Story;
|
|
|
8
8
|
export declare const Playing: Story;
|
|
9
9
|
export declare const Favorited: Story;
|
|
10
10
|
export declare const NoControls: Story;
|
|
11
|
+
export declare const WithDownload: Story;
|
|
12
|
+
export declare const DownloadOnly: Story;
|
|
13
|
+
export declare const AllFeatures: Story;
|