@remotion/cli 4.0.0-webhook.27 → 4.1.0-alpha2

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

@@ -0,0 +1,71 @@
+"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 local_state_1 = require("./local-state");
+const SchemaLabel_1 = require("./SchemaLabel");
+const Fieldset_1 = require("./Fieldset");
+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, { 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

@@ -0,0 +1,17 @@
+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

@@ -0,0 +1,62 @@
+"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 local_state_1 = require("./local-state");
+const SchemaLabel_1 = require("./SchemaLabel");
+const Fieldset_1 = require("./Fieldset");
+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, { 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

@@ -0,0 +1,17 @@
+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

@@ -0,0 +1,10 @@
+"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/ZodEffectEditor.d.ts

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

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

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ZodEffectEditor = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const get_zod_if_possible_1 = require("../../get-zod-if-possible");
+const local_state_1 = require("./local-state");
+const ZodSwitch_1 = require("./ZodSwitch");
+const Fieldset_1 = require("./Fieldset");
+const ZodFieldValidation_1 = require("./ZodFieldValidation");
+const fullWidth = {
+    width: '100%',
+};
+const ZodEffectEditor = ({ schema, jsonPath, value, setValue: updateValue, defaultValue, onSave, onRemove, showSaveButton, saving, mayPad, }) => {
+    const z = (0, get_zod_if_possible_1.useZodIfPossible)();
+    if (!z) {
+        throw new Error('expected zod');
+    }
+    const { localValue, onChange } = (0, local_state_1.useLocalState)({
+        value,
+        schema,
+        setValue: updateValue,
+        defaultValue,
+    });
+    const def = schema._def;
+    const typeName = def.typeName;
+    if (typeName !== z.ZodFirstPartyTypeKind.ZodEffects) {
+        throw new Error('expected effect');
+    }
+    return ((0, jsx_runtime_1.jsxs)(Fieldset_1.Fieldset, { shouldPad: mayPad, success: localValue.zodValidation.success, 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, defaultValue: defaultValue, onSave: onSave, showSaveButton: showSaveButton, onRemove: onRemove, saving: saving, saveDisabledByParent: !localValue.zodValidation.success, mayPad: false }) }), (0, jsx_runtime_1.jsx)(ZodFieldValidation_1.ZodFieldValidation, { path: jsonPath, localValue: localValue })] }));
+};
+exports.ZodEffectEditor = ZodEffectEditor;

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

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

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

@@ -0,0 +1,55 @@
+"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 Checkmark_1 = require("../../../icons/Checkmark");
+const get_zod_if_possible_1 = require("../../get-zod-if-possible");
+const ComboBox_1 = require("../../NewComposition/ComboBox");
+const local_state_1 = require("./local-state");
+const SchemaLabel_1 = require("./SchemaLabel");
+const Fieldset_1 = require("./Fieldset");
+const ZodFieldValidation_1 = require("./ZodFieldValidation");
+const container = {
+    width: '100%',
+};
+const ZodEnumEditor = ({ schema, jsonPath, setValue, defaultValue, value, onSave, showSaveButton, onRemove, saving, }) => {
+    const z = (0, get_zod_if_possible_1.useZodIfPossible)();
+    if (!z) {
+        throw new Error('expected zod');
+    }
+    const { localValue, onChange: setLocalValue, reset, } = (0, local_state_1.useLocalState)({
+        schema,
+        setValue,
+        value,
+        defaultValue,
+    });
+    const def = schema._def;
+    const typeName = def.typeName;
+    if (typeName !== z.ZodFirstPartyTypeKind.ZodEnum) {
+        throw new Error('expected enum');
+    }
+    const isRoot = jsonPath.length === 0;
+    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) => {
+                    setLocalValue(() => id, false, false);
+                },
+                quickSwitcherLabel: null,
+                subMenu: null,
+                type: 'item',
+            };
+        });
+    }, [def.values, setLocalValue, value]);
+    const save = (0, react_1.useCallback)(() => {
+        onSave(() => value, false, false);
+    }, [onSave, value]);
+    return ((0, jsx_runtime_1.jsxs)(Fieldset_1.Fieldset, { shouldPad: true, success: localValue.zodValidation.success, children: [(0, jsx_runtime_1.jsx)(SchemaLabel_1.SchemaLabel, { onSave: save, showSaveButton: showSaveButton, isDefaultValue: localValue.value === defaultValue, onReset: reset, jsonPath: jsonPath, onRemove: onRemove, saving: saving, valid: localValue.zodValidation.success, saveDisabledByParent: !localValue.zodValidation.success, suffix: null }), (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 }) }), (0, jsx_runtime_1.jsx)(ZodFieldValidation_1.ZodFieldValidation, { path: jsonPath, localValue: localValue })] }));
+};
+exports.ZodEnumEditor = ZodEnumEditor;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { z } from 'zod';
+export declare const ZodErrorMessages: React.FC<{
+    zodValidationResult: z.SafeParseReturnType<unknown, unknown>;
+    viewTab: 'schema' | 'json';
+}>;

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

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ZodErrorMessages = 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 ValidationMessage_1 = require("../../NewComposition/ValidationMessage");
+const schemaLabel = {
+    fontSize: 14,
+    color: colors_1.LIGHT_TEXT,
+};
+const jsonLabel = {
+    color: 'white',
+    fontSize: 13,
+    fontFamily: 'sans-serif',
+    display: 'flex',
+    alignItems: 'center',
+};
+const triangleStyle = {
+    width: 12,
+    height: 12,
+    flexShrink: 0,
+    fill: colors_1.FAIL_COLOR,
+};
+const ZodErrorMessages = ({ zodValidationResult, viewTab }) => {
+    if (zodValidationResult.success) {
+        throw new Error('Expected error');
+    }
+    const style = (0, react_1.useMemo)(() => {
+        return viewTab === 'json' ? jsonLabel : schemaLabel;
+    }, [viewTab]);
+    const code = (0, react_1.useMemo)(() => {
+        return {
+            ...schemaLabel,
+            fontFamily: 'monospace',
+        };
+    }, []);
+    if (viewTab === 'json') {
+        return ((0, jsx_runtime_1.jsx)("div", { children: zodValidationResult.error.errors.map((error) => {
+                return ((0, jsx_runtime_1.jsxs)("div", { style: style, children: [(0, jsx_runtime_1.jsx)(ValidationMessage_1.WarningTriangle, { style: triangleStyle }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 1 }), error.path.length === 0 ? 'Root' : error.path.join('.'), ":", ' ', error.message] }, error.path.join('.')));
+            }) }));
+    }
+    return ((0, jsx_runtime_1.jsx)("div", { children: zodValidationResult.error.errors.map((error) => {
+            return ((0, jsx_runtime_1.jsxs)("div", { style: style, 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/ZodFieldValidation.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { LocalState } from './local-state';
+import type { JSONPath } from './zod-types';
+export declare const ZodFieldValidation: React.FC<{
+    localValue: LocalState<unknown>;
+    path: JSONPath;
+}>;

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

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ZodFieldValidation = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ValidationMessage_1 = require("../../NewComposition/ValidationMessage");
+const layout_1 = require("../../layout");
+const InfoBubble_1 = require("../InfoBubble");
+const legend = {
+    display: 'flex',
+    flexDirection: 'row',
+    alignItems: 'center',
+};
+const stackTrace = {
+    padding: 10,
+};
+const stackTraceLabel = {
+    fontSize: 14,
+};
+const ZodFieldValidation = ({ localValue, path }) => {
+    if (localValue.zodValidation.success) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { style: legend, children: [(0, jsx_runtime_1.jsx)(ValidationMessage_1.ValidationMessage, { align: "flex-start", message: localValue.zodValidation.error.format()._errors[0], type: "error" }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 0.5 }), (0, jsx_runtime_1.jsx)(InfoBubble_1.InfoBubble, { title: "Zod validation failure", children: (0, jsx_runtime_1.jsxs)("div", { style: stackTrace, children: [(0, jsx_runtime_1.jsx)("div", { style: stackTraceLabel, children: "Zod Validation has failed:" }), localValue.zodValidation.error.errors.map((error, index) => (
+                        // eslint-disable-next-line react/no-array-index-key
+                        (0, jsx_runtime_1.jsxs)("div", { style: stackTraceLabel, children: ["Type: ", error.code, " ", (0, jsx_runtime_1.jsx)("br", {}), "Message: ", error.message, (0, jsx_runtime_1.jsx)("br", {}), "Path: ", path.join('.')] }, index)))] }) }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 0.5 })] }));
+};
+exports.ZodFieldValidation = ZodFieldValidation;

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

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

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

@@ -0,0 +1,27 @@
+"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 SchemaLabel_1 = require("./SchemaLabel");
+const Fieldset_1 = require("./Fieldset");
+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, showSaveButton, saving, mayPad }) => {
+    const save = (0, react_1.useCallback)(() => undefined, []);
+    const reset = (0, react_1.useCallback)(() => undefined, []);
+    return ((0, jsx_runtime_1.jsxs)(Fieldset_1.Fieldset, { shouldPad: mayPad, success: true, children: [(0, jsx_runtime_1.jsx)(SchemaLabel_1.SchemaLabel, { isDefaultValue: true, jsonPath: jsonPath, onReset: reset, onSave: save, showSaveButton: showSaveButton, onRemove: null, saving: saving, valid: true, saveDisabledByParent: true, suffix: null }), (0, jsx_runtime_1.jsx)("div", { style: fullWidth, children: (0, jsx_runtime_1.jsx)("em", { style: wideEmptyLabel, children: label }) })] }));
+};
+exports.ZonNonEditableValue = ZonNonEditableValue;

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import type { z } from 'zod';
+import type { JSONPath } from './zod-types';
+import type { UpdaterFunction } from './ZodSwitch';
+export declare const ZodNullableEditor: 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/ZodNullableEditor.js

@@ -0,0 +1,10 @@
+"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, schema, setValue, onSave, defaultValue, value, showSaveButton, onRemove, saving, saveDisabledByParent, mayPad, }) => {
+    const { innerType } = schema._def;
+    return ((0, jsx_runtime_1.jsx)(ZodOrNullishEditor_1.ZodOrNullishEditor, { defaultValue: defaultValue, jsonPath: jsonPath, onRemove: onRemove, onSave: onSave, schema: schema, innerSchema: innerType, setValue: setValue, showSaveButton: showSaveButton, value: value, nullishValue: null, saving: saving, saveDisabledByParent: saveDisabledByParent, mayPad: mayPad }));
+};
+exports.ZodNullableEditor = ZodNullableEditor;

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

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

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

@@ -0,0 +1,69 @@
+"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 InputDragger_1 = require("../../NewComposition/InputDragger");
+const local_state_1 = require("./local-state");
+const SchemaLabel_1 = require("./SchemaLabel");
+const Fieldset_1 = require("./Fieldset");
+const ZodFieldValidation_1 = require("./ZodFieldValidation");
+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, defaultValue, onRemove, showSaveButton, saving, saveDisabledByParent, mayPad, }) => {
+    const { localValue, onChange: setLocalValue, reset, } = (0, local_state_1.useLocalState)({
+        value,
+        schema,
+        setValue,
+        defaultValue,
+    });
+    const onNumberChange = (0, react_1.useCallback)((newValue) => {
+        setLocalValue(() => newValue, false, false);
+    }, [setLocalValue]);
+    const isDefault = localValue.value === defaultValue;
+    const onTextChange = (0, react_1.useCallback)((newValue) => {
+        setLocalValue(() => Number(newValue), 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, { isDefaultValue: isDefault, 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)(InputDragger_1.InputDragger, { type: 'number', value: localValue.value, style: fullWidth, status: localValue.zodValidation.success ? 'ok' : 'error', placeholder: jsonPath.join('.'), onTextChange: onTextChange, onValueChange: onNumberChange, min: getMinValue(schema), max: getMaxValue(schema), step: getStep(schema), rightAlign: false }), (0, jsx_runtime_1.jsx)(ZodFieldValidation_1.ZodFieldValidation, { path: jsonPath, localValue: localValue })] })] }));
+};
+exports.ZodNumberEditor = ZodNumberEditor;

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

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

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

@@ -0,0 +1,65 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ZodObjectEditor = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_2 = __importDefault(require("react"));
+const get_zod_if_possible_1 = require("../../get-zod-if-possible");
+const local_state_1 = require("./local-state");
+const ZodSwitch_1 = require("./ZodSwitch");
+const Fieldset_1 = require("./Fieldset");
+const SchemaSeparationLine_1 = require("./SchemaSeparationLine");
+const layout_1 = require("../layout");
+const SchemaVerticalGuide_1 = require("./SchemaVerticalGuide");
+const SchemaLabel_1 = require("./SchemaLabel");
+const deep_equal_1 = require("./deep-equal");
+const ZodObjectEditor = ({ schema, jsonPath, setValue, value, defaultValue, onSave, showSaveButton, onRemove, saving, saveDisabledByParent, mayPad, }) => {
+    const z = (0, get_zod_if_possible_1.useZodIfPossible)();
+    if (!z) {
+        throw new Error('expected zod');
+    }
+    const { localValue, onChange, RevisionContextProvider, reset } = (0, local_state_1.useLocalState)({
+        schema,
+        setValue,
+        value,
+        defaultValue,
+    });
+    const def = schema._def;
+    const typeName = def.typeName;
+    if (typeName !== z.ZodFirstPartyTypeKind.ZodObject) {
+        throw new Error('expected object');
+    }
+    const shape = def.shape();
+    const keys = Object.keys(shape);
+    const isRoot = jsonPath.length === 0;
+    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: !isRoot && mayPad, success: localValue.zodValidation.success, children: [isRoot ? null : ((0, jsx_runtime_1.jsx)(SchemaLabel_1.SchemaLabel, { isDefaultValue: isDefaultValue, onReset: reset, jsonPath: jsonPath, onRemove: onRemove, suffix: ' {', onSave: () => {
+                    onSave(() => {
+                        return localValue.value;
+                    }, false, false);
+                }, saveDisabledByParent: saveDisabledByParent, saving: saving, showSaveButton: showSaveButton, valid: localValue.zodValidation.success })), (0, jsx_runtime_1.jsx)(RevisionContextProvider, { children: (0, jsx_runtime_1.jsx)(SchemaVerticalGuide_1.SchemaVerticalGuide, { isRoot: isRoot, children: keys.map((key, i) => {
+                        return ((0, jsx_runtime_1.jsxs)(react_2.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(ZodSwitch_1.ZodSwitch, { mayPad: true, jsonPath: [...jsonPath, key], schema: shape[key], value: localValue.value[key], 
+                                    // In case of null | {a: string, b: string} type, we need to fallback to the default value
+                                    defaultValue: (defaultValue !== null && defaultValue !== void 0 ? defaultValue : value)[key], setValue: (val, forceApply) => {
+                                        onChange((oldVal) => {
+                                            return {
+                                                ...oldVal,
+                                                [key]: typeof val === 'function' ? val(oldVal[key]) : val,
+                                            };
+                                        }, forceApply, false);
+                                    }, onSave: (val, forceApply) => {
+                                        onSave((oldVal) => {
+                                            return {
+                                                ...oldVal,
+                                                [key]: typeof val === 'function' ? val(oldVal[key]) : val,
+                                            };
+                                        }, forceApply, false);
+                                    }, onRemove: null, showSaveButton: showSaveButton, saving: saving, saveDisabledByParent: saveDisabledByParent }), i === keys.length - 1 ? null : (0, jsx_runtime_1.jsx)(SchemaSeparationLine_1.SchemaSeparationLine, {})] }, key));
+                    }) }) }), isRoot ? null : (0, jsx_runtime_1.jsx)("div", { style: layout_1.fieldsetLabel, children: '}' })] }));
+};
+exports.ZodObjectEditor = ZodObjectEditor;