@remotion/cli 4.0.84 → 4.0.85

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

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SchemaResetButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const InlineAction_1 = require("../../InlineAction");
-const icon = {
-    height: 14,
-    color: 'currentColor',
-};
-const SchemaResetButton = ({ onClick }) => {
-    const renderAction = (0, react_1.useCallback)((color) => {
-        return ((0, jsx_runtime_1.jsx)("svg", { style: icon, viewBox: "0 0 512 512", children: (0, jsx_runtime_1.jsx)("path", { fill: color, d: "M48.5 224H40c-13.3 0-24-10.7-24-24V72c0-9.7 5.8-18.5 14.8-22.2s19.3-1.7 26.2 5.2L98.6 96.6c87.6-86.5 228.7-86.2 315.8 1c87.5 87.5 87.5 229.3 0 316.8s-229.3 87.5-316.8 0c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0c62.5 62.5 163.8 62.5 226.3 0s62.5-163.8 0-226.3c-62.2-62.2-162.7-62.5-225.3-1L185 183c6.9 6.9 8.9 17.2 5.2 26.2s-12.5 14.8-22.2 14.8H48.5z" }) }));
-    }, []);
-    return (0, jsx_runtime_1.jsx)(InlineAction_1.InlineAction, { renderAction: renderAction, onClick: onClick });
-};
-exports.SchemaResetButton = SchemaResetButton;

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

@@ -1,5 +0,0 @@
-import React from 'react';
-export declare const SchemaSaveButton: React.FC<{
-    onClick: () => void;
-    disabled: boolean;
-}>;

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

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SchemaSaveButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const colors_1 = require("../../../helpers/colors");
-const InlineAction_1 = require("../../InlineAction");
-const icon = {
-    height: 14,
-    color: 'currentColor',
-};
-const SchemaSaveButton = ({ onClick, disabled }) => {
-    const renderAction = (0, react_1.useCallback)((color) => {
-        return ((0, jsx_runtime_1.jsx)("svg", { style: icon, viewBox: "0 0 448 512", children: (0, jsx_runtime_1.jsx)("path", { fill: disabled ? colors_1.LIGHT_TEXT : color, d: "M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V173.3c0-17-6.7-33.3-18.7-45.3L352 50.7C340 38.7 323.7 32 306.7 32H64zm0 96c0-17.7 14.3-32 32-32H288c17.7 0 32 14.3 32 32v64c0 17.7-14.3 32-32 32H96c-17.7 0-32-14.3-32-32V128zM224 288a64 64 0 1 1 0 128 64 64 0 1 1 0-128z" }) }));
-    }, [disabled]);
-    return ((0, jsx_runtime_1.jsx)(InlineAction_1.InlineAction, { renderAction: renderAction, onClick: onClick, disabled: disabled }));
-};
-exports.SchemaSaveButton = SchemaSaveButton;

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

@@ -1,10 +0,0 @@
-import React from 'react';
-import type { z } from 'zod';
-export declare const VERTICAL_GUIDE_HEIGHT = 24;
-export declare const SchemaSeparationLine: React.FC;
-export declare const SchemaArrayItemSeparationLine: React.FC<{
-    onChange: (updater: (oldV: unknown[]) => unknown[], forceApply: boolean, increment: boolean) => void;
-    index: number;
-    schema: z.ZodTypeAny;
-    isLast: boolean;
-}>;

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

@@ -1,79 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SchemaArrayItemSeparationLine = exports.SchemaSeparationLine = exports.VERTICAL_GUIDE_HEIGHT = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const colors_1 = require("../../../helpers/colors");
-const plus_1 = require("../../../icons/plus");
-const get_zod_if_possible_1 = require("../../get-zod-if-possible");
-const layout_1 = require("../../layout");
-const layout_2 = require("../layout");
-const create_zod_values_1 = require("./create-zod-values");
-exports.VERTICAL_GUIDE_HEIGHT = 24;
-const line = {
-    borderBottom: '1px solid ' + colors_1.LINE_COLOR,
-};
-const SchemaSeparationLine = () => {
-    return (0, jsx_runtime_1.jsx)("div", { style: line });
-};
-exports.SchemaSeparationLine = SchemaSeparationLine;
-const arraySeparationLine = {
-    borderBottom: '1px solid ' + colors_1.LINE_COLOR,
-    marginTop: -exports.VERTICAL_GUIDE_HEIGHT / 2,
-    pointerEvents: 'none',
-    width: '100%',
-};
-const SchemaArrayItemSeparationLine = ({ onChange, index, schema, isLast }) => {
-    const [outerHovered, setOuterHovered] = (0, react_1.useState)(false);
-    const [innerHovered, setInnerHovered] = (0, react_1.useState)(false);
-    const zodTypes = (0, get_zod_if_possible_1.useZodTypesIfPossible)();
-    const z = (0, get_zod_if_possible_1.useZodIfPossible)();
-    if (!z) {
-        throw new Error('expected zod');
-    }
-    const def = schema._def;
-    const onAdd = (0, react_1.useCallback)(() => {
-        onChange((oldV) => {
-            return [
-                ...oldV.slice(0, index + 1),
-                (0, create_zod_values_1.createZodValues)(def.type, z, zodTypes),
-                ...oldV.slice(index + 1),
-            ];
-        }, false, true);
-    }, [def.type, index, onChange, z, zodTypes]);
-    const dynamicAddButtonStyle = (0, react_1.useMemo)(() => {
-        return {
-            display: 'flex',
-            justifyContent: 'center',
-            height: exports.VERTICAL_GUIDE_HEIGHT,
-            opacity: outerHovered ? 1 : 0,
-            position: 'relative',
-            marginTop: -4,
-        };
-    }, [outerHovered]);
-    const inner = (0, react_1.useMemo)(() => {
-        return {
-            background: colors_1.BACKGROUND,
-            paddingLeft: 10,
-            paddingRight: 10,
-        };
-    }, []);
-    const onOuterMouseEnter = (0, react_1.useCallback)(() => {
-        setOuterHovered(true);
-    }, []);
-    const onOuterMouseLeave = (0, react_1.useCallback)(() => {
-        setOuterHovered(false);
-    }, []);
-    const onInnerMouseEnter = (0, react_1.useCallback)(() => {
-        setInnerHovered(true);
-    }, []);
-    const onInnerMouseLeave = (0, react_1.useCallback)(() => {
-        setInnerHovered(false);
-    }, []);
-    return ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'row' }, children: [(0, jsx_runtime_1.jsxs)("div", { style: { flex: 1 }, children: [(0, jsx_runtime_1.jsx)("div", { style: dynamicAddButtonStyle, onMouseEnter: onOuterMouseEnter, onMouseLeave: onOuterMouseLeave, children: (0, jsx_runtime_1.jsx)("div", { onClick: onAdd, style: inner, onMouseEnter: onInnerMouseEnter, onMouseLeave: onInnerMouseLeave, children: (0, jsx_runtime_1.jsx)(plus_1.Plus, { color: innerHovered ? 'white' : colors_1.LIGHT_TEXT, style: { height: exports.VERTICAL_GUIDE_HEIGHT / 2 } }) }) }), (0, jsx_runtime_1.jsx)("div", { style: arraySeparationLine })] }), isLast ? ((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)("div", { style: {
-                            ...layout_2.fieldSetText,
-                            alignItems: 'center',
-                            display: 'flex',
-                        }, children: ']' })] })) : null] }));
-};
-exports.SchemaArrayItemSeparationLine = SchemaArrayItemSeparationLine;

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

@@ -1,5 +0,0 @@
-import React from 'react';
-export declare const SchemaVerticalGuide: React.FC<{
-    isRoot: boolean;
-    children: React.ReactNode;
-}>;

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

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SchemaVerticalGuide = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const SchemaSeparationLine_1 = require("./SchemaSeparationLine");
-const flex = {
-    flex: 1,
-};
-const SchemaVerticalGuide = ({ isRoot, children }) => {
-    const outer = (0, react_1.useMemo)(() => {
-        return {
-            display: 'flex',
-            flexDirection: 'row',
-            position: 'relative',
-            marginLeft: isRoot ? 0 : 4,
-        };
-    }, [isRoot]);
-    const inner = (0, react_1.useMemo)(() => {
-        return isRoot
-            ? {}
-            : {
-                height: `calc(100% - ${SchemaSeparationLine_1.VERTICAL_GUIDE_HEIGHT / 2}px)`,
-                width: 1,
-                background: '#363A3E',
-                position: 'absolute',
-            };
-    }, [isRoot]);
-    return ((0, jsx_runtime_1.jsxs)("div", { style: outer, children: [(0, jsx_runtime_1.jsx)("div", { style: inner }), (0, jsx_runtime_1.jsx)("div", { style: flex, children: children })] }));
-};
-exports.SchemaVerticalGuide = SchemaVerticalGuide;

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

@@ -1,17 +0,0 @@
-import React from 'react';
-import type { z } from 'zod';
-import type { JSONPath } from './zod-types';
-import type { UpdaterFunction } from './ZodSwitch';
-export declare const ZodArrayEditor: React.FC<{
-    schema: z.ZodTypeAny;
-    jsonPath: JSONPath;
-    value: unknown[];
-    defaultValue: unknown[];
-    setValue: UpdaterFunction<unknown[]>;
-    onSave: UpdaterFunction<unknown[]>;
-    showSaveButton: boolean;
-    onRemove: null | (() => void);
-    saving: boolean;
-    saveDisabledByParent: boolean;
-    mayPad: boolean;
-}>;

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

@@ -1,73 +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.ZodArrayEditor = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-const get_zod_if_possible_1 = require("../../get-zod-if-possible");
-const deep_equal_1 = require("./deep-equal");
-const Fieldset_1 = require("./Fieldset");
-const local_state_1 = require("./local-state");
-const SchemaLabel_1 = require("./SchemaLabel");
-const SchemaSeparationLine_1 = require("./SchemaSeparationLine");
-const SchemaVerticalGuide_1 = require("./SchemaVerticalGuide");
-const ZodArrayItemEditor_1 = require("./ZodArrayItemEditor");
-const ZodFieldValidation_1 = require("./ZodFieldValidation");
-const ZodArrayEditor = ({ schema, jsonPath, setValue, defaultValue, value, onSave, showSaveButton, onRemove, saving, saveDisabledByParent, mayPad, }) => {
-    const { localValue, onChange, RevisionContextProvider, reset } = (0, local_state_1.useLocalState)({
-        value,
-        schema,
-        setValue,
-        defaultValue,
-    });
-    const [expanded, setExpanded] = (0, react_1.useState)(true);
-    const def = schema._def;
-    const suffix = (0, react_1.useMemo)(() => {
-        return expanded ? ' [' : ' [...] ';
-    }, [expanded]);
-    const z = (0, get_zod_if_possible_1.useZodIfPossible)();
-    if (!z) {
-        throw new Error('expected zod');
-    }
-    const typeName = def.typeName;
-    if (typeName !== z.ZodFirstPartyTypeKind.ZodArray) {
-        throw new Error('expected object');
-    }
-    const isDefaultValue = (0, react_1.useMemo)(() => {
-        return (0, deep_equal_1.deepEqual)(localValue.value, defaultValue);
-    }, [defaultValue, localValue]);
-    return ((0, jsx_runtime_1.jsxs)(Fieldset_1.Fieldset, { shouldPad: mayPad, success: localValue.zodValidation.success, children: [(0, jsx_runtime_1.jsx)("div", { style: {
-                    display: 'flex',
-                    flexDirection: 'row',
-                }, children: (0, jsx_runtime_1.jsx)(SchemaLabel_1.SchemaLabel, { onReset: reset, isDefaultValue: isDefaultValue, jsonPath: jsonPath, onRemove: onRemove, suffix: suffix, onSave: () => {
-                        onSave(() => localValue.value, false, false);
-                    }, saveDisabledByParent: saveDisabledByParent, saving: saving, showSaveButton: showSaveButton, valid: localValue.zodValidation.success, handleClick: () => setExpanded(!expanded) }) }), expanded ? ((0, jsx_runtime_1.jsx)(RevisionContextProvider, { children: (0, jsx_runtime_1.jsx)(SchemaVerticalGuide_1.SchemaVerticalGuide, { isRoot: false, children: localValue.value.map((child, i) => {
-                        var _a;
-                        return (
-                        // eslint-disable-next-line react/no-array-index-key
-                        (0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(ZodArrayItemEditor_1.ZodArrayItemEditor, { onChange: onChange, value: child, def: def, index: i, jsonPath: jsonPath, defaultValue: (_a = defaultValue[i]) !== null && _a !== void 0 ? _a : child, onSave: onSave, showSaveButton: showSaveButton, saving: saving, saveDisabledByParent: saveDisabledByParent, mayPad: mayPad }), (0, jsx_runtime_1.jsx)(SchemaSeparationLine_1.SchemaArrayItemSeparationLine, { schema: schema, index: i, onChange: onChange, isLast: i === localValue.value.length - 1 })] }, `${i}${localValue.keyStabilityRevision}`));
-                    }) }) })) : null, (0, jsx_runtime_1.jsx)(ZodFieldValidation_1.ZodFieldValidation, { path: jsonPath, localValue: localValue })] }));
-};
-exports.ZodArrayEditor = ZodArrayEditor;

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

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-import type { JSONPath } from './zod-types';
-import type { UpdaterFunction } from './ZodSwitch';
-export declare const ZodArrayItemEditor: React.FC<{
-    jsonPath: JSONPath;
-    onChange: UpdaterFunction<unknown[]>;
-    def: any;
-    index: number;
-    value: unknown;
-    defaultValue: unknown;
-    onSave: UpdaterFunction<unknown[]>;
-    showSaveButton: boolean;
-    saving: boolean;
-    saveDisabledByParent: boolean;
-    mayPad: boolean;
-}>;

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

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZodArrayItemEditor = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const get_zod_if_possible_1 = require("../../get-zod-if-possible");
-const ZodSwitch_1 = require("./ZodSwitch");
-const ZodArrayItemEditor = ({ def, onChange, jsonPath, index, value, defaultValue, onSave: onSaveObject, showSaveButton, saving, saveDisabledByParent, mayPad, }) => {
-    const z = (0, get_zod_if_possible_1.useZodIfPossible)();
-    if (!z) {
-        throw new Error('expected zod');
-    }
-    const onRemove = (0, react_1.useCallback)(() => {
-        onChange((oldV) => [...oldV.slice(0, index), ...oldV.slice(index + 1)], false, true);
-    }, [index, onChange]);
-    const setValue = (0, react_1.useCallback)((val) => {
-        onChange((oldV) => [
-            ...oldV.slice(0, index),
-            typeof val === 'function' ? val(oldV[index]) : val,
-            ...oldV.slice(index + 1),
-        ], false, false);
-    }, [index, onChange]);
-    const newJsonPath = (0, react_1.useMemo)(() => [...jsonPath, index], [index, jsonPath]);
-    const onSave = (0, react_1.useCallback)((updater) => {
-        onSaveObject((oldV) => [
-            ...oldV.slice(0, index),
-            updater(oldV[index]),
-            ...oldV.slice(index + 1),
-        ], false, false);
-    }, [index, onSaveObject]);
-    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(ZodSwitch_1.ZodSwitch, { jsonPath: newJsonPath, schema: def.type, value: value, setValue: setValue, defaultValue: defaultValue, onSave: onSave, showSaveButton: showSaveButton, onRemove: onRemove, saving: saving, saveDisabledByParent: saveDisabledByParent, mayPad: mayPad }) }));
-};
-exports.ZodArrayItemEditor = ZodArrayItemEditor;

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

@@ -1,17 +0,0 @@
-import React from 'react';
-import type { z } from 'zod';
-import type { JSONPath } from './zod-types';
-import type { UpdaterFunction } from './ZodSwitch';
-export declare const ZodBooleanEditor: React.FC<{
-    schema: z.ZodTypeAny;
-    jsonPath: JSONPath;
-    value: boolean;
-    setValue: UpdaterFunction<boolean>;
-    defaultValue: boolean;
-    onSave: UpdaterFunction<boolean>;
-    onRemove: null | (() => void);
-    showSaveButton: boolean;
-    saving: boolean;
-    saveDisabledByParent: boolean;
-    mayPad: boolean;
-}>;

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

@@ -1,28 +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 Fieldset_1 = require("./Fieldset");
-const local_state_1 = require("./local-state");
-const SchemaLabel_1 = require("./SchemaLabel");
-const fullWidth = {
-    width: '100%',
-};
-const ZodBooleanEditor = ({ schema, jsonPath, value, setValue, onSave, defaultValue, onRemove, showSaveButton, saving, saveDisabledByParent, mayPad, }) => {
-    const { localValue, onChange, reset } = (0, local_state_1.useLocalState)({
-        schema,
-        setValue,
-        value,
-        defaultValue,
-    });
-    const onToggle = (0, react_1.useCallback)((e) => {
-        onChange(() => e.target.checked, false, false);
-    }, [onChange]);
-    const save = (0, react_1.useCallback)(() => {
-        onSave(() => value, false, false);
-    }, [onSave, value]);
-    return ((0, jsx_runtime_1.jsxs)(Fieldset_1.Fieldset, { shouldPad: mayPad, success: localValue.zodValidation.success, children: [(0, jsx_runtime_1.jsx)(SchemaLabel_1.SchemaLabel, { handleClick: null, isDefaultValue: localValue.value === defaultValue, jsonPath: jsonPath, onReset: reset, onSave: save, showSaveButton: showSaveButton, onRemove: onRemove, saving: saving, valid: true, saveDisabledByParent: saveDisabledByParent, suffix: null }), (0, jsx_runtime_1.jsx)("div", { style: fullWidth, children: (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { name: jsonPath.join('.'), checked: localValue.value, onChange: onToggle, disabled: false }) })] }));
-};
-exports.ZodBooleanEditor = ZodBooleanEditor;

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

@@ -1,17 +0,0 @@
-import React from 'react';
-import type { z } from 'zod';
-import type { JSONPath } from './zod-types';
-import type { UpdaterFunction } from './ZodSwitch';
-export declare const ZodColorEditor: React.FC<{
-    schema: z.ZodTypeAny;
-    jsonPath: JSONPath;
-    value: string;
-    defaultValue: string;
-    setValue: UpdaterFunction<string>;
-    onSave: UpdaterFunction<string>;
-    onRemove: null | (() => void);
-    showSaveButton: boolean;
-    saving: boolean;
-    saveDisabledByParent: boolean;
-    mayPad: boolean;
-}>;

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

@@ -1,71 +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 color_math_1 = require("../../../../color-math");
-const get_zod_if_possible_1 = require("../../get-zod-if-possible");
-const layout_1 = require("../../layout");
-const InputDragger_1 = require("../../NewComposition/InputDragger");
-const RemInput_1 = require("../../NewComposition/RemInput");
-const RemInputTypeColor_1 = require("../../NewComposition/RemInputTypeColor");
-const Fieldset_1 = require("./Fieldset");
-const local_state_1 = require("./local-state");
-const SchemaLabel_1 = require("./SchemaLabel");
-const ZodFieldValidation_1 = require("./ZodFieldValidation");
-const fullWidth = {
-    width: '100%',
-};
-const ZodColorEditor = ({ jsonPath, value, setValue, showSaveButton, defaultValue, schema, onSave, onRemove, saving, saveDisabledByParent, mayPad, }) => {
-    const z = (0, get_zod_if_possible_1.useZodIfPossible)();
-    if (!z) {
-        throw new Error('expected zod');
-    }
-    const zodTypes = (0, get_zod_if_possible_1.useZodTypesIfPossible)();
-    if (!zodTypes) {
-        throw new Error('expected zod color');
-    }
-    const { localValue, onChange: onValueChange, reset, } = (0, local_state_1.useLocalState)({
-        schema,
-        setValue,
-        value,
-        defaultValue,
-    });
-    const { a, b, g, r } = localValue.zodValidation.success
-        ? zodTypes.ZodZypesInternals.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), zodTypes);
-        onValueChange(() => newColor, false, false);
-    }, [a, onValueChange, zodTypes]);
-    const onTextChange = (0, react_1.useCallback)((e) => {
-        const newValue = e.target.value;
-        onValueChange(() => newValue, false, false);
-    }, [onValueChange]);
-    const save = (0, react_1.useCallback)(() => {
-        onSave(() => value, false, false);
-    }, [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), zodTypes);
-        onValueChange(() => newColor, false, false);
-    }, [localValue.value, onValueChange, zodTypes]);
-    const onOpacityValueChange = (0, react_1.useCallback)((newValue) => {
-        const newColor = (0, color_math_1.colorWithNewOpacity)(localValue.value, Math.round((Number(newValue) / 100) * 255), zodTypes);
-        onValueChange(() => newColor, false, false);
-    }, [localValue.value, onValueChange, zodTypes]);
-    return ((0, jsx_runtime_1.jsxs)(Fieldset_1.Fieldset, { shouldPad: mayPad, success: localValue.zodValidation.success, children: [(0, jsx_runtime_1.jsx)(SchemaLabel_1.SchemaLabel, { handleClick: null, isDefaultValue: localValue.value === defaultValue, jsonPath: jsonPath, onReset: reset, onSave: save, showSaveButton: showSaveButton, onRemove: onRemove, saving: saving, valid: localValue.zodValidation.success, saveDisabledByParent: saveDisabledByParent, suffix: null }), (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, name: jsonPath.join('.') }) }), (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 })] }), (0, jsx_runtime_1.jsx)(ZodFieldValidation_1.ZodFieldValidation, { path: jsonPath, localValue: localValue })] })] }));
-};
-exports.ZodColorEditor = ZodColorEditor;

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

@@ -1,17 +0,0 @@
-import React from 'react';
-import type { z } from 'zod';
-import type { JSONPath } from './zod-types';
-import type { UpdaterFunction } from './ZodSwitch';
-export declare const ZodDateEditor: React.FC<{
-    schema: z.ZodTypeAny;
-    jsonPath: JSONPath;
-    value: Date;
-    defaultValue: Date;
-    setValue: UpdaterFunction<Date>;
-    onSave: UpdaterFunction<Date>;
-    onRemove: null | (() => void);
-    showSaveButton: boolean;
-    saving: boolean;
-    saveDisabledByParent: boolean;
-    mayPad: boolean;
-}>;

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

@@ -1,62 +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 Fieldset_1 = require("./Fieldset");
-const local_state_1 = require("./local-state");
-const SchemaLabel_1 = require("./SchemaLabel");
-const ZodFieldValidation_1 = require("./ZodFieldValidation");
-const fullWidth = {
-    width: '100%',
-};
-const explainer = {
-    fontFamily: 'sans-serif',
-    fontSize: 12,
-    color: colors_1.VERY_LIGHT_TEXT,
-};
-// 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, onSave, onRemove, saving, saveDisabledByParent, mayPad, }) => {
-    const { localValue, onChange: setLocalValue, reset, } = (0, local_state_1.useLocalState)({
-        schema,
-        setValue,
-        value,
-        defaultValue,
-    });
-    const onChange = (0, react_1.useCallback)((e) => {
-        // React does not support e.target.valueAsDate :(
-        setLocalValue(() => new Date(e.target.value), false, false);
-    }, [setLocalValue]);
-    const save = (0, react_1.useCallback)(() => {
-        onSave(() => value, false, false);
-    }, [onSave, value]);
-    return ((0, jsx_runtime_1.jsxs)(Fieldset_1.Fieldset, { shouldPad: mayPad, success: localValue.zodValidation.success, children: [(0, jsx_runtime_1.jsx)(SchemaLabel_1.SchemaLabel, { handleClick: null, isDefaultValue: localValue.value.getTime() === defaultValue.getTime(), jsonPath: jsonPath, onReset: reset, onSave: save, showSaveButton: showSaveButton, onRemove: onRemove, saving: saving, valid: localValue.zodValidation.success, saveDisabledByParent: saveDisabledByParent, suffix: null }), (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" }), (0, jsx_runtime_1.jsx)(ZodFieldValidation_1.ZodFieldValidation, { path: jsonPath, localValue: localValue })] })] }));
-};
-exports.ZodDateEditor = ZodDateEditor;

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

@@ -1,17 +0,0 @@
-import React from 'react';
-import type { z } from 'zod';
-import type { JSONPath } from './zod-types';
-import type { UpdaterFunction } from './ZodSwitch';
-export declare const ZodDefaultEditor: React.FC<{
-    showSaveButton: boolean;
-    jsonPath: JSONPath;
-    value: unknown;
-    defaultValue: unknown;
-    schema: z.ZodTypeAny;
-    setValue: UpdaterFunction<unknown>;
-    onSave: UpdaterFunction<unknown>;
-    onRemove: null | (() => void);
-    saving: boolean;
-    saveDisabledByParent: boolean;
-    mayPad: boolean;
-}>;

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

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZodDefaultEditor = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ZodSwitch_1 = require("./ZodSwitch");
-const ZodDefaultEditor = ({ jsonPath, schema, setValue, onSave, defaultValue, value, showSaveButton, onRemove, saving, saveDisabledByParent, mayPad, }) => {
-    const { innerType } = schema._def;
-    return ((0, jsx_runtime_1.jsx)(ZodSwitch_1.ZodSwitch, { defaultValue: defaultValue, jsonPath: jsonPath, onRemove: onRemove, onSave: onSave, schema: innerType, setValue: setValue, showSaveButton: showSaveButton, value: value, saving: saving, saveDisabledByParent: saveDisabledByParent, mayPad: mayPad }));
-};
-exports.ZodDefaultEditor = ZodDefaultEditor;

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

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-import type { z } from 'zod';
-import type { JSONPath } from './zod-types';
-import type { UpdaterFunction } from './ZodSwitch';
-export declare const ZodDiscriminatedUnionEditor: React.FC<{
-    schema: z.ZodTypeAny;
-    setValue: UpdaterFunction<Record<string, unknown>>;
-    value: Record<string, unknown>;
-    defaultValue: Record<string, unknown>;
-    mayPad: boolean;
-    jsonPath: JSONPath;
-    onRemove: null | (() => void);
-    onSave: UpdaterFunction<unknown>;
-    showSaveButton: boolean;
-    saving: boolean;
-    saveDisabledByParent: boolean;
-}>;