@remotion/player 3.0.4 → 3.0.7

package/dist/MediaVolumeSlider.d.ts

@@ -1,3 +1,2 @@
 import React from 'react';
 export declare const MediaVolumeSlider: React.FC;
-//# sourceMappingURL=MediaVolumeSlider.d.ts.map

package/dist/MediaVolumeSlider.js

@@ -91,4 +91,3 @@ const MediaVolumeSlider = () => {
     return ((0, jsx_runtime_1.jsxs)("div", { ref: parentDivRef, style: parentDivStyle, children: [(0, jsx_runtime_1.jsx)("button", { "aria-label": isMutedOrZero ? 'Unmute sound' : 'Mute sound', title: isMutedOrZero ? 'Unmute sound' : 'Mute sound', onClick: onClick, onBlur: onBlur, onFocus: () => setFocused(true), style: volumeContainer, type: "button", children: isMutedOrZero ? (0, jsx_runtime_1.jsx)(icons_1.VolumeOffIcon, {}, void 0) : (0, jsx_runtime_1.jsx)(icons_1.VolumeOnIcon, {}, void 0) }, void 0), (focused || hover) && !mediaMuted ? ((0, jsx_runtime_1.jsx)("input", { ref: inputRef, "aria-label": "Change volume", className: player_css_classname_1.VOLUME_SLIDER_INPUT_CSS_CLASSNAME, max: 1, min: 0, onBlur: () => setFocused(false), onChange: onVolumeChange, step: 0.01, type: "range", value: mediaVolume }, void 0)) : null] }, void 0));
 };
 exports.MediaVolumeSlider = MediaVolumeSlider;
-//# sourceMappingURL=MediaVolumeSlider.js.map

package/dist/Player.d.ts

@@ -36,4 +36,3 @@ declare module 'react' {
 }
 export declare const Player: <T>(props: PlayerProps<T> & React.RefAttributes<PlayerRef>) => React.ReactElement | null;
 export {};
-//# sourceMappingURL=Player.d.ts.map

package/dist/Player.js

@@ -185,4 +185,3 @@ const PlayerFn = ({ durationInFrames, compositionHeight, compositionWidth, fps,
 };
 exports.PlayerFn = PlayerFn;
 exports.Player = (0, react_1.forwardRef)(exports.PlayerFn);
-//# sourceMappingURL=Player.js.map

package/dist/PlayerControls.d.ts

@@ -12,4 +12,3 @@ export declare const Controls: React.FC<{
     onExitFullscreenButtonClick: MouseEventHandler<HTMLButtonElement>;
     spaceKeyToPlayOrPause: boolean;
 }>;
-//# sourceMappingURL=PlayerControls.d.ts.map

package/dist/PlayerControls.js

@@ -85,4 +85,3 @@ const Controls = ({ durationInFrames, hovered, isFullscreen, fps, player, showVo
                                 : onFullscreenButtonClick, children: (0, jsx_runtime_1.jsx)(icons_1.FullscreenIcon, { minimized: !isFullscreen }, void 0) }, void 0) }, void 0)) : null] }, void 0), (0, jsx_runtime_1.jsx)("div", { style: ySpacer }, void 0), (0, jsx_runtime_1.jsx)(PlayerSeekBar_1.PlayerSeekBar, { durationInFrames: durationInFrames }, void 0)] }, void 0));
 };
 exports.Controls = Controls;
-//# sourceMappingURL=PlayerControls.js.map

package/dist/PlayerSeekBar.d.ts

@@ -2,4 +2,3 @@
 export declare const PlayerSeekBar: React.FC<{
     durationInFrames: number;
 }>;
-//# sourceMappingURL=PlayerSeekBar.d.ts.map

package/dist/PlayerSeekBar.js

@@ -120,4 +120,3 @@ const PlayerSeekBar = ({ durationInFrames }) => {
     return ((0, jsx_runtime_1.jsxs)("div", { ref: containerRef, onPointerDown: onPointerDown, style: containerStyle, children: [(0, jsx_runtime_1.jsx)("div", { style: barBackground, children: (0, jsx_runtime_1.jsx)("div", { style: fillStyle }, void 0) }, void 0), (0, jsx_runtime_1.jsx)("div", { style: knobStyle }, void 0)] }, void 0));
 };
 exports.PlayerSeekBar = PlayerSeekBar;
-//# sourceMappingURL=PlayerSeekBar.js.map

package/dist/PlayerUI.d.ts

@@ -27,4 +27,3 @@ declare const _default: (props: {
     renderLoading?: RenderLoading | undefined;
 } & React.RefAttributes<PlayerRef | null>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
 export default _default;
-//# sourceMappingURL=PlayerUI.d.ts.map

package/dist/PlayerUI.js

@@ -264,4 +264,3 @@ const PlayerUI = ({ controls, style, loop, autoPlay, allowFullscreen, inputProps
     return ((0, jsx_runtime_1.jsx)("div", { ref: container, style: outerStyle, children: (0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: loadingMarkup, children: content }, void 0) }, void 0));
 };
 exports.default = (0, react_1.forwardRef)(PlayerUI);
-//# sourceMappingURL=PlayerUI.js.map

package/dist/calculate-next-frame.d.ts

@@ -12,4 +12,3 @@ export declare const calculateNextFrame: ({ time, currentFrame: startFrame, play
     framesToAdvance: number;
     hasEnded: boolean;
 };
-//# sourceMappingURL=calculate-next-frame.d.ts.map

package/dist/calculate-next-frame.js

@@ -26,4 +26,3 @@ const calculateNextFrame = ({ time, currentFrame: startFrame, playbackSpeed, fps
     return { nextFrame, framesToAdvance, hasEnded };
 };
 exports.calculateNextFrame = calculateNextFrame;
-//# sourceMappingURL=calculate-next-frame.js.map

package/dist/calculate-scale.d.ts

@@ -12,4 +12,3 @@ export declare const calculateScale: ({ previewSize, compositionWidth, compositi
     yCorrection: number;
     scale: number;
 };
-//# sourceMappingURL=calculate-scale.d.ts.map

package/dist/calculate-scale.js

@@ -22,4 +22,3 @@ const calculateScale = ({ previewSize, compositionWidth, compositionHeight, canv
     };
 };
 exports.calculateScale = calculateScale;
-//# sourceMappingURL=calculate-scale.js.map

package/dist/emitter-context.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
 import { PlayerEmitter } from './event-emitter';
 export declare const PlayerEventEmitterContext: React.Context<PlayerEmitter | undefined>;
-//# sourceMappingURL=emitter-context.d.ts.map

package/dist/emitter-context.js

@@ -6,4 +6,3 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PlayerEventEmitterContext = void 0;
 const react_1 = __importDefault(require("react"));
 exports.PlayerEventEmitterContext = react_1.default.createContext(undefined);
-//# sourceMappingURL=emitter-context.js.map

package/dist/error-boundary.d.ts

@@ -17,4 +17,3 @@ export declare class ErrorBoundary extends React.Component<{
     componentDidCatch(error: Error): void;
     render(): string | number | boolean | JSX.Element | React.ReactFragment | null | undefined;
 }
-//# sourceMappingURL=error-boundary.d.ts.map

package/dist/error-boundary.js

@@ -37,4 +37,3 @@ class ErrorBoundary extends react_1.default.Component {
     }
 }
 exports.ErrorBoundary = ErrorBoundary;
-//# sourceMappingURL=error-boundary.js.map

package/dist/event-emitter.d.ts

@@ -40,4 +40,3 @@ export declare class PlayerEmitter {
     dispatchTimeUpdate(event: TimeUpdateEventPayload): void;
 }
 export {};
-//# sourceMappingURL=event-emitter.d.ts.map

package/dist/event-emitter.js

@@ -53,4 +53,3 @@ class PlayerEmitter {
     }
 }
 exports.PlayerEmitter = PlayerEmitter;
-//# sourceMappingURL=event-emitter.js.map

package/dist/format-time.d.ts

@@ -1,2 +1 @@
 export declare const formatTime: (timeInSeconds: number) => string;
-//# sourceMappingURL=format-time.d.ts.map

package/dist/format-time.js

@@ -7,4 +7,3 @@ const formatTime = (timeInSeconds) => {
     return `${String(minutes)}:${String(seconds).padStart(2, '0')}`;
 };
 exports.formatTime = formatTime;
-//# sourceMappingURL=format-time.js.map

package/dist/icons.d.ts

@@ -7,4 +7,3 @@ export declare const FullscreenIcon: React.FC<{
 }>;
 export declare const VolumeOffIcon: React.FC;
 export declare const VolumeOnIcon: React.FC;
-//# sourceMappingURL=icons.d.ts.map

package/dist/icons.js

@@ -48,4 +48,3 @@ const VolumeOnIcon = () => {
     return ((0, jsx_runtime_1.jsx)("svg", { width: exports.ICON_SIZE, height: exports.ICON_SIZE, viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { d: "M3 10v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71V6.41c0-.89-1.08-1.34-1.71-.71L7 9H4c-.55 0-1 .45-1 1zm13.5 2A4.5 4.5 0 0014 7.97v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 4.45v.2c0 .38.25.71.6.85C17.18 6.53 19 9.06 19 12s-1.82 5.47-4.4 6.5c-.36.14-.6.47-.6.85v.2c0 .63.63 1.07 1.21.85C18.6 19.11 21 15.84 21 12s-2.4-7.11-5.79-8.4c-.58-.23-1.21.22-1.21.85z", fill: "#fff" }, void 0) }, void 0));
 };
 exports.VolumeOnIcon = VolumeOnIcon;
-//# sourceMappingURL=icons.js.map

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CallbackListener, EventTypes, PlayerEmitter } from './event-emitter';
 export { ErrorFallback, Player } from './Player';
 export { PlayerMethods, PlayerRef } from './player-methods';
@@ -44,4 +43,3 @@ export declare const PlayerInternals: {
     useHoverState: (ref: import("react").RefObject<HTMLDivElement>) => boolean;
     updateAllElementsSizes: () => void;
 };
-//# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -20,4 +20,3 @@ exports.PlayerInternals = {
     useHoverState: use_hover_state_1.useHoverState,
     updateAllElementsSizes: use_element_size_1.updateAllElementsSizes,
 };
-//# sourceMappingURL=index.js.map

package/dist/player-css-classname.d.ts

@@ -1,3 +1,2 @@
 export declare const PLAYER_CSS_CLASSNAME = "__remotion-player";
 export declare const VOLUME_SLIDER_INPUT_CSS_CLASSNAME: string;
-//# sourceMappingURL=player-css-classname.d.ts.map

package/dist/player-css-classname.js

@@ -3,4 +3,3 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.VOLUME_SLIDER_INPUT_CSS_CLASSNAME = exports.PLAYER_CSS_CLASSNAME = void 0;
 exports.PLAYER_CSS_CLASSNAME = '__remotion-player';
 exports.VOLUME_SLIDER_INPUT_CSS_CLASSNAME = exports.PLAYER_CSS_CLASSNAME.concat('_volume-slider-input');
-//# sourceMappingURL=player-css-classname.js.map

package/dist/player-methods.d.ts

@@ -18,4 +18,3 @@ export declare type PlayerMethods = {
     unmute: () => void;
 };
 export declare type PlayerRef = PlayerEmitter & PlayerMethods;
-//# sourceMappingURL=player-methods.d.ts.map

package/dist/player-methods.js

@@ -1,3 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=player-methods.js.map

package/dist/test/index.test.d.ts

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=index.test.d.ts.map

package/dist/test/index.test.js

@@ -6,4 +6,3 @@ test('It should throw an error if not being used inside a RemotionRoot', () => {
         (0, use_player_1.usePlayer)();
     }).toThrow();
 });
-//# sourceMappingURL=index.test.js.map

package/dist/test/test-utils.d.ts

@@ -4,4 +4,3 @@ declare const HelloWorld: FC;
 declare const customRender: (ui: ReactElement, options?: Omit<RenderOptions<typeof queries, HTMLElement, HTMLElement>, "queries"> | undefined) => import("@testing-library/react").RenderResult<typeof queries, HTMLElement, HTMLElement>;
 export * from '@testing-library/react';
 export { customRender as render, HelloWorld };
-//# sourceMappingURL=test-utils.d.ts.map

package/dist/test/test-utils.js

@@ -26,4 +26,3 @@ const AllTheProviders = ({ children }) => {
 const customRender = (ui, options) => (0, react_1.render)(ui, { wrapper: AllTheProviders, ...options });
 exports.render = customRender;
 __exportStar(require("@testing-library/react"), exports);
-//# sourceMappingURL=test-utils.js.map

package/dist/test/validate-prop.test.d.ts

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=validate-prop.test.d.ts.map

package/dist/test/validate-prop.test.js

@@ -128,4 +128,3 @@ test.each([
         expect(e.message).toMatch(`'${a}' must be a boolean or undefined but got 'string' instead`);
     }
 });
-//# sourceMappingURL=validate-prop.test.js.map

package/dist/use-hover-state.d.ts

@@ -1,2 +1 @@
 export declare const useHoverState: (ref: React.RefObject<HTMLDivElement>) => boolean;
-//# sourceMappingURL=use-hover-state.d.ts.map

package/dist/use-hover-state.js

@@ -25,4 +25,3 @@ const useHoverState = (ref) => {
     return hovered;
 };
 exports.useHoverState = useHoverState;
-//# sourceMappingURL=use-hover-state.js.map

package/dist/use-playback.d.ts

@@ -2,4 +2,3 @@ export declare const usePlayback: ({ loop, playbackRate, }: {
     loop: boolean;
     playbackRate: number;
 }) => void;
-//# sourceMappingURL=use-playback.d.ts.map

package/dist/use-playback.js

@@ -86,4 +86,3 @@ const usePlayback = ({ loop, playbackRate, }) => {
     }, [emitter]);
 };
 exports.usePlayback = usePlayback;
-//# sourceMappingURL=use-playback.js.map

package/dist/use-player.d.ts

@@ -12,4 +12,3 @@ export declare const usePlayer: () => {
     getCurrentFrame: () => number;
     isPlaying: () => boolean;
 };
-//# sourceMappingURL=use-player.d.ts.map

package/dist/use-player.js

@@ -111,4 +111,3 @@ const usePlayer = () => {
     return returnValue;
 };
 exports.usePlayer = usePlayer;
-//# sourceMappingURL=use-player.js.map

package/dist/utils/browser-supports-fullscreen.d.ts

@@ -9,4 +9,3 @@ declare global {
     }
 }
 export declare const browserSupportsFullscreen: boolean | undefined;
-//# sourceMappingURL=browser-supports-fullscreen.d.ts.map

package/dist/utils/browser-supports-fullscreen.js

@@ -3,4 +3,3 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.browserSupportsFullscreen = void 0;
 exports.browserSupportsFullscreen = typeof document !== 'undefined' &&
     (document.fullscreenEnabled || document.webkitFullscreenEnabled);
-//# sourceMappingURL=browser-supports-fullscreen.js.map

package/dist/utils/calculate-player-size.d.ts

@@ -7,4 +7,3 @@ export declare const calculatePlayerSize: ({ currentSize, width, height, composi
     compositionWidth: number;
     compositionHeight: number;
 }) => React.CSSProperties;
-//# sourceMappingURL=calculate-player-size.d.ts.map

package/dist/utils/calculate-player-size.js

@@ -27,4 +27,3 @@ const calculatePlayerSize = ({ currentSize, width, height, compositionWidth, com
     };
 };
 exports.calculatePlayerSize = calculatePlayerSize;
-//# sourceMappingURL=calculate-player-size.js.map

package/dist/utils/cancellable-promise.d.ts

@@ -3,4 +3,3 @@ export declare type CancellablePromise = {
     cancel: () => void;
 };
 export declare const cancellablePromise: (promise: Promise<unknown>) => CancellablePromise;
-//# sourceMappingURL=cancellable-promise.d.ts.map

package/dist/utils/cancellable-promise.js

@@ -24,4 +24,3 @@ const cancellablePromise = (promise) => {
     };
 };
 exports.cancellablePromise = cancellablePromise;
-//# sourceMappingURL=cancellable-promise.js.map

package/dist/utils/delay.d.ts

@@ -1,2 +1 @@
 export declare const delay: (n: number) => Promise<unknown>;
-//# sourceMappingURL=delay.d.ts.map

package/dist/utils/delay.js

@@ -4,4 +4,3 @@ exports.delay = void 0;
 /* eslint-disable no-promise-executor-return */
 const delay = (n) => new Promise((resolve) => setTimeout(resolve, n));
 exports.delay = delay;
-//# sourceMappingURL=delay.js.map

package/dist/utils/is-node.d.ts

@@ -1,2 +1 @@
 export declare const IS_NODE: boolean;
-//# sourceMappingURL=is-node.d.ts.map

package/dist/utils/is-node.js

@@ -2,4 +2,3 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IS_NODE = void 0;
 exports.IS_NODE = typeof document === 'undefined';
-//# sourceMappingURL=is-node.js.map

package/dist/utils/preview-size.d.ts

@@ -1,2 +1 @@
 export declare type PreviewSize = 'auto' | number;
-//# sourceMappingURL=preview-size.d.ts.map

package/dist/utils/preview-size.js

@@ -1,3 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=preview-size.js.map

package/dist/utils/use-cancellable-promises.d.ts

@@ -5,4 +5,3 @@ declare const useCancellablePromises: () => {
     clearPendingPromises: () => void[];
 };
 export { useCancellablePromises };
-//# sourceMappingURL=use-cancellable-promises.d.ts.map

package/dist/utils/use-cancellable-promises.js

@@ -19,4 +19,3 @@ const useCancellablePromises = () => {
     return api;
 };
 exports.useCancellablePromises = useCancellablePromises;
-//# sourceMappingURL=use-cancellable-promises.js.map

package/dist/utils/use-click-prevention-on-double-click.d.ts

@@ -1,4 +1,3 @@
 import { SyntheticEvent } from 'react';
 declare const useClickPreventionOnDoubleClick: (onClick: (e: SyntheticEvent) => void, onDoubleClick: () => void, doubleClickToFullscreen: boolean) => [(e: SyntheticEvent) => void, () => void];
 export { useClickPreventionOnDoubleClick };
-//# sourceMappingURL=use-click-prevention-on-double-click.d.ts.map

package/dist/utils/use-click-prevention-on-double-click.js

@@ -43,4 +43,3 @@ const useClickPreventionOnDoubleClick = (onClick, onDoubleClick, doubleClickToFu
     return returnValue;
 };
 exports.useClickPreventionOnDoubleClick = useClickPreventionOnDoubleClick;
-//# sourceMappingURL=use-click-prevention-on-double-click.js.map

package/dist/utils/use-element-size.d.ts

@@ -9,4 +9,3 @@ export declare const useElementSize: (ref: React.RefObject<HTMLElement>, options
     triggerOnWindowResize: boolean;
     shouldApplyCssTransforms: boolean;
 }) => Size | null;
-//# sourceMappingURL=use-element-size.d.ts.map

package/dist/utils/use-element-size.js

@@ -88,4 +88,3 @@ const useElementSize = (ref, options) => {
     return size;
 };
 exports.useElementSize = useElementSize;
-//# sourceMappingURL=use-element-size.js.map

package/dist/utils/validate-playbackrate.d.ts

@@ -1,2 +1 @@
 export declare const validatePlaybackRate: (playbackRate: number | undefined) => void;
-//# sourceMappingURL=validate-playbackrate.d.ts.map

package/dist/utils/validate-playbackrate.js

@@ -16,4 +16,3 @@ const validatePlaybackRate = (playbackRate) => {
     }
 };
 exports.validatePlaybackRate = validatePlaybackRate;
-//# sourceMappingURL=validate-playbackrate.js.map

package/dist/volume-persistance.d.ts

@@ -1,3 +1,2 @@
 export declare const persistVolume: (volume: number) => void;
 export declare const getPreferredVolume: () => number;
-//# sourceMappingURL=volume-persistance.d.ts.map

package/dist/volume-persistance.js

@@ -17,4 +17,3 @@ const getPreferredVolume = () => {
     return val ? Number(val) : 1;
 };
 exports.getPreferredVolume = getPreferredVolume;
-//# sourceMappingURL=volume-persistance.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/player",
-	"version": "3.0.4",
+	"version": "3.0.7",
 	"description": "Remotion Player",
 	"main": "dist/index.js",
 	"sideEffects": false,
@@ -28,7 +28,7 @@
 	],
 	"license": "SEE LICENSE IN LICENSE.md",
 	"dependencies": {
-		"remotion": "3.0.4"
+		"remotion": "3.0.7"
 	},
 	"peerDependencies": {
 		"react": ">=16.8.0",
@@ -63,5 +63,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "fe6cd08c090ed8aa6c2a1b610851c0ab97749a2c"
+	"gitHead": "e44469b9a64608db9bec219339bf93a0ac6e9655"
 }