@remotion/cli 3.3.78 → 3.3.79

package/dist/editor/components/RenderQueue/RenderQueueRemoveItem.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RenderQueueRemoveItem = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const InlineAction_1 = require("../InlineAction");
-const NotificationCenter_1 = require("../Notifications/NotificationCenter");
-const actions_1 = require("./actions");
-const RenderQueueRemoveItem = ({ job }) => {
-    const onClick = (0, react_1.useCallback)(() => {
-        (0, actions_1.removeRenderJob)(job).catch((err) => {
-            (0, NotificationCenter_1.sendErrorNotification)(`Could not remove item: ${err.message}`);
-            console.log(err);
-        });
-    }, [job]);
-    const icon = (0, react_1.useMemo)(() => {
-        return {
-            height: 16,
-        };
-    }, []);
-    return ((0, jsx_runtime_1.jsx)(InlineAction_1.InlineAction, { onClick: onClick, children: (0, jsx_runtime_1.jsx)("svg", { style: icon, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 320 512", children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M310.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L160 210.7 54.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L114.7 256 9.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 301.3 265.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L205.3 256 310.6 150.6z" }) }) }));
-};
-exports.RenderQueueRemoveItem = RenderQueueRemoveItem;

package/dist/editor/components/RenderQueue/RenderQueueRepeat.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import type { RenderJob } from '../../../preview-server/render-queue/job';
-export declare const RenderQueueRepeatItem: React.FC<{
-    job: RenderJob;
-}>;

package/dist/editor/components/RenderQueue/RenderQueueRepeat.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RenderQueueRepeatItem = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const make_retry_payload_1 = require("../../../preview-server/render-queue/make-retry-payload");
-const modals_1 = require("../../state/modals");
-const InlineAction_1 = require("../InlineAction");
-const RenderQueueRepeatItem = ({ job }) => {
-    const { setSelectedModal } = (0, react_1.useContext)(modals_1.ModalsContext);
-    const onClick = (0, react_1.useCallback)(() => {
-        const retryPayload = (0, make_retry_payload_1.makeRetryPayload)(job);
-        setSelectedModal(retryPayload);
-    }, [job, setSelectedModal]);
-    const icon = (0, react_1.useMemo)(() => {
-        return {
-            height: 12,
-        };
-    }, []);
-    return ((0, jsx_runtime_1.jsx)(InlineAction_1.InlineAction, { onClick: onClick, children: (0, jsx_runtime_1.jsx)("svg", { style: icon, viewBox: "0 0 512 512", children: (0, jsx_runtime_1.jsx)("path", { fill: "currentcolor", d: "M386.3 160H336c-17.7 0-32 14.3-32 32s14.3 32 32 32H464c17.7 0 32-14.3 32-32V64c0-17.7-14.3-32-32-32s-32 14.3-32 32v51.2L414.4 97.6c-87.5-87.5-229.3-87.5-316.8 0s-87.5 229.3 0 316.8s229.3 87.5 316.8 0c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0c-62.5 62.5-163.8 62.5-226.3 0s-62.5-163.8 0-226.3s163.8-62.5 226.3 0L386.3 160z" }) }) }));
-};
-exports.RenderQueueRepeatItem = RenderQueueRepeatItem;

package/dist/editor/components/RenderQueue/actions.d.ts

@@ -1,50 +0,0 @@
-import type { AudioCodec, Codec, PixelFormat, ProResProfile, StillImageFormat, VideoImageFormat } from '@remotion/renderer';
-import type { ApiRoutes } from '../../../preview-server/api-types';
-import type { RenderJob } from '../../../preview-server/render-queue/job';
-export declare const callApi: <Endpoint extends keyof ApiRoutes>(endpoint: Endpoint, body: ApiRoutes[Endpoint]["Request"]) => Promise<ApiRoutes[Endpoint]["Response"]>;
-export declare const addStillRenderJob: ({ compositionId, outName, imageFormat, quality, frame, scale, verbose, }: {
-    compositionId: string;
-    outName: string;
-    imageFormat: StillImageFormat;
-    quality: number | null;
-    frame: number;
-    scale: number;
-    verbose: boolean;
-}) => Promise<undefined>;
-export declare const addVideoRenderJob: ({ compositionId, outName, imageFormat, quality, scale, verbose, codec, concurrency, crf, startFrame, endFrame, muted, enforceAudioTrack, proResProfile, pixelFormat, audioBitrate, videoBitrate, everyNthFrame, numberOfGifLoops, delayRenderTimeout, audioCodec, disallowParallelEncoding, }: {
-    compositionId: string;
-    outName: string;
-    imageFormat: VideoImageFormat;
-    quality: number | null;
-    scale: number;
-    verbose: boolean;
-    codec: Codec;
-    concurrency: number;
-    crf: number | null;
-    startFrame: number;
-    endFrame: number;
-    muted: boolean;
-    enforceAudioTrack: boolean;
-    proResProfile: ProResProfile | null;
-    pixelFormat: PixelFormat;
-    audioBitrate: string | null;
-    videoBitrate: string | null;
-    everyNthFrame: number;
-    numberOfGifLoops: number | null;
-    delayRenderTimeout: number;
-    audioCodec: AudioCodec;
-    disallowParallelEncoding: boolean;
-}) => Promise<undefined>;
-export declare const unsubscribeFromFileExistenceWatcher: ({ file, clientId, }: {
-    file: string;
-    clientId: string;
-}) => Promise<undefined>;
-export declare const subscribeToFileExistenceWatcher: ({ file, clientId, }: {
-    file: string;
-    clientId: string;
-}) => Promise<boolean>;
-export declare const openInFileExplorer: ({ directory }: {
-    directory: string;
-}) => Promise<void>;
-export declare const removeRenderJob: (job: RenderJob) => Promise<undefined>;
-export declare const cancelRenderJob: (job: RenderJob) => Promise<import("../../../preview-server/render-queue/job").CancelRenderResponse>;

package/dist/editor/components/RenderQueue/actions.js

@@ -1,99 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.cancelRenderJob = exports.removeRenderJob = exports.openInFileExplorer = exports.subscribeToFileExistenceWatcher = exports.unsubscribeFromFileExistenceWatcher = exports.addVideoRenderJob = exports.addStillRenderJob = exports.callApi = void 0;
-const callApi = (endpoint, body) => {
-    return new Promise((resolve, reject) => {
-        fetch(endpoint, {
-            method: 'post',
-            headers: {
-                'content-type': 'application/json',
-            },
-            body: JSON.stringify(body),
-        })
-            .then((res) => res.json())
-            .then((data) => {
-            if (data.success) {
-                resolve(data.data);
-            }
-            else {
-                reject(new Error(data.error));
-            }
-        })
-            .catch((err) => {
-            reject(err);
-        });
-    });
-};
-exports.callApi = callApi;
-const addStillRenderJob = ({ compositionId, outName, imageFormat, quality, frame, scale, verbose, }) => {
-    return (0, exports.callApi)('/api/render', {
-        compositionId,
-        type: 'still',
-        outName,
-        imageFormat,
-        quality,
-        frame,
-        scale,
-        verbose,
-    });
-};
-exports.addStillRenderJob = addStillRenderJob;
-const addVideoRenderJob = ({ compositionId, outName, imageFormat, quality, scale, verbose, codec, concurrency, crf, startFrame, endFrame, muted, enforceAudioTrack, proResProfile, pixelFormat, audioBitrate, videoBitrate, everyNthFrame, numberOfGifLoops, delayRenderTimeout, audioCodec, disallowParallelEncoding, }) => {
-    return (0, exports.callApi)('/api/render', {
-        compositionId,
-        type: 'video',
-        outName,
-        imageFormat,
-        quality,
-        scale,
-        verbose,
-        codec,
-        concurrency,
-        crf,
-        endFrame,
-        startFrame,
-        muted,
-        enforceAudioTrack,
-        proResProfile,
-        pixelFormat,
-        audioBitrate,
-        videoBitrate,
-        everyNthFrame,
-        numberOfGifLoops,
-        delayRenderTimeout,
-        audioCodec,
-        disallowParallelEncoding,
-    });
-};
-exports.addVideoRenderJob = addVideoRenderJob;
-const unsubscribeFromFileExistenceWatcher = ({ file, clientId, }) => {
-    return (0, exports.callApi)('/api/unsubscribe-from-file-existence', { file, clientId });
-};
-exports.unsubscribeFromFileExistenceWatcher = unsubscribeFromFileExistenceWatcher;
-const subscribeToFileExistenceWatcher = async ({ file, clientId, }) => {
-    const { exists } = await (0, exports.callApi)('/api/subscribe-to-file-existence', {
-        file,
-        clientId,
-    });
-    return exists;
-};
-exports.subscribeToFileExistenceWatcher = subscribeToFileExistenceWatcher;
-const openInFileExplorer = ({ directory }) => {
-    const body = {
-        directory,
-    };
-    return (0, exports.callApi)('/api/open-in-file-explorer', body);
-};
-exports.openInFileExplorer = openInFileExplorer;
-const removeRenderJob = (job) => {
-    return (0, exports.callApi)('/api/remove-render', {
-        jobId: job.id,
-    });
-};
-exports.removeRenderJob = removeRenderJob;
-const cancelRenderJob = (job) => {
-    return (0, exports.callApi)('/api/cancel', {
-        jobId: job.id,
-    });
-};
-exports.cancelRenderJob = cancelRenderJob;

package/dist/editor/components/RenderQueue/context.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import type { RenderJob } from '../../../preview-server/render-queue/job';
-declare global {
-    interface Window {
-        remotion_initialRenderQueue: RenderJob[];
-    }
-}
-declare type RenderQueueContextType = {
-    jobs: RenderJob[];
-};
-export declare const RenderQueueContext: React.Context<RenderQueueContextType>;
-export declare const useShouldRenderLeftSidebarTabs: () => boolean;
-export declare const renderJobsRef: React.RefObject<{
-    updateRenderJobs: (jobs: RenderJob[]) => void;
-}>;
-export declare const RenderQueueContextProvider: React.FC<{
-    children: React.ReactNode;
-}>;
-export {};

package/dist/editor/components/RenderQueue/context.js

@@ -1,56 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RenderQueueContextProvider = exports.renderJobsRef = exports.useShouldRenderLeftSidebarTabs = exports.RenderQueueContext = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-const client_id_1 = require("../../helpers/client-id");
-exports.RenderQueueContext = react_1.default.createContext({
-    jobs: [],
-});
-const useShouldRenderLeftSidebarTabs = () => {
-    const context = (0, react_1.useContext)(exports.RenderQueueContext);
-    const previewServer = (0, react_1.useContext)(client_id_1.PreviewServerConnectionCtx);
-    return context.jobs.length > 0 && previewServer.type === 'connected';
-};
-exports.useShouldRenderLeftSidebarTabs = useShouldRenderLeftSidebarTabs;
-exports.renderJobsRef = (0, react_1.createRef)();
-const RenderQueueContextProvider = ({ children }) => {
-    const [jobs, setJobs] = (0, react_1.useState)(window.remotion_initialRenderQueue);
-    const value = (0, react_1.useMemo)(() => {
-        return {
-            jobs,
-        };
-    }, [jobs]);
-    (0, react_1.useImperativeHandle)(exports.renderJobsRef, () => {
-        return {
-            updateRenderJobs: (newJobs) => {
-                setJobs(newJobs);
-            },
-        };
-    }, []);
-    return ((0, jsx_runtime_1.jsx)(exports.RenderQueueContext.Provider, { value: value, children: children }));
-};
-exports.RenderQueueContextProvider = RenderQueueContextProvider;

package/dist/editor/components/RenderQueue/index.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const RenderQueue: React.FC;

package/dist/editor/components/RenderQueue/index.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RenderQueue = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const colors_1 = require("../../helpers/colors");
-const context_1 = require("./context");
-const RenderQueueItem_1 = require("./RenderQueueItem");
-const separatorStyle = {
-    borderBottom: `1px solid ${colors_1.BORDER_COLOR}`,
-};
-const RenderQueue = () => {
-    const { jobs } = (0, react_1.useContext)(context_1.RenderQueueContext);
-    return ((0, jsx_runtime_1.jsx)("div", { children: jobs.map((j, index) => {
-            return ((0, jsx_runtime_1.jsx)("div", { style: index === jobs.length - 1 ? undefined : separatorStyle, children: (0, jsx_runtime_1.jsx)(RenderQueueItem_1.RenderQueueItem, { job: j }) }, j.id));
-        }) }));
-};
-exports.RenderQueue = RenderQueue;

package/dist/editor/components/RenderQueue/item-style.d.ts

@@ -1,2 +0,0 @@
-import type React from 'react';
-export declare const renderQueueItemSubtitleStyle: React.CSSProperties;

package/dist/editor/components/RenderQueue/item-style.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderQueueItemSubtitleStyle = void 0;
-const colors_1 = require("../../helpers/colors");
-const layout_1 = require("../layout");
-exports.renderQueueItemSubtitleStyle = {
-    fontSize: 13,
-    color: colors_1.LIGHT_TEXT,
-    appearance: 'none',
-    border: 'none',
-    padding: 0,
-    cursor: 'pointer',
-    lineHeight: 1.2,
-    textAlign: 'left',
-    whiteSpace: 'nowrap',
-    marginRight: layout_1.SPACING_UNIT,
-    overflowX: 'hidden',
-    // size smaller than viewport causes actual ellipse
-    maxWidth: 500,
-    textOverflow: 'ellipsis',
-};

package/dist/editor/components/RenderToolbarIcon.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const RenderStillButton: React.FC;

package/dist/editor/components/RenderToolbarIcon.js

@@ -1,79 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RenderStillButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const remotion_1 = require("remotion");
-const get_default_out_name_1 = require("../../get-default-out-name");
-const get_default_video_contexts_1 = require("../../preview-server/render-queue/get-default-video-contexts");
-const client_id_1 = require("../helpers/client-id");
-const render_1 = require("../icons/render");
-const modals_1 = require("../state/modals");
-const ControlButton_1 = require("./ControlButton");
-const RenderStillButton = () => {
-    const { setSelectedModal } = (0, react_1.useContext)(modals_1.ModalsContext);
-    const { type } = (0, react_1.useContext)(client_id_1.PreviewServerConnectionCtx);
-    const iconStyle = (0, react_1.useMemo)(() => {
-        return {
-            style: {
-                height: 15,
-            },
-        };
-    }, []);
-    const tooltip = type === 'connected'
-        ? 'Export the current frame as a still image'
-        : 'Connect to the preview server to render';
-    const video = remotion_1.Internals.useVideo();
-    const frame = (0, remotion_1.useCurrentFrame)();
-    const onClick = (0, react_1.useCallback)(() => {
-        var _a, _b;
-        if (!video) {
-            return null;
-        }
-        const isVideo = video.durationInFrames > 1;
-        const defaults = window.remotion_renderDefaults;
-        if (!defaults) {
-            throw new TypeError('Expected defaults');
-        }
-        const { initialAudioCodec, initialRenderType, initialVideoCodec } = (0, get_default_video_contexts_1.getDefaultCodecs)({
-            defaultCodec: defaults.codec,
-            isStill: !isVideo,
-        });
-        setSelectedModal({
-            type: 'render',
-            compositionId: video.id,
-            initialFrame: frame,
-            initialStillImageFormat: defaults.stillImageFormat,
-            initialVideoImageFormat: defaults.videoImageFormat,
-            initialOutName: (0, get_default_out_name_1.getDefaultOutLocation)({
-                compositionName: video.id,
-                defaultExtension: isVideo ? 'mp4' : 'png',
-                type: 'asset',
-            }),
-            initialQuality: defaults.quality,
-            initialScale: (_b = (_a = window.remotion_renderDefaults) === null || _a === void 0 ? void 0 : _a.scale) !== null && _b !== void 0 ? _b : 1,
-            initialVerbose: defaults.logLevel === 'verbose',
-            initialVideoCodecForAudioTab: initialAudioCodec,
-            initialRenderType,
-            initialVideoCodecForVideoTab: initialVideoCodec,
-            initialConcurrency: defaults.concurrency,
-            maxConcurrency: defaults.maxConcurrency,
-            minConcurrency: defaults.minConcurrency,
-            initialMuted: defaults.muted,
-            initialEnforceAudioTrack: defaults.enforceAudioTrack,
-            initialProResProfile: defaults.proResProfile,
-            initialPixelFormat: defaults.pixelFormat,
-            initialAudioBitrate: defaults.audioBitrate,
-            initialVideoBitrate: defaults.videoBitrate,
-            initialEveryNthFrame: defaults.everyNthFrame,
-            initialNumberOfGifLoops: defaults.numberOfGifLoops,
-            initialDelayRenderTimeout: defaults.delayRenderTimeout,
-            initialAudioCodec: defaults.audioCodec,
-        });
-    }, [video, frame, setSelectedModal]);
-    if (!video) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsx)(ControlButton_1.ControlButton, { id: "render-modal-button", disabled: type !== 'connected', title: tooltip, "aria-label": tooltip, onClick: onClick, children: (0, jsx_runtime_1.jsx)(render_1.RenderIcon, { svgProps: iconStyle }) }));
-};
-exports.RenderStillButton = RenderStillButton;

package/dist/editor/components/RendersTab.d.ts

@@ -1,6 +0,0 @@
-import type { MouseEventHandler } from 'react';
-import React from 'react';
-export declare const RendersTab: React.FC<{
-    selected: boolean;
-    onClick: MouseEventHandler<HTMLButtonElement>;
-}>;

package/dist/editor/components/RendersTab.js

@@ -1,43 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RendersTab = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const colors_1 = require("../helpers/colors");
-const layout_1 = require("./layout");
-const context_1 = require("./RenderQueue/context");
-const Tabs_1 = require("./Tabs");
-const row = {
-    display: 'flex',
-    flexDirection: 'row',
-    fontSize: 13,
-    justifyContent: 'center',
-    color: 'inherit',
-    alignItems: 'center',
-};
-const badge = {
-    height: 16,
-    width: 16,
-    borderRadius: 8,
-    fontSize: 10,
-    display: 'inline-flex',
-    justifyContent: 'center',
-    alignItems: 'center',
-};
-const RendersTab = ({ selected, onClick }) => {
-    const { jobs } = (0, react_1.useContext)(context_1.RenderQueueContext);
-    const failedJobs = jobs.filter((j) => j.status === 'failed').length;
-    const jobCount = jobs.length;
-    const badgeStyle = (0, react_1.useMemo)(() => {
-        return {
-            ...badge,
-            backgroundColor: failedJobs > 0 ? colors_1.FAIL_COLOR : 'transparent',
-            color: failedJobs > 0 ? 'white' : colors_1.LIGHT_TEXT,
-            borderWidth: failedJobs > 0 ? 0 : 1,
-            borderStyle: 'solid',
-            borderColor: colors_1.LIGHT_TEXT,
-        };
-    }, [failedJobs]);
-    return ((0, jsx_runtime_1.jsx)(Tabs_1.Tab, { selected: selected, onClick: onClick, children: (0, jsx_runtime_1.jsxs)("div", { style: row, children: ["Renders", jobCount > 0 ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 0.5 }), (0, jsx_runtime_1.jsx)("div", { style: badgeStyle, children: jobCount })] })) : null] }) }));
-};
-exports.RendersTab = RendersTab;

package/dist/editor/components/SegmentedControl.d.ts

@@ -1,16 +0,0 @@
-import type { PropsWithChildren } from 'react';
-import React from 'react';
-export declare type SegmentedControlItem = {
-    label: React.ReactNode;
-    onClick: () => void;
-    key: string;
-    selected: boolean;
-};
-export declare const SegmentedControl: React.FC<{
-    items: SegmentedControlItem[];
-    needsWrapping: boolean;
-}>;
-export declare const Item: React.FC<PropsWithChildren<{
-    selected: boolean;
-    onClick: () => void;
-}>>;

package/dist/editor/components/SegmentedControl.js

@@ -1,63 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Item = exports.SegmentedControl = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const colors_1 = require("../helpers/colors");
-const z_index_1 = require("../state/z-index");
-const container = {
-    display: 'flex',
-    flexDirection: 'row',
-    overflow: 'hidden',
-    border: '1px solid ' + colors_1.INPUT_BORDER_COLOR_UNHOVERED,
-    flexWrap: 'wrap',
-    maxWidth: '295px',
-    justifyContent: 'flex-end',
-};
-const item = {
-    display: 'flex',
-    fontSize: 15,
-    padding: '4px 12px',
-    cursor: 'pointer',
-    appearance: 'none',
-    border: 'none',
-};
-const SegmentedControl = ({ items, needsWrapping }) => {
-    const controlStyle = (0, react_1.useMemo)(() => {
-        if (needsWrapping) {
-            return {
-                ...container,
-                flexWrap: 'wrap',
-                maxWidth: '248px',
-                justifyContent: 'flex-end',
-                marginBottom: '8px',
-            };
-        }
-        return {
-            ...container,
-        };
-    }, [needsWrapping]);
-    return ((0, jsx_runtime_1.jsx)("div", { style: controlStyle, children: items.map((i) => {
-            return ((0, jsx_runtime_1.jsx)(exports.Item, { onClick: i.onClick, selected: i.selected, children: i.label }, i.key));
-        }) }));
-};
-exports.SegmentedControl = SegmentedControl;
-const Item = ({ selected, onClick, children }) => {
-    const [hovered, setHovered] = (0, react_1.useState)(false);
-    const { tabIndex } = (0, z_index_1.useZIndex)();
-    const onPointerEnter = (0, react_1.useCallback)(() => {
-        setHovered(true);
-    }, []);
-    const onPointerLeave = (0, react_1.useCallback)(() => {
-        setHovered(false);
-    }, []);
-    const itemStyle = (0, react_1.useMemo)(() => {
-        return {
-            ...item,
-            backgroundColor: selected ? colors_1.INPUT_BACKGROUND : 'transparent',
-            color: selected ? 'white' : hovered ? 'white' : colors_1.LIGHT_TEXT,
-        };
-    }, [hovered, selected]);
-    return ((0, jsx_runtime_1.jsx)("button", { type: "button", onPointerEnter: onPointerEnter, onPointerLeave: onPointerLeave, style: itemStyle, tabIndex: tabIndex, onClick: onClick, children: children }));
-};
-exports.Item = Item;

package/dist/editor/components/SidebarContent.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-export declare const leftSidebarTabs: React.RefObject<{
-    selectRendersPanel: () => void;
-}>;
-export declare const SidebarContent: React.FC;

package/dist/editor/components/SidebarContent.js

@@ -1,52 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SidebarContent = exports.leftSidebarTabs = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const colors_1 = require("../helpers/colors");
-const CompositionSelector_1 = require("./CompositionSelector");
-const CurrentCompositionSideEffects_1 = require("./CurrentCompositionSideEffects");
-const RenderQueue_1 = require("./RenderQueue");
-const context_1 = require("./RenderQueue/context");
-const RendersTab_1 = require("./RendersTab");
-const Tabs_1 = require("./Tabs");
-const container = {
-    width: '100%',
-};
-const tabsContainer = {
-    borderBottom: `1px solid ${colors_1.BORDER_COLOR}`,
-};
-exports.leftSidebarTabs = (0, react_1.createRef)();
-const localStorageKey = 'remotion.sidebarPanel';
-const persistSelectedPanel = (panel) => {
-    localStorage.setItem(localStorageKey, panel);
-};
-const getSelectedPanel = (shouldRender) => {
-    const panel = localStorage.getItem(localStorageKey);
-    if (panel === 'renders' && shouldRender) {
-        return 'renders';
-    }
-    return 'compositions';
-};
-const SidebarContent = () => {
-    const shouldRender = (0, context_1.useShouldRenderLeftSidebarTabs)();
-    const [panel, setPanel] = (0, react_1.useState)(() => getSelectedPanel(shouldRender));
-    const onCompositionsSelected = (0, react_1.useCallback)(() => {
-        setPanel('compositions');
-        persistSelectedPanel('compositions');
-    }, []);
-    const onRendersSelected = (0, react_1.useCallback)(() => {
-        setPanel('renders');
-        persistSelectedPanel('renders');
-    }, []);
-    (0, react_1.useImperativeHandle)(exports.leftSidebarTabs, () => {
-        return {
-            selectRendersPanel: () => {
-                setPanel('renders');
-                persistSelectedPanel('renders');
-            },
-        };
-    }, []);
-    return ((0, jsx_runtime_1.jsxs)("div", { style: container, children: [shouldRender ? ((0, jsx_runtime_1.jsx)("div", { style: tabsContainer, children: (0, jsx_runtime_1.jsxs)(Tabs_1.Tabs, { children: [(0, jsx_runtime_1.jsx)(Tabs_1.Tab, { selected: panel === 'compositions', onClick: onCompositionsSelected, children: "Compositions" }), (0, jsx_runtime_1.jsx)(RendersTab_1.RendersTab, { onClick: onRendersSelected, selected: panel === 'renders' })] }) })) : null, panel === 'renders' && shouldRender ? ((0, jsx_runtime_1.jsx)(RenderQueue_1.RenderQueue, {})) : ((0, jsx_runtime_1.jsx)(CompositionSelector_1.CompositionSelector, {})), (0, jsx_runtime_1.jsx)(CurrentCompositionSideEffects_1.CurrentCompositionKeybindings, {}), (0, jsx_runtime_1.jsx)(CurrentCompositionSideEffects_1.TitleUpdater, {})] }));
-};
-exports.SidebarContent = SidebarContent;

package/dist/editor/components/Tabs/index.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-export declare const Tabs: React.FC<{
-    children: React.ReactNode;
-    style?: React.CSSProperties;
-}>;
-export declare const Tab: React.FC<{
-    children: React.ReactNode;
-    onClick: React.MouseEventHandler<HTMLButtonElement>;
-    style?: React.CSSProperties;
-    selected: boolean;
-}>;