@popmenu/audio-player 0.89.0 → 0.90.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/build/index.es.js +9 -22
- package/build/index.es.js.map +1 -1
- package/build/index.js +6 -21
- package/build/index.js.map +1 -1
- package/package.json +2 -2
package/build/index.es.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import React__default, { createElement, forwardRef, useRef, useState, useReducer, useEffect, useMemo } from 'react';
|
|
3
|
-
import { makeStyles, Typography as Typography$1, Link as Link$1, Paper as Paper$1, useTheme
|
|
3
|
+
import { makeStyles, Typography as Typography$1, Link as Link$1, Paper as Paper$1, useTheme, Box, Popper, Grow, Slider } from '@material-ui/core';
|
|
4
4
|
import '@material-ui/lab/Alert';
|
|
5
5
|
import '@material-ui/core/AppBar';
|
|
6
6
|
import MuiAvatar from '@material-ui/core/Avatar';
|
|
7
|
-
import { makeStyles as makeStyles$1
|
|
7
|
+
import { makeStyles as makeStyles$1 } from '@material-ui/core/styles';
|
|
8
8
|
import '@material-ui/core/Badge';
|
|
9
|
-
import
|
|
10
|
-
import
|
|
9
|
+
import '@material-ui/core/Button';
|
|
10
|
+
import '@material-ui/core/CircularProgress';
|
|
11
11
|
import '@material-ui/core/ButtonGroup';
|
|
12
12
|
import '@material-ui/core/Card';
|
|
13
13
|
import '@material-ui/core/CardActionArea';
|
|
@@ -517,7 +517,7 @@ makeStyles$1(function (theme) { return ({
|
|
|
517
517
|
},
|
|
518
518
|
}); });
|
|
519
519
|
|
|
520
|
-
|
|
520
|
+
makeStyles$1(function () { return ({
|
|
521
521
|
root: {
|
|
522
522
|
minWidth: 'unset',
|
|
523
523
|
},
|
|
@@ -529,19 +529,6 @@ var useButtonStyles = makeStyles$1(function () { return ({
|
|
|
529
529
|
},
|
|
530
530
|
}); });
|
|
531
531
|
|
|
532
|
-
var Button = forwardRef(function (props, ref) {
|
|
533
|
-
props.textTransform; var loading = props.loading, classesOverride = props.classes, className = props.className, muiProps = __rest(props, ["textTransform", "loading", "classes", "className"]);
|
|
534
|
-
props.classes; var styleProps = __rest(props, ["classes"]);
|
|
535
|
-
var classes = useButtonStyles(styleProps);
|
|
536
|
-
var typography = useTheme().typography;
|
|
537
|
-
var loadingIndicator = {
|
|
538
|
-
startIcon: React__default.createElement(CircularProgress, { color: "inherit", size: typography.button.fontSize }),
|
|
539
|
-
disabled: true,
|
|
540
|
-
};
|
|
541
|
-
return (React__default.createElement(MuiButton, __assign({ ref: ref, classes: __assign(__assign({}, classes), classesOverride), className: classNames([className, 'pm-button']) }, muiProps, (loading && loadingIndicator))));
|
|
542
|
-
});
|
|
543
|
-
Button.displayName = 'Button';
|
|
544
|
-
|
|
545
532
|
var Checkbox = forwardRef(function (props, ref) {
|
|
546
533
|
var label = props.label, disabled = props.disabled, LabelProps = props.LabelProps, muiProps = __rest(props, ["label", "disabled", "LabelProps"]);
|
|
547
534
|
var control = React__default.createElement(MuiCheckbox, __assign({ disabled: label ? undefined : disabled }, muiProps));
|
|
@@ -696,12 +683,12 @@ var useTypographyStyles = makeStyles$1(function (theme) {
|
|
|
696
683
|
});
|
|
697
684
|
});
|
|
698
685
|
|
|
699
|
-
var Typography =
|
|
686
|
+
var Typography = function (props) {
|
|
700
687
|
props.weight; props.color; var restProps = __rest(props, ["weight", "color"]);
|
|
701
688
|
var classes = useTypographyStyles(__assign({}, props));
|
|
702
689
|
var variantMapping = { subtitle1: 'p' };
|
|
703
|
-
return React__default.createElement(Typography$1, __assign({
|
|
704
|
-
}
|
|
690
|
+
return React__default.createElement(Typography$1, __assign({ classes: classes, variantMapping: variantMapping }, restProps));
|
|
691
|
+
};
|
|
705
692
|
Typography.displayName = 'Typography';
|
|
706
693
|
Typography.defaultProps = defaultTypographyProps;
|
|
707
694
|
|
|
@@ -1181,7 +1168,7 @@ var AudioPlayer = function (props) {
|
|
|
1181
1168
|
var src = props.src, _h = props.classes, classes = _h === void 0 ? {} : _h;
|
|
1182
1169
|
var volumeRef = useRef(null);
|
|
1183
1170
|
var audioRef = useRef(null);
|
|
1184
|
-
var spacing = useTheme
|
|
1171
|
+
var spacing = useTheme().spacing;
|
|
1185
1172
|
var _j = useState(false), disableRipple = _j[0], setDisableRipple = _j[1];
|
|
1186
1173
|
var _k = useReducer(audioPlayerReducer, __assign$1(__assign$1({}, initialAudioPlayerState), { context: __assign$1(__assign$1({}, initialAudioPlayerState.context), { audioRef: audioRef }) })), state = _k[0], send = _k[1];
|
|
1187
1174
|
useEffect(setupAudioRef({ audioRef: audioRef, send: send }), [audioRef]);
|