@orchestrator-ui/orchestrator-ui-components 7.7.0 → 8.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orchestrator-ui/orchestrator-ui-components",
-  "version": "7.7.0",
+  "version": "8.0.0",
   "license": "Apache-2.0",
   "description": "Library of UI Components used to display the workflow orchestrator frontend",
   "author": {
@@ -54,7 +54,7 @@
     "next-query-params": "^5.0.0",
     "object-hash": "^3.0.0",
     "prism-themes": "^1.9.0",
-    "pydantic-forms": "^1.0.7",
+    "pydantic-forms": "^2.0.0",
     "react-diff-view": "^3.2.0",
     "react-draggable": "^4.4.6",
     "react-redux": "^9.1.2",

package/src/components/WfoPydanticForm/fields/WfoArrayField/WfoArrayField.tsx

@@ -81,7 +81,7 @@ export const WfoArrayField = ({ pydanticFormField }: PydanticFormElementProps) =
 
   if (!arrayItem) return null;
 
-  const component = fieldToComponentMatcher(arrayItem, config?.componentMatcherExtender);
+  const component = fieldToComponentMatcher(arrayItem, config?.componentMatcher);
 
   const renderField = (field: Record<'id', string>, index: number) => {
     const itemizedField = itemizeArrayItem(index, arrayItem, arrayName);

package/src/components/WfoPydanticForm/fields/WfoInteger.tsx

@@ -31,20 +31,22 @@ export const WfoInteger: PydanticFormControlledElement = ({ pydanticFormField, o
   // this is imposed by react-hook-form. We try to detect this and extract the actual value
   const fieldName = getFormFieldIdWithPath(pydanticFormField.id);
   const fieldValue = _.isObject(value) && _.has(value, fieldName) ? _.get(value, fieldName) : value;
-  const [userInput, setUserInput] = React.useState<string>();
+  const [userInput, setUserInput] = React.useState<string>('');
 
   useEffect(() => {
     if (fieldValue !== undefined && fieldValue !== null) {
       setUserInput(fieldValue);
-    } else {
-      setUserInput('');
     }
   }, [fieldValue, value]);
 
   const handleOnChange = (event: React.ChangeEvent<HTMLInputElement>) => {
-    const newValue = event.target.value;
-    if (value === null && newValue !== value) {
-      onChange(parseInt(newValue));
+    const newValue = event.target.value || '';
+    if (value === null || newValue !== value) {
+      if (!isNaN(parseInt(newValue))) {
+        onChange(parseInt(newValue));
+      } else {
+        onChange('');
+      }
     }
     setUserInput(newValue);
   };

package/src/components/WfoPydanticForm/fields/WfoObjectField/WfoObjectField.tsx

@@ -16,7 +16,7 @@ export const WfoObjectField = ({ pydanticFormField }: PydanticFormElementProps)
   const config = useGetConfig();
   const disabled = pydanticFormField.attributes?.disabled || false;
   const { wfoObjectFieldStyles } = getWfoObjectFieldStyles();
-  const components = getPydanticFormComponents(pydanticFormField.properties || {}, config?.componentMatcherExtender);
+  const components = getPydanticFormComponents(pydanticFormField.properties || {}, config?.componentMatcher);
 
   // We have decided - for now - on the convention that all descendants of disabled fields will be disabled as well
   // so we will not displaying any interactive elements inside a disabled element

package/src/configuration/version.ts

@@ -1 +1 @@
-export const ORCHESTRATOR_UI_LIBRARY_VERSION = '7.7.0';
+export const ORCHESTRATOR_UI_LIBRARY_VERSION = '8.0.0';