frst-components 0.21.19 → 0.21.20
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/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +83 -110
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export { AlertCicle, DoubleCheck, MoreDotsHorizontal, CheckInCicle, TrashIcon, TrashIconNew, HomeLineIcon, HomeFilledIcon, CalendarLineIcon, CalendarFilledIcon, PencilLineIcon, PencilFilledIcon, LampLineIcon, LampFilledIcon, MedalLineIcon, MedalFilledIcon, PlayLineIcon, PlayFilledIcon, IconNotification, InstagramIcon, LinkedinIcon, PodCastIcon, SiteIcon, SpotifyIcon, YoutubeIcon, Content, AddIcon, Channel, ExitArrow, StepCicleOne, StepCheckInCicle, StepCicleTwo, StepCicleThree, StepCicleFour, Books, Diamond, Challenge, EmptyAvatar, ChangeAccount, EyeOff, OpenedEye, StarFavorite, CheckIconSimple, IconContent, EditIcon, Tick } from './src/shared/icons';
|
|
2
2
|
export { default as Tag } from './src/components/tag';
|
|
3
3
|
export { default as BaseCard } from './src/components/cards/base';
|
|
4
|
-
export { default as AudioPlayer } from './src/components/audio-player
|
|
4
|
+
export { default as AudioPlayer } from './src/components/audio-player';
|
|
5
5
|
export { default as QuantidadeDesafios } from './src/components/quantidadeDesafios';
|
|
6
6
|
export { default as UserCard } from './src/components/cards/user';
|
|
7
7
|
export { default as CalendarCard } from './src/components/calendar';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,UAAU,EACV,WAAW,EACX,kBAAkB,EAClB,YAAY,EACZ,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,gBAAgB,EAChB,kBAAkB,EAClB,cAAc,EACd,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,aAAa,EACb,eAAe,EACf,YAAY,EACZ,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,WAAW,EACX,WAAW,EACX,OAAO,EACP,OAAO,EACP,OAAO,EACP,SAAS,EACT,YAAY,EACZ,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,aAAa,EACb,KAAK,EACL,OAAO,EACP,SAAS,EACT,WAAW,EACX,aAAa,EACb,MAAM,EACN,SAAS,EACT,YAAY,EACZ,eAAe,EACf,WAAW,EACX,QAAQ,EACR,IAAI,EACL,MAAM,oBAAoB,CAAA;AAG3B,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACjE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var jsxRuntime = require('react/jsx-runtime');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var styled = require('styled-components');
|
|
8
|
-
var
|
|
8
|
+
var ReactPlayer = require('react-player');
|
|
9
9
|
var material = require('@mui/material');
|
|
10
10
|
var reactI18next = require('react-i18next');
|
|
11
11
|
var Button$7 = require('@mui/material/Button');
|
|
@@ -45,7 +45,6 @@ var Tooltip$3 = require('@mui/material/Tooltip');
|
|
|
45
45
|
var Switch = require('react-switch');
|
|
46
46
|
var core = require('@material-ui/core');
|
|
47
47
|
var moment = require('moment');
|
|
48
|
-
var ReactPlayer = require('react-player');
|
|
49
48
|
var _ = require('@mui/material/');
|
|
50
49
|
var Slider = require('@mui/material/Slider');
|
|
51
50
|
var styles$1 = require('@material-ui/styles');
|
|
@@ -90,7 +89,7 @@ function _interopNamespace(e) {
|
|
|
90
89
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
91
90
|
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
92
91
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
93
|
-
var
|
|
92
|
+
var ReactPlayer__default = /*#__PURE__*/_interopDefaultLegacy(ReactPlayer);
|
|
94
93
|
var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button$7);
|
|
95
94
|
var Menu__default = /*#__PURE__*/_interopDefaultLegacy(Menu$1);
|
|
96
95
|
var MenuItem__default = /*#__PURE__*/_interopDefaultLegacy(MenuItem);
|
|
@@ -115,7 +114,6 @@ var isHotkey__default = /*#__PURE__*/_interopDefaultLegacy(isHotkey);
|
|
|
115
114
|
var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip$3);
|
|
116
115
|
var Switch__default = /*#__PURE__*/_interopDefaultLegacy(Switch);
|
|
117
116
|
var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
|
|
118
|
-
var ReactPlayer__default = /*#__PURE__*/_interopDefaultLegacy(ReactPlayer);
|
|
119
117
|
var Slider__default = /*#__PURE__*/_interopDefaultLegacy(Slider);
|
|
120
118
|
var IconButton__default = /*#__PURE__*/_interopDefaultLegacy(IconButton);
|
|
121
119
|
var MoreVertIcon__default = /*#__PURE__*/_interopDefaultLegacy(MoreVertIcon);
|
|
@@ -1135,121 +1133,96 @@ const timeline = styled__default["default"].input `
|
|
|
1135
1133
|
}
|
|
1136
1134
|
`;
|
|
1137
1135
|
|
|
1138
|
-
function
|
|
1136
|
+
function PlayerPodcast(props) {
|
|
1139
1137
|
const [isPlaying, setIsPlaying] = React.useState(false);
|
|
1140
|
-
React.useState();
|
|
1141
|
-
const [
|
|
1142
|
-
|
|
1143
|
-
|
|
1144
|
-
|
|
1145
|
-
const [currTime, setCurrTime] = React.useState({
|
|
1146
|
-
min: 0,
|
|
1147
|
-
sec: 0
|
|
1148
|
-
});
|
|
1149
|
-
const [seconds, setSeconds] = React.useState(0);
|
|
1150
|
-
const [audioVolume, setAudioVolume] = React.useState(props.volume ? props.volume : 0.5);
|
|
1151
|
-
const [play, { pause, duration, sound }] = useSound__default["default"](props.audio, { volume: audioVolume,
|
|
1152
|
-
onend: () => {
|
|
1153
|
-
setIsPlaying(false);
|
|
1154
|
-
props.onEnded();
|
|
1155
|
-
} });
|
|
1156
|
-
const [Loading, setLoading] = React.useState(true);
|
|
1157
|
-
//porcentagem percorrida da musica
|
|
1158
|
-
const [percentagePlaytime, setPercentagePlaytime] = React.useState(0);
|
|
1138
|
+
const [playedSeconds, setPlayedSeconds] = React.useState(0);
|
|
1139
|
+
const [duration, setDuration] = React.useState(0); // Added duration state
|
|
1140
|
+
const playerRef = React.useRef(null);
|
|
1141
|
+
const [loading, setLoading] = React.useState(true);
|
|
1142
|
+
const [audioVolume, setAudioVolume] = React.useState(props?.volume ?? 0.5);
|
|
1159
1143
|
const defaultThumb = 'https://i.gyazo.com/f201e5ef302347108c31a2129104adc1.png';
|
|
1160
1144
|
React.useEffect(() => {
|
|
1161
|
-
|
|
1162
|
-
|
|
1163
|
-
|
|
1164
|
-
|
|
1165
|
-
pause();
|
|
1166
|
-
}, [props.exitSound]);
|
|
1167
|
-
React.useEffect(() => {
|
|
1168
|
-
setTimeout(() => {
|
|
1169
|
-
setLoading(false);
|
|
1170
|
-
}, 8000);
|
|
1171
|
-
}, []);
|
|
1172
|
-
React.useEffect(() => {
|
|
1173
|
-
if (props.onProgress) {
|
|
1174
|
-
if (isPlaying) {
|
|
1175
|
-
props.onProgress({
|
|
1176
|
-
loadedSeconds: duration / 1000,
|
|
1177
|
-
playedSeconds: sound.seek([])
|
|
1178
|
-
});
|
|
1145
|
+
if (props.exitSound) {
|
|
1146
|
+
setIsPlaying(false);
|
|
1147
|
+
if (playerRef.current) {
|
|
1148
|
+
playerRef.current.seekTo(0);
|
|
1179
1149
|
}
|
|
1180
1150
|
}
|
|
1181
|
-
}, [
|
|
1182
|
-
|
|
1183
|
-
if (
|
|
1184
|
-
|
|
1185
|
-
const min = Math.floor(sec / 60);
|
|
1186
|
-
const secRemain = Math.floor(sec % 60);
|
|
1187
|
-
setTime({
|
|
1188
|
-
min: min,
|
|
1189
|
-
sec: secRemain
|
|
1190
|
-
});
|
|
1151
|
+
}, [props.exitSound]);
|
|
1152
|
+
const onProgress = (data) => {
|
|
1153
|
+
if (props.onProgress && isPlaying) {
|
|
1154
|
+
props.onProgress(data);
|
|
1191
1155
|
}
|
|
1192
|
-
|
|
1193
|
-
|
|
1194
|
-
|
|
1195
|
-
|
|
1196
|
-
|
|
1197
|
-
|
|
1198
|
-
|
|
1199
|
-
|
|
1200
|
-
const sec = Math.floor(sound.seek([]) % 60);
|
|
1201
|
-
setCurrTime({
|
|
1202
|
-
min,
|
|
1203
|
-
sec
|
|
1204
|
-
});
|
|
1205
|
-
setPercentagePlaytime(calcCurrentInputPercentage(0, duration / 1000, sound.seek([])));
|
|
1156
|
+
setPlayedSeconds(data.playedSeconds); // Update the playedSeconds state
|
|
1157
|
+
};
|
|
1158
|
+
const onVolumeChange = (newVolume) => {
|
|
1159
|
+
setAudioVolume(newVolume); // Atualize o estado interno
|
|
1160
|
+
if (playerRef.current) {
|
|
1161
|
+
const internalPlayer = playerRef.current.getInternalPlayer();
|
|
1162
|
+
if (internalPlayer) {
|
|
1163
|
+
internalPlayer.volume = newVolume; // Atualize o volume diretamente no player interno
|
|
1206
1164
|
}
|
|
1207
|
-
}, 1000);
|
|
1208
|
-
return () => clearInterval(interval);
|
|
1209
|
-
}, [sound]);
|
|
1210
|
-
const playingButton = () => {
|
|
1211
|
-
if (isPlaying) {
|
|
1212
|
-
setIsPlaying(false);
|
|
1213
|
-
pause();
|
|
1214
|
-
}
|
|
1215
|
-
else {
|
|
1216
|
-
setIsPlaying(true);
|
|
1217
|
-
play();
|
|
1218
1165
|
}
|
|
1219
1166
|
};
|
|
1220
|
-
|
|
1221
|
-
|
|
1222
|
-
const min = valorMin;
|
|
1223
|
-
const max = valorMax;
|
|
1224
|
-
const val = valorAtual;
|
|
1225
|
-
let result = (val - min) * 100 / (max - min);
|
|
1226
|
-
return result;
|
|
1167
|
+
const onDuration = (duration) => {
|
|
1168
|
+
setDuration(duration); // Store the duration when it's available
|
|
1227
1169
|
};
|
|
1228
|
-
|
|
1229
|
-
|
|
1230
|
-
|
|
1231
|
-
|
|
1232
|
-
|
|
1233
|
-
|
|
1234
|
-
|
|
1235
|
-
|
|
1236
|
-
|
|
1237
|
-
|
|
1238
|
-
|
|
1239
|
-
|
|
1240
|
-
|
|
1241
|
-
|
|
1242
|
-
|
|
1243
|
-
|
|
1244
|
-
|
|
1245
|
-
|
|
1246
|
-
|
|
1247
|
-
|
|
1248
|
-
|
|
1249
|
-
|
|
1250
|
-
|
|
1251
|
-
|
|
1252
|
-
|
|
1170
|
+
const onEnded = () => {
|
|
1171
|
+
setIsPlaying(false);
|
|
1172
|
+
if (props.onEnded) {
|
|
1173
|
+
props.onEnded();
|
|
1174
|
+
}
|
|
1175
|
+
};
|
|
1176
|
+
React.useEffect(() => {
|
|
1177
|
+
if (props.audio)
|
|
1178
|
+
setLoading(false);
|
|
1179
|
+
}, [props.audio]);
|
|
1180
|
+
function formatTime(seconds) {
|
|
1181
|
+
const mins = Math.floor(seconds / 60);
|
|
1182
|
+
const secs = Math.floor(seconds % 60);
|
|
1183
|
+
return `${mins.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;
|
|
1184
|
+
}
|
|
1185
|
+
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs(container$1, { style: {
|
|
1186
|
+
...props.style,
|
|
1187
|
+
backgroundImage: props.coverImage ? `url(${props.coverImage})` : ''
|
|
1188
|
+
}, children: [jsxRuntime.jsx(containerMask, {}), loading ? (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(thumbLoading, { style: {
|
|
1189
|
+
...props.style,
|
|
1190
|
+
backgroundImage: props.coverImage ? `url(${props.coverImage})` : `url(${defaultThumb})`
|
|
1191
|
+
} }) })) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(thumb, { style: {
|
|
1192
|
+
...props.style,
|
|
1193
|
+
backgroundImage: props.coverImage ? `url(${props.coverImage})` : `url(${defaultThumb})`
|
|
1194
|
+
} }) })), jsxRuntime.jsxs(content, { style: { width: '100%' }, children: [jsxRuntime.jsxs(title, { children: [" ", props.title, " "] }), jsxRuntime.jsxs(description, { children: [" ", props.description, " "] }), jsxRuntime.jsxs(date, { children: [" ", props.date, " "] }), props.longLoading && loading ? (jsxRuntime.jsxs(material.Box, { justifyContent: 'center', alignItems: 'center', width: '100%', children: [jsxRuntime.jsx(material.Skeleton, { height: 48, width: 150, sx: { marginLeft: 24 } }), jsxRuntime.jsx(material.Skeleton, { height: 24 })] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(controls, { children: [jsxRuntime.jsx(navigationButton, { onClick: () => {
|
|
1195
|
+
const newTime = playedSeconds - 15;
|
|
1196
|
+
setPlayedSeconds(newTime >= 0 ? newTime : 0);
|
|
1197
|
+
if (playerRef.current) {
|
|
1198
|
+
playerRef.current.seekTo(newTime >= 0 ? newTime : 0);
|
|
1199
|
+
}
|
|
1200
|
+
}, children: jsxRuntime.jsx(Back15, { fill: "currentColor" }) }), !isPlaying ? (jsxRuntime.jsx(playButton, { onClick: () => setIsPlaying(true), children: jsxRuntime.jsx(PlayIcon, { customColor_1: "currentColor" }) })) : (jsxRuntime.jsx(playButton, { onClick: () => setIsPlaying(false), children: jsxRuntime.jsx(PauseIcon, { customColor_1: "currentColor" }) })), jsxRuntime.jsx(navigationButton, { onClick: () => {
|
|
1201
|
+
const newTime = playedSeconds + 15;
|
|
1202
|
+
setPlayedSeconds(newTime <= duration ? newTime : duration);
|
|
1203
|
+
if (playerRef.current) {
|
|
1204
|
+
playerRef.current.seekTo(newTime <= duration ? newTime : duration);
|
|
1205
|
+
}
|
|
1206
|
+
}, children: jsxRuntime.jsx(Foward15, { fill: "currentColor" }) }), jsxRuntime.jsx(volumeControl, { children: audioVolume === 0 ? (jsxRuntime.jsx(volume, { onClick: () => onVolumeChange(0.1), children: jsxRuntime.jsx(MuteIcon, {}) })) : (jsxRuntime.jsxs(volume, { children: [jsxRuntime.jsx("div", { onClick: () => onVolumeChange(0), children: jsxRuntime.jsx(VolumeIcon, {}) }), jsxRuntime.jsx(volumeBar, { type: "range", min: "0", max: "1", value: audioVolume, className: "volumeBar", step: "0.1", onChange: (e) => onVolumeChange(Number(e.target.value)), currentInputValue: (audioVolume / 1) * 100 })] })) })] }), jsxRuntime.jsx(thumb, { style: {
|
|
1207
|
+
...props.style,
|
|
1208
|
+
backgroundImage: `url(${props.coverImage})` ?? `url(${defaultThumb})`
|
|
1209
|
+
} }), jsxRuntime.jsxs(audioTimeline, { children: [jsxRuntime.jsx(timeText, { children: formatTime(playedSeconds) }), jsxRuntime.jsx(timeline, { type: "range", min: "0", max: duration, value: playedSeconds, className: "timeline", onChange: (e) => {
|
|
1210
|
+
setPlayedSeconds(Number(e.target.value));
|
|
1211
|
+
}, onMouseUp: (e) => {
|
|
1212
|
+
const newPlayedSeconds = Number(e.target.value);
|
|
1213
|
+
setPlayedSeconds(newPlayedSeconds);
|
|
1214
|
+
const seekTime = (newPlayedSeconds / duration) * duration;
|
|
1215
|
+
if (playerRef.current) {
|
|
1216
|
+
playerRef.current.seekTo(seekTime);
|
|
1217
|
+
}
|
|
1218
|
+
}, onTouchEnd: (e) => {
|
|
1219
|
+
const newPlayedSeconds = Number(e.target.value);
|
|
1220
|
+
setPlayedSeconds(newPlayedSeconds);
|
|
1221
|
+
const seekTime = (newPlayedSeconds / duration) * duration;
|
|
1222
|
+
if (playerRef.current) {
|
|
1223
|
+
playerRef.current.seekTo(seekTime);
|
|
1224
|
+
}
|
|
1225
|
+
}, currentInputValue: (playedSeconds / duration) * 100 }), jsxRuntime.jsx(timeText, { children: formatTime(duration) })] }), jsxRuntime.jsx(ReactPlayer__default["default"], { ref: playerRef, url: props.audio, playing: isPlaying, onProgress: onProgress, onDuration: onDuration, onEnded: onEnded, volume: audioVolume, hidden: true })] }))] })] }) }) }));
|
|
1253
1226
|
}
|
|
1254
1227
|
|
|
1255
1228
|
const ContainerDesafios = styled__default["default"].div `
|
|
@@ -18725,7 +18698,7 @@ exports.AccordionTrackList = AccordionTrackList;
|
|
|
18725
18698
|
exports.AddIcon = AddIcon;
|
|
18726
18699
|
exports.AdmButton = AdmButton;
|
|
18727
18700
|
exports.AlertCicle = AlertCicle;
|
|
18728
|
-
exports.AudioPlayer =
|
|
18701
|
+
exports.AudioPlayer = PlayerPodcast;
|
|
18729
18702
|
exports.Avatar = Avatar;
|
|
18730
18703
|
exports.AvatarAssociatedChannel = AvatarAssociatedChannel;
|
|
18731
18704
|
exports.AvatarChannel = AvatarChannel$1;
|