@remotion/cli 3.3.84 → 3.3.87

package/dist/editor/components/RenderModal/SchemaEditor/ZodBooleanEditor.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZodBooleanEditor = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const Checkbox_1 = require("../../Checkbox");
-const layout_1 = require("../layout");
-const SchemaLabel_1 = require("./SchemaLabel");
-const fullWidth = {
-    width: '100%',
-};
-const ZodBooleanEditor = ({ jsonPath, value, setValue, onSave, compact, defaultValue, onRemove, showSaveButton, }) => {
-    const onValueChange = (0, react_1.useCallback)((newValue) => {
-        setValue(newValue);
-    }, [setValue]);
-    const onChange = (0, react_1.useCallback)((e) => {
-        onValueChange(e.target.checked);
-    }, [onValueChange]);
-    const reset = (0, react_1.useCallback)(() => {
-        onValueChange(defaultValue);
-    }, [defaultValue, onValueChange]);
-    const save = (0, react_1.useCallback)(() => {
-        onSave(() => value);
-    }, [onSave, value]);
-    return ((0, jsx_runtime_1.jsxs)("div", { style: compact ? layout_1.narrowOption : layout_1.optionRow, children: [(0, jsx_runtime_1.jsx)(SchemaLabel_1.SchemaLabel, { isDefaultValue: value === defaultValue, jsonPath: jsonPath, onReset: reset, onSave: save, showSaveButton: showSaveButton, compact: compact, onRemove: onRemove }), (0, jsx_runtime_1.jsx)("div", { style: fullWidth, children: (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { checked: value, onChange: onChange, disabled: false }) })] }));
-};
-exports.ZodBooleanEditor = ZodBooleanEditor;

package/dist/editor/components/RenderModal/SchemaEditor/ZodColorEditor.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import type { z } from 'remotion';
-import type { JSONPath } from './zod-types';
-export declare const ZodColorEditor: React.FC<{
-    schema: z.ZodTypeAny;
-    jsonPath: JSONPath;
-    value: string;
-    defaultValue: string;
-    setValue: React.Dispatch<React.SetStateAction<string>>;
-    onSave: (updater: (oldNum: unknown) => string) => void;
-    onRemove: null | (() => void);
-    compact: boolean;
-    showSaveButton: boolean;
-}>;

package/dist/editor/components/RenderModal/SchemaEditor/ZodColorEditor.js

@@ -1,108 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZodColorEditor = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const remotion_1 = require("remotion");
-const color_math_1 = require("../../../../color-math");
-const layout_1 = require("../../layout");
-const InputDragger_1 = require("../../NewComposition/InputDragger");
-const RemInput_1 = require("../../NewComposition/RemInput");
-const RemInputTypeColor_1 = require("../../NewComposition/RemInputTypeColor");
-const ValidationMessage_1 = require("../../NewComposition/ValidationMessage");
-const layout_2 = require("../layout");
-const SchemaLabel_1 = require("./SchemaLabel");
-const fullWidth = {
-    width: '100%',
-};
-const ZodColorEditor = ({ jsonPath, value, setValue, showSaveButton, defaultValue, schema, compact, onSave, onRemove, }) => {
-    const [localValue, setLocalValue] = (0, react_1.useState)(() => {
-        return {
-            value,
-            zodValidation: schema.safeParse(value),
-        };
-    });
-    const onValueChange = (0, react_1.useCallback)((newValue) => {
-        const safeParse = schema.safeParse(newValue);
-        const newLocalState = {
-            value: newValue,
-            zodValidation: safeParse,
-        };
-        setLocalValue(newLocalState);
-        if (safeParse.success) {
-            setValue(newValue);
-        }
-    }, [schema, setValue]);
-    const { a, b, g, r } = localValue.zodValidation.success
-        ? remotion_1.Internals.parseColor(localValue.value)
-        : { a: 1, b: 0, g: 0, r: 0 };
-    const onChange = (0, react_1.useCallback)((e) => {
-        const newColor = (0, color_math_1.colorWithNewOpacity)(e.target.value, Math.round(a));
-        const safeParse = schema.safeParse(newColor);
-        const newLocalState = {
-            value: newColor,
-            zodValidation: safeParse,
-        };
-        setLocalValue(newLocalState);
-        if (safeParse.success) {
-            setValue(newColor);
-        }
-    }, [a, schema, setValue]);
-    const onTextChange = (0, react_1.useCallback)((e) => {
-        const newValue = e.target.value;
-        const safeParse = schema.safeParse(newValue);
-        const newLocalState = {
-            value: newValue,
-            zodValidation: safeParse,
-        };
-        setLocalValue(newLocalState);
-        if (safeParse.success) {
-            setValue(newValue);
-        }
-    }, [schema, setValue]);
-    const reset = (0, react_1.useCallback)(() => {
-        onValueChange(defaultValue);
-    }, [defaultValue, onValueChange]);
-    const save = (0, react_1.useCallback)(() => {
-        onSave(() => value);
-    }, [onSave, value]);
-    const rgb = `#${r.toString(16).padStart(2, '0')}${g
-        .toString(16)
-        .padStart(2, '0')}${b.toString(16).padStart(2, '0')}`;
-    const status = localValue.zodValidation.success ? 'ok' : 'error';
-    const colorPicker = (0, react_1.useMemo)(() => {
-        return {
-            height: 39,
-            width: 45,
-            display: 'inline-block',
-        };
-    }, []);
-    const onOpacityChange = (0, react_1.useCallback)((newValue) => {
-        const newColor = (0, color_math_1.colorWithNewOpacity)(localValue.value, Math.round((Number(newValue) / 100) * 255));
-        const safeParse = schema.safeParse(newColor);
-        const newLocalState = {
-            value: newColor,
-            zodValidation: safeParse,
-        };
-        setLocalValue(newLocalState);
-        if (safeParse.success) {
-            setValue(newColor);
-        }
-    }, [localValue.value, schema, setValue]);
-    const onOpacityValueChange = (0, react_1.useCallback)((newValue) => {
-        const newColor = (0, color_math_1.colorWithNewOpacity)(localValue.value, Math.round((Number(newValue) / 100) * 255));
-        const safeParse = schema.safeParse(newColor);
-        const newLocalState = {
-            value: String(newColor),
-            zodValidation: safeParse,
-        };
-        setLocalValue(newLocalState);
-        if (safeParse.success) {
-            setValue(newColor);
-        }
-    }, [localValue.value, schema, setValue]);
-    return ((0, jsx_runtime_1.jsxs)("div", { style: compact ? layout_2.narrowOption : layout_2.optionRow, children: [(0, jsx_runtime_1.jsx)(SchemaLabel_1.SchemaLabel, { compact: compact, isDefaultValue: value === defaultValue, jsonPath: jsonPath, onReset: reset, onSave: save, showSaveButton: showSaveButton, onRemove: onRemove }), (0, jsx_runtime_1.jsxs)("div", { style: fullWidth, children: [(0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: colorPicker, children: (0, jsx_runtime_1.jsx)(RemInputTypeColor_1.RemInputTypeColor, { type: "color", style: {
-                                        height: 39,
-                                    }, value: rgb, onChange: onChange, className: "__remotion_color_picker", status: status }) }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 1, block: true }), (0, jsx_runtime_1.jsx)(RemInput_1.RemotionInput, { value: localValue.value, status: status, placeholder: jsonPath.join('.'), onChange: onTextChange, rightAlign: false }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 1 }), (0, jsx_runtime_1.jsx)(InputDragger_1.InputDragger, { onTextChange: onOpacityChange, onValueChange: onOpacityValueChange, status: status, value: (a / 255) * 100, min: 0, max: 100, step: 1, formatter: (v) => `${Math.round(Number(v))}%`, rightAlign: false })] }), !localValue.zodValidation.success && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(layout_1.Spacing, { y: 1, block: true }), (0, jsx_runtime_1.jsx)(ValidationMessage_1.ValidationMessage, { align: "flex-end", message: localValue.zodValidation.error.format()._errors[0], type: "error" })] }))] })] }));
-};
-exports.ZodColorEditor = ZodColorEditor;

package/dist/editor/components/RenderModal/SchemaEditor/ZodDateEditor.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import type { z } from 'remotion';
-import type { JSONPath } from './zod-types';
-export declare const ZodDateEditor: React.FC<{
-    schema: z.ZodTypeAny;
-    jsonPath: JSONPath;
-    value: Date;
-    defaultValue: Date;
-    setValue: React.Dispatch<React.SetStateAction<Date>>;
-    onSave: (updater: (oldNum: unknown) => Date) => void;
-    onRemove: null | (() => void);
-    compact: boolean;
-    showSaveButton: boolean;
-}>;

package/dist/editor/components/RenderModal/SchemaEditor/ZodDateEditor.js

@@ -1,76 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZodDateEditor = 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 RemInput_1 = require("../../NewComposition/RemInput");
-const ValidationMessage_1 = require("../../NewComposition/ValidationMessage");
-const layout_2 = require("../layout");
-const SchemaLabel_1 = require("./SchemaLabel");
-const fullWidth = {
-    width: '100%',
-};
-const explainer = {
-    fontFamily: 'sans-serif',
-    fontSize: 12,
-    color: colors_1.VERY_LIGHT_TEXT,
-    marginBottom: layout_1.SPACING_UNIT,
-};
-// This will do 2 things:
-// - Make the calendar icon white
-// Turn the input popup a dark mode input
-const inputStyle = {
-    colorScheme: 'dark',
-};
-const formatDate = (date) => {
-    // Get the year, month, day, hours, minutes, seconds, and milliseconds
-    const year = date.getFullYear();
-    const month = date.getMonth() + 1; // Month is zero-indexed, so we add 1
-    const day = date.getDate();
-    const hours = date.getHours();
-    const minutes = date.getMinutes();
-    const seconds = date.getSeconds();
-    const milliseconds = date.getMilliseconds();
-    // Format the date as a string
-    const formattedDate = `${year}-${month.toString().padStart(2, '0')}-${day
-        .toString()
-        .padStart(2, '0')}T${hours.toString().padStart(2, '0')}:${minutes
-        .toString()
-        .padStart(2, '0')}:${seconds.toString().padStart(2, '0')}.${milliseconds
-        .toString()
-        .padStart(3, '0')}`;
-    return formattedDate;
-};
-const ZodDateEditor = ({ jsonPath, value, setValue, showSaveButton, defaultValue, schema, compact, onSave, onRemove, }) => {
-    const [localValue, setLocalValue] = (0, react_1.useState)(() => {
-        return {
-            value,
-            zodValidation: schema.safeParse(value),
-        };
-    });
-    const onValueChange = (0, react_1.useCallback)((newValue) => {
-        const safeParse = schema.safeParse(newValue);
-        const newLocalState = {
-            value: newValue,
-            zodValidation: safeParse,
-        };
-        setLocalValue(newLocalState);
-        if (safeParse.success) {
-            setValue(newValue);
-        }
-    }, [schema, setValue]);
-    const onChange = (0, react_1.useCallback)((e) => {
-        // React does not support e.target.valueAsDate :(
-        onValueChange(new Date(e.target.value));
-    }, [onValueChange]);
-    const reset = (0, react_1.useCallback)(() => {
-        onValueChange(defaultValue);
-    }, [defaultValue, onValueChange]);
-    const save = (0, react_1.useCallback)(() => {
-        onSave(() => value);
-    }, [onSave, value]);
-    return ((0, jsx_runtime_1.jsxs)("div", { style: compact ? layout_2.narrowOption : layout_2.optionRow, children: [(0, jsx_runtime_1.jsx)(SchemaLabel_1.SchemaLabel, { compact: compact, isDefaultValue: value.getTime() === defaultValue.getTime(), jsonPath: jsonPath, onReset: reset, onSave: save, showSaveButton: showSaveButton, onRemove: onRemove }), (0, jsx_runtime_1.jsxs)("div", { style: fullWidth, children: [(0, jsx_runtime_1.jsx)(RemInput_1.RemotionInput, { value: formatDate(localValue.value), type: "datetime-local", status: localValue.zodValidation.success ? 'ok' : 'error', placeholder: jsonPath.join('.'), onChange: onChange, style: inputStyle, rightAlign: false }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { y: 1, block: true }), (0, jsx_runtime_1.jsx)("div", { style: explainer, children: "Date is in local format" }), !localValue.zodValidation.success && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(layout_1.Spacing, { y: 1, block: true }), (0, jsx_runtime_1.jsx)(ValidationMessage_1.ValidationMessage, { align: "flex-end", message: localValue.zodValidation.error.format()._errors[0], type: "error" })] }))] })] }));
-};
-exports.ZodDateEditor = ZodDateEditor;

package/dist/editor/components/RenderModal/SchemaEditor/ZodEffectEditor.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { z } from 'remotion';
-import type { JSONPath } from './zod-types';
-export declare const ZodEffectEditor: React.FC<{
-    schema: z.ZodTypeAny;
-    jsonPath: JSONPath;
-    value: unknown;
-    setValue: (value: unknown) => void;
-    compact: boolean;
-    defaultValue: unknown;
-    onSave: (updater: (oldState: unknown) => unknown) => void;
-    showSaveButton: boolean;
-    onRemove: null | (() => void);
-}>;

package/dist/editor/components/RenderModal/SchemaEditor/ZodEffectEditor.js

@@ -1,51 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZodEffectEditor = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const remotion_1 = require("remotion");
-const colors_1 = require("../../../helpers/colors");
-const ValidationMessage_1 = require("../../NewComposition/ValidationMessage");
-const ZodSwitch_1 = require("./ZodSwitch");
-const fullWidth = {
-    width: '100%',
-};
-const ZodEffectEditor = ({ schema, jsonPath, value, setValue: updateValue, compact, defaultValue, onSave, onRemove, showSaveButton, }) => {
-    const [localValue, setLocalValue] = (0, react_1.useState)(() => {
-        return {
-            value,
-            zodValidation: schema.safeParse(value),
-        };
-    });
-    const def = schema._def;
-    const typeName = def.typeName;
-    if (typeName !== remotion_1.z.ZodFirstPartyTypeKind.ZodEffects) {
-        throw new Error('expected effect');
-    }
-    const onChange = (0, react_1.useCallback)((newValue) => {
-        setLocalValue(() => {
-            const safeParse = schema.safeParse(newValue);
-            if (safeParse.success) {
-                updateValue(() => newValue);
-            }
-            return {
-                value: newValue,
-                zodValidation: safeParse,
-            };
-        });
-    }, [schema, updateValue]);
-    const container = (0, react_1.useMemo)(() => {
-        if (!localValue.zodValidation.success) {
-            return {
-                border: `1px solid ${colors_1.FAIL_COLOR}`,
-                borderRadius: 4,
-            };
-        }
-        return {
-            border: 'none',
-            padding: 0,
-        };
-    }, [localValue.zodValidation.success]);
-    return ((0, jsx_runtime_1.jsxs)("fieldset", { style: container, children: [(0, jsx_runtime_1.jsx)("div", { style: fullWidth, children: (0, jsx_runtime_1.jsx)(ZodSwitch_1.ZodSwitch, { value: value, setValue: onChange, jsonPath: jsonPath, schema: def.schema, compact: compact, defaultValue: defaultValue, onSave: onSave, showSaveButton: showSaveButton, onRemove: onRemove }) }), !localValue.zodValidation.success && ((0, jsx_runtime_1.jsx)("legend", { children: (0, jsx_runtime_1.jsx)(ValidationMessage_1.ValidationMessage, { align: "flex-end", message: localValue.zodValidation.error.format()._errors[0], type: "error" }) }))] }));
-};
-exports.ZodEffectEditor = ZodEffectEditor;

package/dist/editor/components/RenderModal/SchemaEditor/ZodEnumEditor.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { z } from 'remotion';
-import type { JSONPath } from './zod-types';
-export declare const ZodEnumEditor: React.FC<{
-    schema: z.ZodTypeAny;
-    jsonPath: JSONPath;
-    value: string;
-    defaultValue: string;
-    setValue: React.Dispatch<React.SetStateAction<string>>;
-    onSave: (updater: (oldState: string) => string) => void;
-    compact: boolean;
-    showSaveButton: boolean;
-    onRemove: null | (() => void);
-}>;

package/dist/editor/components/RenderModal/SchemaEditor/ZodEnumEditor.js

@@ -1,68 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZodEnumEditor = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const remotion_1 = require("remotion");
-const Checkmark_1 = require("../../../icons/Checkmark");
-const layout_1 = require("../../layout");
-const ComboBox_1 = require("../../NewComposition/ComboBox");
-const ValidationMessage_1 = require("../../NewComposition/ValidationMessage");
-const layout_2 = require("../layout");
-const SchemaLabel_1 = require("./SchemaLabel");
-const container = {
-    width: '100%',
-};
-const ZodEnumEditor = ({ schema, jsonPath, compact, setValue: updateValue, defaultValue, value, onSave, showSaveButton, onRemove, }) => {
-    const [localValue, setLocalValue] = (0, react_1.useState)(() => {
-        return {
-            value,
-            zodValidation: schema.safeParse(value),
-            revision: 0,
-        };
-    });
-    const def = schema._def;
-    const typeName = def.typeName;
-    if (typeName !== remotion_1.z.ZodFirstPartyTypeKind.ZodEnum) {
-        throw new Error('expected enum');
-    }
-    const isRoot = jsonPath.length === 0;
-    const onChange = (0, react_1.useCallback)((updater) => {
-        setLocalValue((oldLocalState) => {
-            const newValue = updater(oldLocalState.value);
-            const safeParse = schema.safeParse(newValue);
-            if (safeParse.success) {
-                updateValue(updater);
-            }
-            return {
-                value: newValue,
-                zodValidation: safeParse,
-            };
-        });
-    }, [schema, updateValue]);
-    const reset = (0, react_1.useCallback)(() => {
-        onChange(() => defaultValue);
-    }, [defaultValue, onChange]);
-    const comboBoxValues = (0, react_1.useMemo)(() => {
-        return def.values.map((option) => {
-            return {
-                value: option,
-                label: option,
-                id: option,
-                keyHint: null,
-                leftItem: option === value ? (0, jsx_runtime_1.jsx)(Checkmark_1.Checkmark, {}) : null,
-                onClick: (id) => {
-                    onChange(() => id);
-                },
-                quickSwitcherLabel: null,
-                subMenu: null,
-                type: 'item',
-            };
-        });
-    }, [def.values, onChange, value]);
-    const save = (0, react_1.useCallback)(() => {
-        onSave(() => value);
-    }, [onSave, value]);
-    return ((0, jsx_runtime_1.jsxs)("div", { style: compact ? layout_2.narrowOption : layout_2.optionRow, children: [(0, jsx_runtime_1.jsx)(SchemaLabel_1.SchemaLabel, { onSave: save, showSaveButton: showSaveButton, isDefaultValue: value === defaultValue, compact: compact, onReset: reset, jsonPath: jsonPath, onRemove: onRemove }), (0, jsx_runtime_1.jsx)("div", { style: isRoot ? undefined : container, children: (0, jsx_runtime_1.jsx)(ComboBox_1.Combobox, { values: comboBoxValues, selectedId: value, title: value }) }), !localValue.zodValidation.success && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 1 }), (0, jsx_runtime_1.jsx)(ValidationMessage_1.ValidationMessage, { align: "flex-end", message: localValue.zodValidation.error.format()._errors[0], type: "error" })] }))] }));
-};
-exports.ZodEnumEditor = ZodEnumEditor;

package/dist/editor/components/RenderModal/SchemaEditor/ZodErrorMessages.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import type { z } from 'remotion';
-export declare const ZodErrorMessages: React.FC<{
-    zodValidationResult: z.SafeParseReturnType<unknown, unknown>;
-}>;

package/dist/editor/components/RenderModal/SchemaEditor/ZodErrorMessages.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZodErrorMessages = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const colors_1 = require("../../../helpers/colors");
-const label = {
-    fontSize: 14,
-    color: colors_1.LIGHT_TEXT,
-    fontFamily: 'sans-serif',
-};
-const code = {
-    ...label,
-    fontFamily: 'monospace',
-};
-const ZodErrorMessages = ({ zodValidationResult }) => {
-    if (zodValidationResult.success) {
-        throw new Error('Expected error');
-    }
-    return ((0, jsx_runtime_1.jsx)("div", { children: zodValidationResult.error.errors.map((error) => {
-            return ((0, jsx_runtime_1.jsxs)("div", { style: label, children: ["-", ' ', (0, jsx_runtime_1.jsx)("code", { style: code, children: error.path.length === 0 ? 'Root' : error.path.join('.') }), ": ", error.message] }, error.path.join('.')));
-        }) }));
-};
-exports.ZodErrorMessages = ZodErrorMessages;

package/dist/editor/components/RenderModal/SchemaEditor/ZodNonEditableValue.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { JSONPath } from './zod-types';
-export declare const ZonNonEditableValue: React.FC<{
-    jsonPath: JSONPath;
-    label: string;
-    compact: boolean;
-    showSaveButton: boolean;
-}>;

package/dist/editor/components/RenderModal/SchemaEditor/ZodNonEditableValue.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZonNonEditableValue = 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 SchemaLabel_1 = require("./SchemaLabel");
-const fullWidth = {
-    width: '100%',
-};
-const emptyLabel = {
-    width: '100%',
-    color: colors_1.VERY_LIGHT_TEXT,
-    fontFamily: 'sans-serif',
-    fontSize: 14,
-};
-const wideEmptyLabel = {
-    ...emptyLabel,
-    lineHeight: '37px',
-};
-const ZonNonEditableValue = ({ jsonPath, label, compact, showSaveButton }) => {
-    const save = (0, react_1.useCallback)(() => undefined, []);
-    const reset = (0, react_1.useCallback)(() => undefined, []);
-    return ((0, jsx_runtime_1.jsxs)("div", { style: compact ? layout_1.narrowOption : layout_1.optionRow, children: [(0, jsx_runtime_1.jsx)(SchemaLabel_1.SchemaLabel, { isDefaultValue: true, jsonPath: jsonPath, onReset: reset, onSave: save, showSaveButton: showSaveButton, compact: compact, onRemove: null }), (0, jsx_runtime_1.jsx)("div", { style: fullWidth, children: (0, jsx_runtime_1.jsx)("em", { style: compact ? emptyLabel : wideEmptyLabel, children: label }) })] }));
-};
-exports.ZonNonEditableValue = ZonNonEditableValue;

package/dist/editor/components/RenderModal/SchemaEditor/ZodNullableEditor.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import type { z } from 'remotion';
-import type { JSONPath } from './zod-types';
-export declare const ZodNullableEditor: React.FC<{
-    showSaveButton: boolean;
-    jsonPath: JSONPath;
-    compact: boolean;
-    value: unknown;
-    defaultValue: unknown;
-    schema: z.ZodTypeAny;
-    setValue: React.Dispatch<React.SetStateAction<unknown>>;
-    onSave: (updater: (oldNum: unknown) => unknown) => void;
-    onRemove: null | (() => void);
-}>;

package/dist/editor/components/RenderModal/SchemaEditor/ZodNullableEditor.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZodNullableEditor = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ZodOrNullishEditor_1 = require("./ZodOrNullishEditor");
-const ZodNullableEditor = ({ jsonPath, compact, schema, setValue, onSave, defaultValue, value, showSaveButton, onRemove, }) => {
-    const { innerType } = schema._def;
-    return ((0, jsx_runtime_1.jsx)(ZodOrNullishEditor_1.ZodOrNullishEditor, { compact: compact, defaultValue: defaultValue, jsonPath: jsonPath, onRemove: onRemove, onSave: onSave, schema: innerType, setValue: setValue, showSaveButton: showSaveButton, value: value, nullishValue: null }));
-};
-exports.ZodNullableEditor = ZodNullableEditor;

package/dist/editor/components/RenderModal/SchemaEditor/ZodNumberEditor.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import type { z } from 'remotion';
-import type { JSONPath } from './zod-types';
-export declare const ZodNumberEditor: React.FC<{
-    schema: z.ZodTypeAny;
-    jsonPath: JSONPath;
-    value: number;
-    setValue: React.Dispatch<React.SetStateAction<number>>;
-    compact: boolean;
-    defaultValue: number;
-    onSave: (updater: (oldNum: unknown) => number) => void;
-    onRemove: null | (() => void);
-    showSaveButton: boolean;
-}>;

package/dist/editor/components/RenderModal/SchemaEditor/ZodNumberEditor.js

@@ -1,89 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZodNumberEditor = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const layout_1 = require("../../layout");
-const InputDragger_1 = require("../../NewComposition/InputDragger");
-const ValidationMessage_1 = require("../../NewComposition/ValidationMessage");
-const layout_2 = require("../layout");
-const SchemaLabel_1 = require("./SchemaLabel");
-const fullWidth = {
-    width: '100%',
-};
-const getMinValue = (schema) => {
-    const minCheck = schema._def.checks.find((c) => c.kind === 'min');
-    if (!minCheck) {
-        return -Infinity;
-    }
-    if (minCheck.kind !== 'min') {
-        throw new Error('Expected min check');
-    }
-    if (!minCheck.inclusive) {
-        return -Infinity;
-    }
-    return minCheck.value;
-};
-const getMaxValue = (schema) => {
-    const maxCheck = schema._def.checks.find((c) => c.kind === 'max');
-    if (!maxCheck) {
-        return Infinity;
-    }
-    if (maxCheck.kind !== 'max') {
-        throw new Error('Expected max check');
-    }
-    if (!maxCheck.inclusive) {
-        return Infinity;
-    }
-    return maxCheck.value;
-};
-const getStep = (schema) => {
-    const multipleStep = schema._def.checks.find((c) => c.kind === 'multipleOf');
-    if (!multipleStep) {
-        return undefined;
-    }
-    if (multipleStep.kind !== 'multipleOf') {
-        throw new Error('Expected multipleOf check');
-    }
-    return multipleStep.value;
-};
-const ZodNumberEditor = ({ jsonPath, value, schema, setValue, onSave, compact, defaultValue, onRemove, showSaveButton, }) => {
-    const [localValue, setLocalValue] = (0, react_1.useState)(() => {
-        return {
-            value: String(value),
-            zodValidation: schema.safeParse(value),
-        };
-    });
-    const onChange = (0, react_1.useCallback)((newValue) => {
-        const safeParse = schema.safeParse(Number(newValue));
-        const newLocalState = {
-            value: newValue,
-            zodValidation: safeParse,
-        };
-        setLocalValue(newLocalState);
-        if (safeParse.success) {
-            setValue(Number(newValue));
-        }
-    }, [schema, setValue]);
-    const onValueChange = (0, react_1.useCallback)((newValue) => {
-        const safeParse = schema.safeParse(newValue);
-        const newLocalState = {
-            value: String(newValue),
-            zodValidation: safeParse,
-        };
-        setLocalValue(newLocalState);
-        if (safeParse.success) {
-            setValue(newValue);
-        }
-    }, [schema, setValue]);
-    // TODO: Error message does not align well
-    const isDefault = value === defaultValue;
-    const reset = (0, react_1.useCallback)(() => {
-        onValueChange(defaultValue);
-    }, [defaultValue, onValueChange]);
-    const save = (0, react_1.useCallback)(() => {
-        onSave(() => value);
-    }, [onSave, value]);
-    return ((0, jsx_runtime_1.jsxs)("div", { style: compact ? layout_2.narrowOption : layout_2.optionRow, children: [(0, jsx_runtime_1.jsx)(SchemaLabel_1.SchemaLabel, { isDefaultValue: isDefault, jsonPath: jsonPath, onReset: reset, onSave: save, showSaveButton: showSaveButton, compact: compact, onRemove: onRemove }), (0, jsx_runtime_1.jsxs)("div", { style: fullWidth, children: [(0, jsx_runtime_1.jsx)(InputDragger_1.InputDragger, { type: 'number', value: localValue.value, style: fullWidth, status: localValue.zodValidation.success ? 'ok' : 'error', placeholder: jsonPath.join('.'), onTextChange: onChange, onValueChange: onValueChange, min: getMinValue(schema), max: getMaxValue(schema), step: getStep(schema), rightAlign: false }), !localValue.zodValidation.success && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(layout_1.Spacing, { y: 1, block: true }), (0, jsx_runtime_1.jsx)(ValidationMessage_1.ValidationMessage, { align: "flex-end", message: localValue.zodValidation.error.format()._errors[0], type: "error" })] }))] })] }));
-};
-exports.ZodNumberEditor = ZodNumberEditor;

package/dist/editor/components/RenderModal/SchemaEditor/ZodObjectEditor.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { z } from 'remotion';
-import type { JSONPath } from './zod-types';
-export declare const ZodObjectEditor: React.FC<{
-    schema: z.ZodTypeAny;
-    jsonPath: JSONPath;
-    value: unknown;
-    defaultValue: unknown;
-    setValue: React.Dispatch<React.SetStateAction<unknown>>;
-    compact: boolean;
-    onSave: (updater: (oldVal: Record<string, unknown>) => Record<string, unknown>) => void;
-    showSaveButton: boolean;
-    onRemove: null | (() => void);
-}>;