@remotion/studio 4.0.502 → 4.0.503

package/dist/components/use-element-overwrite-confirmation.js

@@ -1,73 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useElementOverwriteConfirmation = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const ConfirmationDialog_1 = require("./ConfirmationDialog");
-const filePathStyle = {
-    color: 'inherit',
-    fontFamily: 'monospace',
-    fontSize: 13,
-    lineHeight: 1.4,
-};
-const warningStyle = {
-    color: 'inherit',
-    fontFamily: 'sans-serif',
-    fontSize: 14,
-    lineHeight: 1.4,
-    marginTop: 12,
-};
-const sourceDetailsStyle = {
-    color: 'inherit',
-    fontFamily: 'sans-serif',
-    fontSize: 13,
-    lineHeight: 1.4,
-    marginTop: 12,
-};
-const sourceSummaryStyle = {
-    color: 'inherit',
-    cursor: 'pointer',
-    fontFamily: 'sans-serif',
-    fontSize: 13,
-    fontWeight: 500,
-    lineHeight: 1.4,
-};
-const sourceCodeBlockStyle = {
-    backgroundColor: 'rgba(255, 255, 255, 0.06)',
-    borderRadius: 6,
-    color: 'inherit',
-    fontFamily: 'monospace',
-    fontSize: 12,
-    lineHeight: 1.5,
-    marginBottom: 0,
-    marginTop: 8,
-    maxHeight: 200,
-    overflow: 'auto',
-    padding: 12,
-    whiteSpace: 'pre',
-};
-const sourceCodeStyle = {
-    color: 'inherit',
-    fontFamily: 'monospace',
-    fontSize: 12,
-    lineHeight: 1.5,
-};
-const useElementOverwriteConfirmation = () => {
-    const confirm = (0, ConfirmationDialog_1.useConfirmationDialog)();
-    return (0, react_1.useCallback)((conflict) => {
-        return confirm({
-            title: 'Overwrite Element file?',
-            message: (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: ["The Element file", ' ', jsx_runtime_1.jsx("code", { style: filePathStyle, children: conflict.filePath }),
-                    " already exists with different contents.",
-                    jsx_runtime_1.jsx("div", { style: warningStyle, children: "Overwriting will replace local changes in this file. The composition will only be updated if you choose Overwrite." }), jsx_runtime_1.jsxs("details", { style: sourceDetailsStyle, open: true, children: [
-                            jsx_runtime_1.jsx("summary", { style: sourceSummaryStyle, children: "Existing source" }), jsx_runtime_1.jsx("pre", { style: sourceCodeBlockStyle, children: jsx_runtime_1.jsx("code", { style: sourceCodeStyle, children: conflict.existingSource }) })
-                        ] }), jsx_runtime_1.jsxs("details", { style: sourceDetailsStyle, children: [
-                            jsx_runtime_1.jsx("summary", { style: sourceSummaryStyle, children: "Incoming source" }), jsx_runtime_1.jsx("pre", { style: sourceCodeBlockStyle, children: jsx_runtime_1.jsx("code", { style: sourceCodeStyle, children: conflict.incomingSource }) })
-                        ] })
-                ] })),
-            confirmLabel: 'Overwrite',
-            cancelLabel: 'Cancel',
-        });
-    }, [confirm]);
-};
-exports.useElementOverwriteConfirmation = useElementOverwriteConfirmation;