@uipath/apollo-wind 2.63.0 → 2.64.0

package/dist/components/forms/demo-mocks.js

@@ -338,226 +338,6 @@ const mockCities = {
         ]
     }
 };
-const mockProductCategories = {
-    categories: [
-        {
-            id: 'electronics',
-            name: 'Electronics'
-        },
-        {
-            id: 'clothing',
-            name: 'Clothing'
-        },
-        {
-            id: 'furniture',
-            name: 'Furniture'
-        },
-        {
-            id: 'software',
-            name: 'Software'
-        }
-    ]
-};
-const mockProducts = {
-    electronics: [
-        {
-            id: 'laptop',
-            name: 'Laptop'
-        },
-        {
-            id: 'phone',
-            name: 'Smartphone'
-        },
-        {
-            id: 'tablet',
-            name: 'Tablet'
-        },
-        {
-            id: 'headphones',
-            name: 'Headphones'
-        }
-    ],
-    clothing: [
-        {
-            id: 'shirt',
-            name: 'T-Shirt'
-        },
-        {
-            id: 'pants',
-            name: 'Pants'
-        },
-        {
-            id: 'jacket',
-            name: 'Jacket'
-        }
-    ],
-    furniture: [
-        {
-            id: 'desk',
-            name: 'Office Desk'
-        },
-        {
-            id: 'chair',
-            name: 'Office Chair'
-        },
-        {
-            id: 'bookshelf',
-            name: 'Bookshelf'
-        }
-    ],
-    software: [
-        {
-            id: 'studio',
-            name: 'UiPath Studio'
-        },
-        {
-            id: 'orchestrator',
-            name: 'UiPath Orchestrator'
-        },
-        {
-            id: 'assistant',
-            name: 'UiPath Assistant'
-        }
-    ]
-};
-const mockProductVariants = {
-    laptop: [
-        {
-            id: 'laptop-basic',
-            name: 'Basic - 8GB RAM',
-            price: 799
-        },
-        {
-            id: 'laptop-pro',
-            name: 'Pro - 16GB RAM',
-            price: 1299
-        },
-        {
-            id: 'laptop-ultra',
-            name: 'Ultra - 32GB RAM',
-            price: 1999
-        }
-    ],
-    phone: [
-        {
-            id: 'phone-128',
-            name: '128GB Storage',
-            price: 699
-        },
-        {
-            id: 'phone-256',
-            name: '256GB Storage',
-            price: 799
-        },
-        {
-            id: 'phone-512',
-            name: '512GB Storage',
-            price: 999
-        }
-    ],
-    tablet: [
-        {
-            id: 'tablet-wifi',
-            name: 'WiFi Only',
-            price: 449
-        },
-        {
-            id: 'tablet-cellular',
-            name: 'WiFi + Cellular',
-            price: 599
-        }
-    ],
-    headphones: [
-        {
-            id: 'hp-wired',
-            name: 'Wired',
-            price: 99
-        },
-        {
-            id: 'hp-wireless',
-            name: 'Wireless',
-            price: 199
-        },
-        {
-            id: 'hp-pro',
-            name: 'Pro Wireless ANC',
-            price: 349
-        }
-    ],
-    shirt: [
-        {
-            id: 'shirt-s',
-            name: 'Small',
-            price: 29
-        },
-        {
-            id: 'shirt-m',
-            name: 'Medium',
-            price: 29
-        },
-        {
-            id: 'shirt-l',
-            name: 'Large',
-            price: 29
-        },
-        {
-            id: 'shirt-xl',
-            name: 'X-Large',
-            price: 32
-        }
-    ],
-    desk: [
-        {
-            id: 'desk-std',
-            name: 'Standard',
-            price: 299
-        },
-        {
-            id: 'desk-adj',
-            name: 'Adjustable Height',
-            price: 599
-        },
-        {
-            id: 'desk-exec',
-            name: 'Executive',
-            price: 899
-        }
-    ],
-    chair: [
-        {
-            id: 'chair-basic',
-            name: 'Basic',
-            price: 149
-        },
-        {
-            id: 'chair-ergo',
-            name: 'Ergonomic',
-            price: 399
-        },
-        {
-            id: 'chair-exec',
-            name: 'Executive',
-            price: 699
-        }
-    ],
-    studio: [
-        {
-            id: 'studio-community',
-            name: 'Community (Free)',
-            price: 0
-        },
-        {
-            id: 'studio-pro',
-            name: 'Pro',
-            price: 420
-        },
-        {
-            id: 'studio-enterprise',
-            name: 'Enterprise',
-            price: 0
-        }
-    ]
-};
 const mockDepartments = [
     {
         id: 'engineering',
@@ -692,158 +472,6 @@ const mockPositions = {
         }
     ]
 };
-const mockOrchestratorFolders = {
-    value: [
-        {
-            Id: 1,
-            DisplayName: 'Production'
-        },
-        {
-            Id: 2,
-            DisplayName: 'Development'
-        },
-        {
-            Id: 3,
-            DisplayName: 'Testing'
-        },
-        {
-            Id: 4,
-            DisplayName: 'Shared'
-        }
-    ]
-};
-const mockOrchestratorProcesses = {
-    1: [
-        {
-            id: 'invoice-proc',
-            name: 'Invoice Processing'
-        },
-        {
-            id: 'email-auto',
-            name: 'Email Automation'
-        },
-        {
-            id: 'data-extract',
-            name: 'Data Extraction'
-        }
-    ],
-    2: [
-        {
-            id: 'test-proc',
-            name: 'Test Process'
-        },
-        {
-            id: 'demo-workflow',
-            name: 'Demo Workflow'
-        }
-    ],
-    3: [
-        {
-            id: 'qa-test',
-            name: 'QA Testing'
-        },
-        {
-            id: 'regression',
-            name: 'Regression Suite'
-        }
-    ],
-    4: [
-        {
-            id: 'utility',
-            name: 'Utility Functions'
-        },
-        {
-            id: 'shared-lib',
-            name: 'Shared Library'
-        }
-    ]
-};
-const mockPackageVersions = {
-    'invoice-proc': [
-        {
-            id: 'v1.0.0',
-            name: '1.0.0'
-        },
-        {
-            id: 'v1.1.0',
-            name: '1.1.0'
-        },
-        {
-            id: 'v2.0.0',
-            name: '2.0.0 (latest)'
-        }
-    ],
-    'email-auto': [
-        {
-            id: 'v1.0.0',
-            name: '1.0.0'
-        },
-        {
-            id: 'v1.0.1',
-            name: '1.0.1 (latest)'
-        }
-    ],
-    'data-extract': [
-        {
-            id: 'v1.0.0',
-            name: '1.0.0 (latest)'
-        }
-    ],
-    'test-proc': [
-        {
-            id: 'v0.1.0',
-            name: '0.1.0 (dev)'
-        }
-    ],
-    'demo-workflow': [
-        {
-            id: 'v1.0.0',
-            name: '1.0.0'
-        },
-        {
-            id: 'v1.1.0',
-            name: '1.1.0 (latest)'
-        }
-    ]
-};
-const mockRobots = {
-    1: [
-        {
-            id: 'robot-1',
-            name: 'PROD-ROBOT-01'
-        },
-        {
-            id: 'robot-2',
-            name: 'PROD-ROBOT-02'
-        },
-        {
-            id: 'robot-3',
-            name: 'PROD-ROBOT-03'
-        }
-    ],
-    2: [
-        {
-            id: 'dev-robot-1',
-            name: 'DEV-ROBOT-01'
-        },
-        {
-            id: 'dev-robot-2',
-            name: 'DEV-ROBOT-02'
-        }
-    ],
-    3: [
-        {
-            id: 'test-robot-1',
-            name: 'TEST-ROBOT-01'
-        }
-    ],
-    4: [
-        {
-            id: 'shared-robot',
-            name: 'SHARED-ROBOT-01'
-        }
-    ]
-};
 const mockTimezones = [
     {
         label: 'Pacific Time (US)',
@@ -882,36 +510,6 @@ const mockTimezones = [
         value: 'Australia/Sydney'
     }
 ];
-const mockSurveyProducts = [
-    {
-        id: 'studio',
-        name: 'UiPath Studio'
-    },
-    {
-        id: 'orchestrator',
-        name: 'UiPath Orchestrator'
-    },
-    {
-        id: 'assistant',
-        name: 'UiPath Assistant'
-    },
-    {
-        id: 'automation-hub',
-        name: 'Automation Hub'
-    },
-    {
-        id: 'insights',
-        name: 'UiPath Insights'
-    },
-    {
-        id: 'document-understanding',
-        name: 'Document Understanding'
-    },
-    {
-        id: 'test-suite',
-        name: 'Test Suite'
-    }
-];
 function createDemoMockAdapter() {
     const adapter = new MockAdapter();
     adapter.register('/api/countries', ()=>mockCountries);
@@ -932,27 +530,6 @@ function createDemoMockAdapter() {
                 value: c.code
             }));
     });
-    adapter.register('/api/product-categories', ()=>mockProductCategories);
-    adapter.register('/api/products', (params)=>{
-        const categoryId = params.categoryId;
-        if (categoryId) {
-            const products = mockProducts[categoryId] || [];
-            return products.map((p)=>({
-                    label: p.name,
-                    value: p.id
-                }));
-        }
-        return mockSurveyProducts;
-    });
-    adapter.register('/api/product-variants', (params)=>{
-        const productId = params.productId;
-        const variants = mockProductVariants[productId] || [];
-        return variants.map((v)=>({
-                label: `${v.name} - $${v.price}`,
-                value: v.id,
-                price: v.price
-            }));
-    });
     adapter.register('/api/departments', ()=>mockDepartments);
     adapter.register('/api/positions', (params)=>{
         const departmentId = params.departmentId;
@@ -962,31 +539,6 @@ function createDemoMockAdapter() {
                 value: p.id
             }));
     });
-    adapter.register('/api/orchestrator/folders', ()=>mockOrchestratorFolders);
-    adapter.register('/api/orchestrator/processes', (params)=>{
-        const folderId = String(params.folderId);
-        const processes = mockOrchestratorProcesses[folderId] || [];
-        return processes.map((p)=>({
-                label: p.name,
-                value: p.id
-            }));
-    });
-    adapter.register('/api/orchestrator/package-versions', (params)=>{
-        const processKey = params.processKey;
-        const versions = mockPackageVersions[processKey] || [];
-        return versions.map((v)=>({
-                label: v.name,
-                value: v.id
-            }));
-    });
-    adapter.register('/api/orchestrator/robots', (params)=>{
-        const folderId = String(params.folderId);
-        const robots = mockRobots[folderId] || [];
-        return robots.map((r)=>({
-                label: r.name,
-                value: r.id
-            }));
-    });
     adapter.register('/api/timezones', ()=>mockTimezones);
     return adapter;
 }

package/dist/components/forms/field-control.cjs

@@ -45,6 +45,7 @@ const select_cjs_namespaceObject = require("../ui/select.cjs");
 const slider_cjs_namespaceObject = require("../ui/slider.cjs");
 const switch_cjs_namespaceObject = require("../ui/switch.cjs");
 const textarea_cjs_namespaceObject = require("../ui/textarea.cjs");
+const external_aria_ids_cjs_namespaceObject = require("./aria-ids.cjs");
 const external_literal_value_context_cjs_namespaceObject = require("./literal-value-context.cjs");
 const external_string_list_field_cjs_namespaceObject = require("./string-list-field.cjs");
 const FIELD_CONTROL_GEOMETRY = {
@@ -111,8 +112,9 @@ const FIELD_CONTROL_GEOMETRY = {
 };
 const NO_OPTIONS = [];
 const NO_SELECTION = [];
-function FieldControl({ field, formField, options = NO_OPTIONS, disabled = false, invalid = false, strings }) {
+function FieldControl({ field, formField, options = NO_OPTIONS, disabled = false, invalid = false, strings, describedBy }) {
     const errorId = invalid ? `${field.name}-error` : void 0;
+    const describedById = (0, external_aria_ids_cjs_namespaceObject.joinIds)(errorId, describedBy);
     const { onChange } = formField;
     const multipleFiles = 'file' === field.type && field.multiple;
     const onTextChange = (0, external_react_namespaceObject.useCallback)((event)=>onChange(event.target.value), [
@@ -148,7 +150,7 @@ function FieldControl({ field, formField, options = NO_OPTIONS, disabled = false
                 placeholder: field.placeholder,
                 disabled: disabled,
                 "aria-invalid": invalid || void 0,
-                "aria-describedby": errorId,
+                "aria-describedby": describedById,
                 "aria-errormessage": errorId,
                 "aria-label": field.ariaLabel
             });
@@ -166,7 +168,7 @@ function FieldControl({ field, formField, options = NO_OPTIONS, disabled = false
                 placeholder: field.placeholder,
                 disabled: disabled,
                 "aria-invalid": invalid || void 0,
-                "aria-describedby": errorId,
+                "aria-describedby": describedById,
                 "aria-errormessage": errorId,
                 onChange: onNumberChange
             });
@@ -182,7 +184,7 @@ function FieldControl({ field, formField, options = NO_OPTIONS, disabled = false
                 disabled: disabled,
                 maxLength: field.maxLength,
                 "aria-invalid": invalid || void 0,
-                "aria-describedby": errorId,
+                "aria-describedby": describedById,
                 "aria-errormessage": errorId,
                 ...null != field.minRows ? {
                     minRows: field.minRows
@@ -200,7 +202,7 @@ function FieldControl({ field, formField, options = NO_OPTIONS, disabled = false
                         id: field.name,
                         "aria-label": field.label,
                         "aria-invalid": invalid || void 0,
-                        "aria-describedby": errorId,
+                        "aria-describedby": describedById,
                         "aria-errormessage": errorId,
                         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectValue, {
                             placeholder: field.placeholder || 'Select...'
@@ -227,7 +229,7 @@ function FieldControl({ field, formField, options = NO_OPTIONS, disabled = false
                 searchPlaceholder: field.searchPlaceholder ?? 'Search...',
                 maxSelected: field.maxSelected,
                 "aria-invalid": invalid || void 0,
-                "aria-describedby": errorId,
+                "aria-describedby": describedById,
                 "aria-errormessage": errorId
             });
         case 'checkbox':
@@ -236,7 +238,7 @@ function FieldControl({ field, formField, options = NO_OPTIONS, disabled = false
                 onCheckedChange: onCheckedChange,
                 disabled: disabled,
                 "aria-invalid": invalid || void 0,
-                "aria-describedby": errorId,
+                "aria-describedby": describedById,
                 "aria-errormessage": errorId,
                 id: field.name
             });
@@ -248,7 +250,7 @@ function FieldControl({ field, formField, options = NO_OPTIONS, disabled = false
                 onBlur: formField.onBlur,
                 disabled: disabled,
                 "aria-invalid": invalid || void 0,
-                "aria-describedby": errorId,
+                "aria-describedby": describedById,
                 "aria-errormessage": errorId,
                 strings: strings
             });
@@ -259,7 +261,7 @@ function FieldControl({ field, formField, options = NO_OPTIONS, disabled = false
                 onCheckedChange: onCheckedChange,
                 disabled: disabled,
                 "aria-invalid": invalid || void 0,
-                "aria-describedby": errorId,
+                "aria-describedby": describedById,
                 "aria-errormessage": errorId
             });
         case 'radio':
@@ -269,7 +271,7 @@ function FieldControl({ field, formField, options = NO_OPTIONS, disabled = false
                 onValueChange: formField.onChange,
                 disabled: disabled,
                 "aria-invalid": invalid || void 0,
-                "aria-describedby": errorId,
+                "aria-describedby": describedById,
                 "aria-errormessage": errorId,
                 children: options.map((option)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
                         className: "flex items-center space-x-2",
@@ -293,7 +295,8 @@ function FieldControl({ field, formField, options = NO_OPTIONS, disabled = false
                 formField: formField,
                 disabled: disabled,
                 invalid: invalid,
-                errorId: errorId
+                errorId: errorId,
+                describedById: describedById
             });
         case 'date':
             return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(date_picker_cjs_namespaceObject.DatePicker, {
@@ -303,14 +306,14 @@ function FieldControl({ field, formField, options = NO_OPTIONS, disabled = false
                 disabled: disabled,
                 placeholder: field.placeholder,
                 "aria-invalid": invalid || void 0,
-                "aria-describedby": errorId,
+                "aria-describedby": describedById,
                 "aria-errormessage": errorId
             });
         case 'datetime':
             return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(datetime_picker_cjs_namespaceObject.DateTimePicker, {
                 "aria-labelledby": `${field.name}-label`,
                 "aria-invalid": invalid || void 0,
-                "aria-describedby": errorId,
+                "aria-describedby": describedById,
                 "aria-errormessage": errorId,
                 value: formField.value,
                 onValueChange: formField.onChange,
@@ -323,7 +326,7 @@ function FieldControl({ field, formField, options = NO_OPTIONS, disabled = false
                 id: field.name,
                 ariaLabel: field.ariaLabel ?? field.label,
                 "aria-invalid": invalid || void 0,
-                "aria-describedby": errorId,
+                "aria-describedby": describedById,
                 "aria-errormessage": errorId,
                 accept: field.accept,
                 multiple: field.multiple,
@@ -340,13 +343,14 @@ function FieldControl({ field, formField, options = NO_OPTIONS, disabled = false
                 onChange: formField.onChange,
                 onBlur: formField.onBlur,
                 invalid: invalid,
-                disabled: disabled
+                disabled: disabled,
+                ariaDescribedBy: describedById
             });
         default:
             return null;
     }
 }
-function SliderControl({ field, formField, disabled, invalid, errorId }) {
+function SliderControl({ field, formField, disabled, invalid, errorId, describedById }) {
     const resolvedMax = useSliderMax(field);
     const prevMaxRef = (0, external_react_namespaceObject.useRef)(resolvedMax);
     (0, external_react_namespaceObject.useEffect)(()=>{
@@ -373,7 +377,7 @@ function SliderControl({ field, formField, disabled, invalid, errorId }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(slider_cjs_namespaceObject.Slider, {
         "aria-labelledby": `${field.name}-label`,
         "aria-invalid": invalid || void 0,
-        "aria-describedby": errorId,
+        "aria-describedby": describedById,
         "aria-errormessage": errorId,
         value: sliderValue,
         onValueChange: onValueChange,

package/dist/components/forms/field-control.d.ts

@@ -20,6 +20,8 @@ export interface FieldControlProps {
     invalid?: boolean;
     /** Labels of a `boolean` field's radios. */
     strings?: Partial<BooleanRadioGroupStrings>;
+    /** Further ids for the control's aria-describedby, after the error message's. */
+    describedBy?: string;
 }
 /**
  * How a field's label reaches its control: `control` labels it with `htmlFor` the control's id
@@ -45,7 +47,7 @@ export declare const FIELD_CONTROL_GEOMETRY: Readonly<Partial<Record<FieldType,
  * `field.name`, and it names the label and error by `${field.name}-label` and
  * `${field.name}-error`, so those are the ids to give them. Custom fields render nothing.
  */
-export declare function FieldControl({ field, formField, options, disabled, invalid, strings, }: FieldControlProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function FieldControl({ field, formField, options, disabled, invalid, strings, describedBy, }: FieldControlProps): import("react/jsx-runtime").JSX.Element | null;
 /** The slider's effective max, following `field.maxRef` when it has one. */
 export declare function useSliderMax(field: SliderFieldMetadata): number;
 /** A numeric slider value capped at `max`; anything else as it is. */