@uipath/apollo-wind 0.9.1 → 0.10.0-pr257.2a4b17b

package/dist/components/forms/metadata-form.js

@@ -1,4 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { FormProvider, useForm } from "react-hook-form";
 import { z } from "zod/v4";
@@ -25,7 +26,9 @@ function MetadataForm({ schema, plugins = DEFAULT_PLUGINS, onSubmit, className,
     const { watch, handleSubmit, reset } = form;
     const valuesRef = useRef({});
     const watchedValues = watch();
-    valuesRef.current = watchedValues;
+    useEffect(()=>{
+        valuesRef.current = watchedValues;
+    });
     const context = useMemo(()=>({
             schema,
             form,
@@ -59,7 +62,9 @@ function MetadataForm({ schema, plugins = DEFAULT_PLUGINS, onSubmit, className,
         currentStep
     ]);
     const contextRef = useRef(context);
-    contextRef.current = context;
+    useEffect(()=>{
+        contextRef.current = context;
+    });
     useEffect(()=>{
         if (isInitialized) return;
         const initializeForm = async ()=>{
@@ -76,11 +81,11 @@ function MetadataForm({ schema, plugins = DEFAULT_PLUGINS, onSubmit, className,
     ]);
     useEffect(()=>{
         if (!isInitialized) return;
-        const subscription = watch((value, { name })=>{
-            if (name) {
+        const subscription = watch((value, { name: name_0 })=>{
+            if (name_0) {
                 valuesRef.current = value;
-                plugins.forEach((plugin)=>{
-                    plugin.onValueChange?.(name, value[name], contextRef.current);
+                plugins.forEach((plugin_0)=>{
+                    plugin_0.onValueChange?.(name_0, value[name_0], contextRef.current);
                 });
             }
         });
@@ -90,9 +95,9 @@ function MetadataForm({ schema, plugins = DEFAULT_PLUGINS, onSubmit, className,
         isInitialized,
         plugins
     ]);
-    const handleFormSubmit = handleSubmit(async (data)=>{
-        let finalData = data;
-        for (const plugin of plugins)if (plugin.onSubmit) finalData = await plugin.onSubmit(finalData, context) || finalData;
+    const handleFormSubmit = handleSubmit(async (data_0)=>{
+        let finalData = data_0;
+        for (const plugin_1 of plugins)if (plugin_1.onSubmit) finalData = await plugin_1.onSubmit(finalData, context) || finalData;
         if (onSubmit) await onSubmit(finalData);
     });
     const renderContent = ()=>{
@@ -128,188 +133,459 @@ function MetadataForm({ schema, plugins = DEFAULT_PLUGINS, onSubmit, className,
         })
     });
 }
-function SinglePageForm({ schema, context, customComponents, disabled }) {
-    const sections = schema.sections || [];
-    const visibleSections = sections.filter((section)=>!section.conditions || context.evaluateConditions(section.conditions));
-    return /*#__PURE__*/ jsx("div", {
-        className: "space-y-2",
-        children: visibleSections.map((section)=>/*#__PURE__*/ jsx(FormSection, {
-                section: section,
-                context: context,
-                customComponents: customComponents,
-                disabled: disabled
-            }, section.id))
-    });
+function SinglePageForm(t0) {
+    const $ = c(15);
+    const { schema, context, customComponents, disabled } = t0;
+    let t1;
+    let t2;
+    if ($[0] !== context || $[1] !== customComponents || $[2] !== disabled || $[3] !== schema.sections) {
+        const sections = schema.sections || [];
+        let t3;
+        if ($[6] !== context) {
+            t3 = (section)=>!section.conditions || context.evaluateConditions(section.conditions);
+            $[6] = context;
+            $[7] = t3;
+        } else t3 = $[7];
+        const visibleSections = sections.filter(t3);
+        t1 = "space-y-2";
+        let t4;
+        if ($[8] !== context || $[9] !== customComponents || $[10] !== disabled) {
+            t4 = (section_0)=>/*#__PURE__*/ jsx(FormSection, {
+                    section: section_0,
+                    context: context,
+                    customComponents: customComponents,
+                    disabled: disabled
+                }, section_0.id);
+            $[8] = context;
+            $[9] = customComponents;
+            $[10] = disabled;
+            $[11] = t4;
+        } else t4 = $[11];
+        t2 = visibleSections.map(t4);
+        $[0] = context;
+        $[1] = customComponents;
+        $[2] = disabled;
+        $[3] = schema.sections;
+        $[4] = t1;
+        $[5] = t2;
+    } else {
+        t1 = $[4];
+        t2 = $[5];
+    }
+    let t3;
+    if ($[12] !== t1 || $[13] !== t2) {
+        t3 = /*#__PURE__*/ jsx("div", {
+            className: t1,
+            children: t2
+        });
+        $[12] = t1;
+        $[13] = t2;
+        $[14] = t3;
+    } else t3 = $[14];
+    return t3;
 }
-function MultiStepForm({ schema, context, currentStep, setCurrentStep, customComponents, disabled }) {
-    const steps = schema.steps || [];
+function MultiStepForm(t0) {
+    const $ = c(43);
+    const { schema, context, currentStep, setCurrentStep, customComponents, disabled } = t0;
+    let t1;
+    if ($[0] !== schema.steps) {
+        t1 = schema.steps || [];
+        $[0] = schema.steps;
+        $[1] = t1;
+    } else t1 = $[1];
+    const steps = t1;
     const step = steps[currentStep];
     if (!step) return null;
     if (step.conditions && !context.evaluateConditions(step.conditions)) {
         if (currentStep < steps.length - 1) setCurrentStep(currentStep + 1);
         return null;
     }
-    return /*#__PURE__*/ jsxs("div", {
-        className: "space-y-6",
-        children: [
-            /*#__PURE__*/ jsxs("div", {
-                className: "flex items-center justify-between",
-                children: [
-                    /*#__PURE__*/ jsxs("div", {
-                        children: [
-                            /*#__PURE__*/ jsx("h2", {
-                                className: "text-2xl font-semibold",
-                                children: step.title
-                            }),
-                            step.description && /*#__PURE__*/ jsx("p", {
-                                className: "text-muted-foreground mt-1",
-                                children: step.description
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ jsxs("div", {
-                        className: "text-sm text-muted-foreground",
-                        children: [
-                            "Step ",
-                            currentStep + 1,
-                            " of ",
-                            steps.length
-                        ]
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsx("div", {
-                className: "space-y-2",
-                children: step.sections.map((section)=>/*#__PURE__*/ jsx(FormSection, {
-                        section: section,
-                        context: context,
-                        customComponents: customComponents,
-                        disabled: disabled
-                    }, section.id))
-            }),
-            /*#__PURE__*/ jsxs("div", {
-                className: "flex justify-between pt-6",
-                children: [
-                    /*#__PURE__*/ jsx(Button, {
-                        type: "button",
-                        onClick: ()=>setCurrentStep(Math.max(0, currentStep - 1)),
-                        disabled: 0 === currentStep,
-                        variant: "secondary",
-                        children: "Previous"
-                    }),
-                    currentStep < steps.length - 1 ? /*#__PURE__*/ jsx(Button, {
-                        type: "button",
-                        onClick: ()=>setCurrentStep(currentStep + 1),
-                        variant: "default",
-                        children: "Next"
-                    }) : /*#__PURE__*/ jsx(Button, {
-                        type: "submit",
-                        variant: "default",
-                        children: "Submit"
-                    })
-                ]
-            })
-        ]
-    });
+    let t2;
+    if ($[2] !== step.title) {
+        t2 = /*#__PURE__*/ jsx("h2", {
+            className: "text-2xl font-semibold",
+            children: step.title
+        });
+        $[2] = step.title;
+        $[3] = t2;
+    } else t2 = $[3];
+    let t3;
+    if ($[4] !== step.description) {
+        t3 = step.description && /*#__PURE__*/ jsx("p", {
+            className: "text-muted-foreground mt-1",
+            children: step.description
+        });
+        $[4] = step.description;
+        $[5] = t3;
+    } else t3 = $[5];
+    let t4;
+    if ($[6] !== t2 || $[7] !== t3) {
+        t4 = /*#__PURE__*/ jsxs("div", {
+            children: [
+                t2,
+                t3
+            ]
+        });
+        $[6] = t2;
+        $[7] = t3;
+        $[8] = t4;
+    } else t4 = $[8];
+    const t5 = currentStep + 1;
+    let t6;
+    if ($[9] !== steps.length || $[10] !== t5) {
+        t6 = /*#__PURE__*/ jsxs("div", {
+            className: "text-sm text-muted-foreground",
+            children: [
+                "Step ",
+                t5,
+                " of ",
+                steps.length
+            ]
+        });
+        $[9] = steps.length;
+        $[10] = t5;
+        $[11] = t6;
+    } else t6 = $[11];
+    let t7;
+    if ($[12] !== t4 || $[13] !== t6) {
+        t7 = /*#__PURE__*/ jsxs("div", {
+            className: "flex items-center justify-between",
+            children: [
+                t4,
+                t6
+            ]
+        });
+        $[12] = t4;
+        $[13] = t6;
+        $[14] = t7;
+    } else t7 = $[14];
+    let t8;
+    if ($[15] !== context || $[16] !== customComponents || $[17] !== disabled || $[18] !== step.sections) {
+        let t9;
+        if ($[20] !== context || $[21] !== customComponents || $[22] !== disabled) {
+            t9 = (section)=>/*#__PURE__*/ jsx(FormSection, {
+                    section: section,
+                    context: context,
+                    customComponents: customComponents,
+                    disabled: disabled
+                }, section.id);
+            $[20] = context;
+            $[21] = customComponents;
+            $[22] = disabled;
+            $[23] = t9;
+        } else t9 = $[23];
+        t8 = step.sections.map(t9);
+        $[15] = context;
+        $[16] = customComponents;
+        $[17] = disabled;
+        $[18] = step.sections;
+        $[19] = t8;
+    } else t8 = $[19];
+    let t9;
+    if ($[24] !== t8) {
+        t9 = /*#__PURE__*/ jsx("div", {
+            className: "space-y-2",
+            children: t8
+        });
+        $[24] = t8;
+        $[25] = t9;
+    } else t9 = $[25];
+    let t10;
+    if ($[26] !== currentStep || $[27] !== setCurrentStep) {
+        t10 = ()=>setCurrentStep(Math.max(0, currentStep - 1));
+        $[26] = currentStep;
+        $[27] = setCurrentStep;
+        $[28] = t10;
+    } else t10 = $[28];
+    const t11 = 0 === currentStep;
+    let t12;
+    if ($[29] !== t10 || $[30] !== t11) {
+        t12 = /*#__PURE__*/ jsx(Button, {
+            type: "button",
+            onClick: t10,
+            disabled: t11,
+            variant: "secondary",
+            children: "Previous"
+        });
+        $[29] = t10;
+        $[30] = t11;
+        $[31] = t12;
+    } else t12 = $[31];
+    let t13;
+    if ($[32] !== currentStep || $[33] !== setCurrentStep || $[34] !== steps.length) {
+        t13 = currentStep < steps.length - 1 ? /*#__PURE__*/ jsx(Button, {
+            type: "button",
+            onClick: ()=>setCurrentStep(currentStep + 1),
+            variant: "default",
+            children: "Next"
+        }) : /*#__PURE__*/ jsx(Button, {
+            type: "submit",
+            variant: "default",
+            children: "Submit"
+        });
+        $[32] = currentStep;
+        $[33] = setCurrentStep;
+        $[34] = steps.length;
+        $[35] = t13;
+    } else t13 = $[35];
+    let t14;
+    if ($[36] !== t12 || $[37] !== t13) {
+        t14 = /*#__PURE__*/ jsxs("div", {
+            className: "flex justify-between pt-6",
+            children: [
+                t12,
+                t13
+            ]
+        });
+        $[36] = t12;
+        $[37] = t13;
+        $[38] = t14;
+    } else t14 = $[38];
+    let t15;
+    if ($[39] !== t14 || $[40] !== t7 || $[41] !== t9) {
+        t15 = /*#__PURE__*/ jsxs("div", {
+            className: "space-y-6",
+            children: [
+                t7,
+                t9,
+                t14
+            ]
+        });
+        $[39] = t14;
+        $[40] = t7;
+        $[41] = t9;
+        $[42] = t15;
+    } else t15 = $[42];
+    return t15;
 }
-function FormSection({ section, context, customComponents, disabled }) {
+function FormSection(t0) {
+    const $ = c(41);
+    const { section, context, customComponents, disabled } = t0;
     const gridColumns = context.schema.layout?.columns || 1;
     const gap = context.schema.layout?.gap || 4;
-    const fieldsGrid = /*#__PURE__*/ jsx("div", {
-        className: "grid",
-        style: {
-            gridTemplateColumns: `repeat(${gridColumns}, minmax(0, 1fr))`,
-            gap: `${0.25 * gap}rem`
-        },
-        children: section.fields.map((field)=>/*#__PURE__*/ jsx(FormFieldRenderer, {
-                field: field,
-                context: context,
-                customComponents: customComponents,
-                disabled: disabled
-            }, field.name))
-    });
+    const t1 = `repeat(${gridColumns}, minmax(0, 1fr))`;
+    const t2 = `${0.25 * gap}rem`;
+    let t3;
+    if ($[0] !== t1 || $[1] !== t2) {
+        t3 = {
+            gridTemplateColumns: t1,
+            gap: t2
+        };
+        $[0] = t1;
+        $[1] = t2;
+        $[2] = t3;
+    } else t3 = $[2];
+    let t4;
+    if ($[3] !== context || $[4] !== customComponents || $[5] !== disabled || $[6] !== section.fields) {
+        let t5;
+        if ($[8] !== context || $[9] !== customComponents || $[10] !== disabled) {
+            t5 = (field)=>/*#__PURE__*/ jsx(FormFieldRenderer, {
+                    field: field,
+                    context: context,
+                    customComponents: customComponents,
+                    disabled: disabled
+                }, field.name);
+            $[8] = context;
+            $[9] = customComponents;
+            $[10] = disabled;
+            $[11] = t5;
+        } else t5 = $[11];
+        t4 = section.fields.map(t5);
+        $[3] = context;
+        $[4] = customComponents;
+        $[5] = disabled;
+        $[6] = section.fields;
+        $[7] = t4;
+    } else t4 = $[7];
+    let t5;
+    if ($[12] !== t3 || $[13] !== t4) {
+        t5 = /*#__PURE__*/ jsx("div", {
+            className: "grid",
+            style: t3,
+            children: t4
+        });
+        $[12] = t3;
+        $[13] = t4;
+        $[14] = t5;
+    } else t5 = $[14];
+    const fieldsGrid = t5;
     if (!section.title) return fieldsGrid;
-    const innerContent = /*#__PURE__*/ jsxs("div", {
-        className: "flex flex-col gap-4",
-        children: [
-            section.description && /*#__PURE__*/ jsx("p", {
-                className: "text-sm text-muted-foreground",
-                children: section.description
-            }),
-            fieldsGrid
-        ]
-    });
+    let t6;
+    if ($[15] !== section.description) {
+        t6 = section.description && /*#__PURE__*/ jsx("p", {
+            className: "text-sm text-muted-foreground",
+            children: section.description
+        });
+        $[15] = section.description;
+        $[16] = t6;
+    } else t6 = $[16];
+    let t7;
+    if ($[17] !== fieldsGrid || $[18] !== t6) {
+        t7 = /*#__PURE__*/ jsxs("div", {
+            className: "flex flex-col gap-4",
+            children: [
+                t6,
+                fieldsGrid
+            ]
+        });
+        $[17] = fieldsGrid;
+        $[18] = t6;
+        $[19] = t7;
+    } else t7 = $[19];
+    const innerContent = t7;
     if (section.collapsible) {
-        const defaultValue = false !== section.defaultExpanded ? [
-            section.id
-        ] : [];
-        return /*#__PURE__*/ jsx(Accordion, {
-            type: "multiple",
-            defaultValue: defaultValue,
-            children: /*#__PURE__*/ jsxs(AccordionItem, {
+        let t8;
+        if ($[20] !== section.defaultExpanded || $[21] !== section.id) {
+            t8 = false !== section.defaultExpanded ? [
+                section.id
+            ] : [];
+            $[20] = section.defaultExpanded;
+            $[21] = section.id;
+            $[22] = t8;
+        } else t8 = $[22];
+        const defaultValue = t8;
+        let t9;
+        if ($[23] !== section.title) {
+            t9 = /*#__PURE__*/ jsx(AccordionTrigger, {
+                className: "text-sm font-medium",
+                children: section.title
+            });
+            $[23] = section.title;
+            $[24] = t9;
+        } else t9 = $[24];
+        let t10;
+        if ($[25] !== innerContent) {
+            t10 = /*#__PURE__*/ jsx(AccordionContent, {
+                children: innerContent
+            });
+            $[25] = innerContent;
+            $[26] = t10;
+        } else t10 = $[26];
+        let t11;
+        if ($[27] !== section.id || $[28] !== t10 || $[29] !== t9) {
+            t11 = /*#__PURE__*/ jsxs(AccordionItem, {
                 value: section.id,
                 className: "border rounded-lg px-3",
                 children: [
-                    /*#__PURE__*/ jsx(AccordionTrigger, {
-                        className: "text-sm font-medium",
-                        children: section.title
-                    }),
-                    /*#__PURE__*/ jsx(AccordionContent, {
-                        children: innerContent
-                    })
+                    t9,
+                    t10
                 ]
+            });
+            $[27] = section.id;
+            $[28] = t10;
+            $[29] = t9;
+            $[30] = t11;
+        } else t11 = $[30];
+        let t12;
+        if ($[31] !== defaultValue || $[32] !== t11) {
+            t12 = /*#__PURE__*/ jsx(Accordion, {
+                type: "multiple",
+                defaultValue: defaultValue,
+                children: t11
+            });
+            $[31] = defaultValue;
+            $[32] = t11;
+            $[33] = t12;
+        } else t12 = $[33];
+        return t12;
+    }
+    let t8;
+    if ($[34] !== section.title) {
+        t8 = /*#__PURE__*/ jsx("div", {
+            className: "flex",
+            children: /*#__PURE__*/ jsx("div", {
+                className: "flex flex-1 items-center justify-between py-4 text-sm font-medium",
+                children: section.title
             })
         });
-    }
-    return /*#__PURE__*/ jsxs("div", {
-        className: "border rounded-lg px-3",
-        children: [
-            /*#__PURE__*/ jsx("div", {
-                className: "flex",
-                children: /*#__PURE__*/ jsx("div", {
-                    className: "flex flex-1 items-center justify-between py-4 text-sm font-medium",
-                    children: section.title
-                })
-            }),
-            /*#__PURE__*/ jsx("div", {
-                className: "text-sm",
-                children: /*#__PURE__*/ jsx("div", {
-                    className: "pb-4 pt-0",
-                    children: innerContent
-                })
+        $[34] = section.title;
+        $[35] = t8;
+    } else t8 = $[35];
+    let t9;
+    if ($[36] !== innerContent) {
+        t9 = /*#__PURE__*/ jsx("div", {
+            className: "text-sm",
+            children: /*#__PURE__*/ jsx("div", {
+                className: "pb-4 pt-0",
+                children: innerContent
             })
-        ]
-    });
+        });
+        $[36] = innerContent;
+        $[37] = t9;
+    } else t9 = $[37];
+    let t10;
+    if ($[38] !== t8 || $[39] !== t9) {
+        t10 = /*#__PURE__*/ jsxs("div", {
+            className: "border rounded-lg px-3",
+            children: [
+                t8,
+                t9
+            ]
+        });
+        $[38] = t8;
+        $[39] = t9;
+        $[40] = t10;
+    } else t10 = $[40];
+    return t10;
 }
-function FormActions({ schema, context, onReset }) {
-    const actions = schema.actions || [
-        {
-            id: 'submit',
-            type: 'submit',
-            label: 'Submit',
-            variant: 'default'
-        }
-    ];
+function FormActions(t0) {
+    const $ = c(11);
+    const { schema, context, onReset } = t0;
+    let t1;
+    if ($[0] !== schema.actions) {
+        t1 = schema.actions || [
+            {
+                id: "submit",
+                type: "submit",
+                label: "Submit",
+                variant: "default"
+            }
+        ];
+        $[0] = schema.actions;
+        $[1] = t1;
+    } else t1 = $[1];
+    const actions = t1;
     if (0 === actions.length) return null;
-    return /*#__PURE__*/ jsx("div", {
-        className: "flex gap-2 pt-6",
-        children: actions.map((action)=>{
-            if (action.conditions && !context.evaluateConditions(action.conditions)) return null;
-            if ('reset' === action.type) return /*#__PURE__*/ jsx(Button, {
-                type: "button",
-                onClick: onReset,
-                variant: action.variant || 'secondary',
-                disabled: action.disabled,
-                children: action.label
-            }, action.id);
-            return /*#__PURE__*/ jsx(Button, {
-                type: 'submit' === action.type ? 'submit' : 'button',
-                variant: action.variant || 'default',
-                disabled: action.disabled || 'submit' === action.type && context.isSubmitting,
-                children: action.loading && context.isSubmitting ? 'Loading...' : action.label
-            }, action.id);
-        })
-    });
+    let t2;
+    if ($[2] !== actions || $[3] !== context || $[4] !== onReset) {
+        let t3;
+        if ($[6] !== context || $[7] !== onReset) {
+            t3 = (action)=>{
+                if (action.conditions && !context.evaluateConditions(action.conditions)) return null;
+                if ("reset" === action.type) return /*#__PURE__*/ jsx(Button, {
+                    type: "button",
+                    onClick: onReset,
+                    variant: action.variant || "secondary",
+                    disabled: action.disabled,
+                    children: action.label
+                }, action.id);
+                return /*#__PURE__*/ jsx(Button, {
+                    type: "submit" === action.type ? "submit" : "button",
+                    variant: action.variant || "default",
+                    disabled: action.disabled || "submit" === action.type && context.isSubmitting,
+                    children: action.loading && context.isSubmitting ? "Loading..." : action.label
+                }, action.id);
+            };
+            $[6] = context;
+            $[7] = onReset;
+            $[8] = t3;
+        } else t3 = $[8];
+        t2 = actions.map(t3);
+        $[2] = actions;
+        $[3] = context;
+        $[4] = onReset;
+        $[5] = t2;
+    } else t2 = $[5];
+    let t3;
+    if ($[9] !== t2) {
+        t3 = /*#__PURE__*/ jsx("div", {
+            className: "flex gap-2 pt-6",
+            children: t2
+        });
+        $[9] = t2;
+        $[10] = t3;
+    } else t3 = $[10];
+    return t3;
 }
 function buildZodSchema(schema) {
     const shape = {};