@uipath/apollo-wind 2.40.0 → 2.42.0

package/dist/components/forms/field-renderer.js

@@ -1,22 +1,23 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { Controller, useFormContext } from "react-hook-form";
-import { hasOptions, isCustomField } from "./form-schema.js";
-import { RulesEngine } from "./rules-engine.js";
-import { DataFetcher } from "./data-fetcher.js";
-import { Input } from "../ui/input.js";
-import { Textarea } from "../ui/textarea.js";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../ui/select.js";
-import { MultiSelect } from "../ui/multi-select.js";
 import { Checkbox } from "../ui/checkbox.js";
-import { Switch } from "../ui/switch.js";
-import { RadioGroup, RadioGroupItem } from "../ui/radio-group.js";
-import { Slider } from "../ui/slider.js";
-import { Label, RequiredIndicator } from "../ui/label.js";
 import { DatePicker } from "../ui/date-picker.js";
 import { DateTimePicker } from "../ui/datetime-picker.js";
 import { FileUpload } from "../ui/file-upload.js";
-import { cn, deepEqual } from "../../lib/index.js";
+import { FormField, FormFieldDescription, FormFieldError, FormFieldLabel } from "../ui/form-field.js";
+import { Input } from "../ui/input.js";
+import { Label } from "../ui/label.js";
+import { MultiSelect } from "../ui/multi-select.js";
+import { RadioGroup, RadioGroupItem } from "../ui/radio-group.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../ui/select.js";
+import { Slider } from "../ui/slider.js";
+import { Switch } from "../ui/switch.js";
+import { Textarea } from "../ui/textarea.js";
+import { deepEqual } from "../../lib/index.js";
+import { DataFetcher } from "./data-fetcher.js";
+import { hasOptions, isCustomField } from "./form-schema.js";
+import { RulesEngine } from "./rules-engine.js";
 function FormFieldRenderer({ field, context, customComponents, disabled: formDisabled = false }) {
     const { control, watch, getValues } = useFormContext();
     const contextRef = useRef(context);
@@ -188,7 +189,7 @@ function FieldByType({ field, formField, error, disabled, required, options }) {
         case 'email':
             return /*#__PURE__*/ jsxs(FormField, {
                 children: [
-                    /*#__PURE__*/ jsx(FormLabel, {
+                    /*#__PURE__*/ jsx(FormFieldLabel, {
                         required: required,
                         children: field.label
                     }),
@@ -203,10 +204,10 @@ function FieldByType({ field, formField, error, disabled, required, options }) {
                         disabled: disabled,
                         "aria-label": field.ariaLabel
                     }),
-                    /*#__PURE__*/ jsx(FormDescription, {
+                    /*#__PURE__*/ jsx(FormFieldDescription, {
                         children: field.description
                     }),
-                    /*#__PURE__*/ jsx(FormError, {
+                    /*#__PURE__*/ jsx(FormFieldError, {
                         children: error
                     })
                 ]
@@ -214,7 +215,7 @@ function FieldByType({ field, formField, error, disabled, required, options }) {
         case 'number':
             return /*#__PURE__*/ jsxs(FormField, {
                 children: [
-                    /*#__PURE__*/ jsx(FormLabel, {
+                    /*#__PURE__*/ jsx(FormFieldLabel, {
                         required: required,
                         children: field.label
                     }),
@@ -231,10 +232,10 @@ function FieldByType({ field, formField, error, disabled, required, options }) {
                         disabled: disabled,
                         onChange: (e)=>formField.onChange(parseFloat(e.target.value))
                     }),
-                    /*#__PURE__*/ jsx(FormDescription, {
+                    /*#__PURE__*/ jsx(FormFieldDescription, {
                         children: field.description
                     }),
-                    /*#__PURE__*/ jsx(FormError, {
+                    /*#__PURE__*/ jsx(FormFieldError, {
                         children: error
                     })
                 ]
@@ -242,7 +243,7 @@ function FieldByType({ field, formField, error, disabled, required, options }) {
         case 'textarea':
             return /*#__PURE__*/ jsxs(FormField, {
                 children: [
-                    /*#__PURE__*/ jsx(FormLabel, {
+                    /*#__PURE__*/ jsx(FormFieldLabel, {
                         required: required,
                         children: field.label
                     }),
@@ -256,10 +257,10 @@ function FieldByType({ field, formField, error, disabled, required, options }) {
                         disabled: disabled,
                         rows: field.rows || 4
                     }),
-                    /*#__PURE__*/ jsx(FormDescription, {
+                    /*#__PURE__*/ jsx(FormFieldDescription, {
                         children: field.description
                     }),
-                    /*#__PURE__*/ jsx(FormError, {
+                    /*#__PURE__*/ jsx(FormFieldError, {
                         children: error
                     })
                 ]
@@ -267,7 +268,7 @@ function FieldByType({ field, formField, error, disabled, required, options }) {
         case 'select':
             return /*#__PURE__*/ jsxs(FormField, {
                 children: [
-                    /*#__PURE__*/ jsx(FormLabel, {
+                    /*#__PURE__*/ jsx(FormFieldLabel, {
                         required: required,
                         children: field.label
                     }),
@@ -291,10 +292,10 @@ function FieldByType({ field, formField, error, disabled, required, options }) {
                             })
                         ]
                     }),
-                    /*#__PURE__*/ jsx(FormDescription, {
+                    /*#__PURE__*/ jsx(FormFieldDescription, {
                         children: field.description
                     }),
-                    /*#__PURE__*/ jsx(FormError, {
+                    /*#__PURE__*/ jsx(FormFieldError, {
                         children: error
                     })
                 ]
@@ -302,7 +303,7 @@ function FieldByType({ field, formField, error, disabled, required, options }) {
         case 'multiselect':
             return /*#__PURE__*/ jsxs(FormField, {
                 children: [
-                    /*#__PURE__*/ jsx(FormLabel, {
+                    /*#__PURE__*/ jsx(FormFieldLabel, {
                         required: required,
                         children: field.label
                     }),
@@ -319,10 +320,10 @@ function FieldByType({ field, formField, error, disabled, required, options }) {
                         searchPlaceholder: "Search...",
                         maxSelected: field.maxSelected
                     }),
-                    /*#__PURE__*/ jsx(FormDescription, {
+                    /*#__PURE__*/ jsx(FormFieldDescription, {
                         children: field.description
                     }),
-                    /*#__PURE__*/ jsx(FormError, {
+                    /*#__PURE__*/ jsx(FormFieldError, {
                         children: error
                     })
                 ]
@@ -342,19 +343,19 @@ function FieldByType({ field, formField, error, disabled, required, options }) {
                             /*#__PURE__*/ jsxs("div", {
                                 className: "space-y-1 leading-none",
                                 children: [
-                                    /*#__PURE__*/ jsx(FormLabel, {
+                                    /*#__PURE__*/ jsx(FormFieldLabel, {
                                         htmlFor: field.name,
                                         className: "font-normal",
                                         children: field.label
                                     }),
-                                    /*#__PURE__*/ jsx(FormDescription, {
+                                    /*#__PURE__*/ jsx(FormFieldDescription, {
                                         children: field.description
                                     })
                                 ]
                             })
                         ]
                     }),
-                    /*#__PURE__*/ jsx(FormError, {
+                    /*#__PURE__*/ jsx(FormFieldError, {
                         children: error
                     })
                 ]
@@ -368,10 +369,10 @@ function FieldByType({ field, formField, error, disabled, required, options }) {
                             /*#__PURE__*/ jsxs("div", {
                                 className: "space-y-0.5",
                                 children: [
-                                    /*#__PURE__*/ jsx(FormLabel, {
+                                    /*#__PURE__*/ jsx(FormFieldLabel, {
                                         children: field.label
                                     }),
-                                    /*#__PURE__*/ jsx(FormDescription, {
+                                    /*#__PURE__*/ jsx(FormFieldDescription, {
                                         children: field.description
                                     })
                                 ]
@@ -383,7 +384,7 @@ function FieldByType({ field, formField, error, disabled, required, options }) {
                             })
                         ]
                     }),
-                    /*#__PURE__*/ jsx(FormError, {
+                    /*#__PURE__*/ jsx(FormFieldError, {
                         children: error
                     })
                 ]
@@ -391,7 +392,7 @@ function FieldByType({ field, formField, error, disabled, required, options }) {
         case 'radio':
             return /*#__PURE__*/ jsxs(FormField, {
                 children: [
-                    /*#__PURE__*/ jsx(FormLabel, {
+                    /*#__PURE__*/ jsx(FormFieldLabel, {
                         required: required,
                         children: field.label
                     }),
@@ -408,16 +409,17 @@ function FieldByType({ field, formField, error, disabled, required, options }) {
                                         disabled: 'disabled' in option ? Boolean(option.disabled) : false
                                     }),
                                     /*#__PURE__*/ jsx(Label, {
+                                        variant: "muted",
                                         htmlFor: `${field.name}-${option.value}`,
                                         children: option.label
                                     })
                                 ]
                             }, String(option.value)))
                     }),
-                    /*#__PURE__*/ jsx(FormDescription, {
+                    /*#__PURE__*/ jsx(FormFieldDescription, {
                         children: field.description
                     }),
-                    /*#__PURE__*/ jsx(FormError, {
+                    /*#__PURE__*/ jsx(FormFieldError, {
                         children: error
                     })
                 ]
@@ -433,7 +435,7 @@ function FieldByType({ field, formField, error, disabled, required, options }) {
         case 'date':
             return /*#__PURE__*/ jsxs(FormField, {
                 children: [
-                    /*#__PURE__*/ jsx(FormLabel, {
+                    /*#__PURE__*/ jsx(FormFieldLabel, {
                         required: required,
                         children: field.label
                     }),
@@ -443,10 +445,10 @@ function FieldByType({ field, formField, error, disabled, required, options }) {
                         disabled: disabled,
                         placeholder: field.placeholder
                     }),
-                    /*#__PURE__*/ jsx(FormDescription, {
+                    /*#__PURE__*/ jsx(FormFieldDescription, {
                         children: field.description
                     }),
-                    /*#__PURE__*/ jsx(FormError, {
+                    /*#__PURE__*/ jsx(FormFieldError, {
                         children: error
                     })
                 ]
@@ -454,7 +456,7 @@ function FieldByType({ field, formField, error, disabled, required, options }) {
         case 'datetime':
             return /*#__PURE__*/ jsxs(FormField, {
                 children: [
-                    /*#__PURE__*/ jsx(FormLabel, {
+                    /*#__PURE__*/ jsx(FormFieldLabel, {
                         required: required,
                         children: field.label
                     }),
@@ -465,10 +467,10 @@ function FieldByType({ field, formField, error, disabled, required, options }) {
                         placeholder: field.placeholder,
                         use12Hour: field.use12Hour
                     }),
-                    /*#__PURE__*/ jsx(FormDescription, {
+                    /*#__PURE__*/ jsx(FormFieldDescription, {
                         children: field.description
                     }),
-                    /*#__PURE__*/ jsx(FormError, {
+                    /*#__PURE__*/ jsx(FormFieldError, {
                         children: error
                     })
                 ]
@@ -476,7 +478,7 @@ function FieldByType({ field, formField, error, disabled, required, options }) {
         case 'file':
             return /*#__PURE__*/ jsxs(FormField, {
                 children: [
-                    /*#__PURE__*/ jsx(FormLabel, {
+                    /*#__PURE__*/ jsx(FormFieldLabel, {
                         required: required,
                         children: field.label
                     }),
@@ -490,10 +492,10 @@ function FieldByType({ field, formField, error, disabled, required, options }) {
                             formField.onChange(field.multiple ? files : files[0]);
                         }
                     }),
-                    /*#__PURE__*/ jsx(FormDescription, {
+                    /*#__PURE__*/ jsx(FormFieldDescription, {
                         children: field.description
                     }),
-                    /*#__PURE__*/ jsx(FormError, {
+                    /*#__PURE__*/ jsx(FormFieldError, {
                         children: error
                     })
                 ]
@@ -502,41 +504,6 @@ function FieldByType({ field, formField, error, disabled, required, options }) {
             return null;
     }
 }
-function FormField({ children, className = '' }) {
-    return /*#__PURE__*/ jsx("div", {
-        "data-slot": "form-field",
-        className: cn('grid gap-1.5', className),
-        children: children
-    });
-}
-function FormLabel({ children, required, htmlFor, className = '' }) {
-    return /*#__PURE__*/ jsxs(Label, {
-        "data-slot": "form-label",
-        htmlFor: htmlFor,
-        className: className,
-        children: [
-            children,
-            required && /*#__PURE__*/ jsx(RequiredIndicator, {
-                className: "ml-1"
-            })
-        ]
-    });
-}
-function FormDescription({ children }) {
-    if (!children) return null;
-    return /*#__PURE__*/ jsx("p", {
-        "data-slot": "form-description",
-        className: "text-sm text-muted-foreground",
-        children: children
-    });
-}
-function FormError({ children }) {
-    if (!children) return null;
-    return /*#__PURE__*/ jsx("p", {
-        className: "text-sm text-destructive",
-        children: children
-    });
-}
 function SliderField({ field, formField, error, disabled, required }) {
     const { watch } = useFormContext();
     const watchedMax = field.maxRef ? watch(field.maxRef.fromField) : void 0;
@@ -562,7 +529,7 @@ function SliderField({ field, formField, error, disabled, required }) {
             /*#__PURE__*/ jsxs("div", {
                 className: "flex justify-between",
                 children: [
-                    /*#__PURE__*/ jsx(FormLabel, {
+                    /*#__PURE__*/ jsx(FormFieldLabel, {
                         required: required,
                         children: field.label
                     }),
@@ -582,10 +549,10 @@ function SliderField({ field, formField, error, disabled, required }) {
                 step: field.step || 1,
                 disabled: disabled
             }),
-            /*#__PURE__*/ jsx(FormDescription, {
+            /*#__PURE__*/ jsx(FormFieldDescription, {
                 children: field.description
             }),
-            /*#__PURE__*/ jsx(FormError, {
+            /*#__PURE__*/ jsx(FormFieldError, {
                 children: error
             })
         ]

package/dist/components/ui/form-field.cjs

@@ -0,0 +1,90 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    FormFieldLabel: ()=>FormFieldLabel,
+    FormFieldError: ()=>FormFieldError,
+    FormFieldDescription: ()=>FormFieldDescription,
+    FormField: ()=>FormField
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const external_label_cjs_namespaceObject = require("./label.cjs");
+const index_cjs_namespaceObject = require("../../lib/index.cjs");
+const FormField = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ children, className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ref: ref,
+        "data-slot": "form-field",
+        className: (0, index_cjs_namespaceObject.cn)('grid gap-1.5', className),
+        ...props,
+        children: children
+    }));
+FormField.displayName = 'FormField';
+const FormFieldLabel = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ children, required = false, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_label_cjs_namespaceObject.Label, {
+        ref: ref,
+        "data-slot": "form-field-label",
+        ...props,
+        children: [
+            children,
+            required && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_label_cjs_namespaceObject.RequiredIndicator, {})
+        ]
+    }));
+FormFieldLabel.displayName = 'FormFieldLabel';
+const FormFieldDescription = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ children, className, ...props }, ref)=>{
+    if (!children) return null;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
+        ref: ref,
+        "data-slot": "form-field-description",
+        className: (0, index_cjs_namespaceObject.cn)('text-xs leading-4 text-foreground-muted', className),
+        ...props,
+        children: children
+    });
+});
+FormFieldDescription.displayName = "FormFieldDescription";
+const FormFieldError = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ children, className, ...props }, ref)=>{
+    if (!children) return null;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
+        ref: ref,
+        "data-slot": "form-field-error",
+        "aria-live": "polite",
+        "aria-atomic": "true",
+        className: (0, index_cjs_namespaceObject.cn)('text-xs leading-4 text-error', className),
+        ...props,
+        children: children
+    });
+});
+FormFieldError.displayName = 'FormFieldError';
+exports.FormField = __webpack_exports__.FormField;
+exports.FormFieldDescription = __webpack_exports__.FormFieldDescription;
+exports.FormFieldError = __webpack_exports__.FormFieldError;
+exports.FormFieldLabel = __webpack_exports__.FormFieldLabel;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "FormField",
+    "FormFieldDescription",
+    "FormFieldError",
+    "FormFieldLabel"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/form-field.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { Label } from './label';
+export type FormFieldProps = React.ComponentPropsWithoutRef<'div'>;
+/**
+ * Vertical field anatomy: label, control, supporting text, validation message.
+ *
+ * These parts are presentational and hold no form state, so they compose the
+ * same way inside a metadata-driven form as they do in hand-built panels.
+ */
+declare const FormField: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export interface FormFieldLabelProps extends React.ComponentPropsWithoutRef<typeof Label> {
+    /** Appends the required indicator after the label text. */
+    required?: boolean;
+}
+/** Names the field. Pair with a control via `htmlFor`. */
+declare const FormFieldLabel: React.ForwardRefExoticComponent<FormFieldLabelProps & React.RefAttributes<HTMLLabelElement>>;
+export type FormFieldDescriptionProps = React.ComponentPropsWithoutRef<'p'>;
+/** Supporting guidance rendered below a field control. */
+declare const FormFieldDescription: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export type FormFieldErrorProps = React.ComponentPropsWithoutRef<'p'>;
+/**
+ * Validation message rendered below a field control. Uses the `error` token
+ * rather than `destructive`, which some themes resolve to a different color.
+ */
+declare const FormFieldError: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { FormField, FormFieldDescription, FormFieldError, FormFieldLabel };

package/dist/components/ui/form-field.js

@@ -0,0 +1,47 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Label, RequiredIndicator } from "./label.js";
+import { cn } from "../../lib/index.js";
+const FormField = /*#__PURE__*/ forwardRef(({ children, className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+        ref: ref,
+        "data-slot": "form-field",
+        className: cn('grid gap-1.5', className),
+        ...props,
+        children: children
+    }));
+FormField.displayName = 'FormField';
+const FormFieldLabel = /*#__PURE__*/ forwardRef(({ children, required = false, ...props }, ref)=>/*#__PURE__*/ jsxs(Label, {
+        ref: ref,
+        "data-slot": "form-field-label",
+        ...props,
+        children: [
+            children,
+            required && /*#__PURE__*/ jsx(RequiredIndicator, {})
+        ]
+    }));
+FormFieldLabel.displayName = 'FormFieldLabel';
+const FormFieldDescription = /*#__PURE__*/ forwardRef(({ children, className, ...props }, ref)=>{
+    if (!children) return null;
+    return /*#__PURE__*/ jsx("p", {
+        ref: ref,
+        "data-slot": "form-field-description",
+        className: cn('text-xs leading-4 text-foreground-muted', className),
+        ...props,
+        children: children
+    });
+});
+FormFieldDescription.displayName = "FormFieldDescription";
+const FormFieldError = /*#__PURE__*/ forwardRef(({ children, className, ...props }, ref)=>{
+    if (!children) return null;
+    return /*#__PURE__*/ jsx("p", {
+        ref: ref,
+        "data-slot": "form-field-error",
+        "aria-live": "polite",
+        "aria-atomic": "true",
+        className: cn('text-xs leading-4 text-error', className),
+        ...props,
+        children: children
+    });
+});
+FormFieldError.displayName = 'FormFieldError';
+export { FormField, FormFieldDescription, FormFieldError, FormFieldLabel };