@orchestrator-ui/orchestrator-ui-components 8.4.2 → 8.4.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orchestrator-ui/orchestrator-ui-components",
-  "version": "8.4.2",
+  "version": "8.4.4",
   "license": "Apache-2.0",
   "description": "Library of UI Components used to display the workflow orchestrator frontend",
   "author": {
@@ -49,7 +49,7 @@
     "next-query-params": "^5.0.0",
     "object-hash": "^3.0.0",
     "prism-themes": "^1.9.0",
-    "pydantic-forms": "^2.0.0",
+    "pydantic-forms": "^3.0.0",
     "react-diff-view": "^3.2.0",
     "react-draggable": "^4.4.6",
     "react-redux": "^9.3.0",
@@ -80,9 +80,9 @@
   "peerDependencies": {
     "@elastic/eui": "^113.0.0",
     "next": "^15.5.18",
-    "next-intl": "^4.9.1",
     "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react-dom": "^18.3.1",
+    "next-intl": "^3.26.5"
   },
   "type": "module",
   "main": "./dist/index.js",

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

@@ -1,4 +1,4 @@
-import React, { useEffect } from 'react';
+import React, { useEffect, useState } from 'react';
 
 import _ from 'lodash';
 import type { PydanticFormControlledElement } from 'pydantic-forms';
@@ -31,7 +31,7 @@ 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] = useState<string>('');
 
   useEffect(() => {
     if (fieldValue !== undefined && fieldValue !== null) {

package/src/components/WfoStartButton/WfoStartButtonComboBox.tsx

@@ -20,6 +20,10 @@ export type WfoStartButtonComboBoxProps = {
   setSelectedProductStatus?: (status: ProductLifecycleStatus | string) => void;
 };
 
+const formatProductStatusLabel = (productStatus: string) => {
+  return capitalize(productStatus.replace(/_/g, ' '));
+};
+
 export const WfoStartButtonComboBox = ({
   buttonText,
   options,
@@ -63,7 +67,7 @@ export const WfoStartButtonComboBox = ({
                 iconType={() => <WfoChevronDown height={18} width={18} color="currentColor" />}
                 onClick={() => setFilterPopoverOpen((v) => !v)}
               >
-                <b>{capitalize(selectedProductStatus)}</b>
+                <b>{formatProductStatusLabel(selectedProductStatus ?? ProductLifecycleStatus.ACTIVE)}</b>
               </EuiButtonEmpty>
             }
             isOpen={isFilterPopoverOpen}
@@ -76,11 +80,11 @@ export const WfoStartButtonComboBox = ({
                   key={productStatus}
                   size="xs"
                   onClick={() => {
-                    setSelectedProductStatus(productStatus);
+                    setSelectedProductStatus(productStatus.toUpperCase());
                     setFilterPopoverOpen(false);
                   }}
                 >
-                  {capitalize(productStatus)}
+                  {formatProductStatusLabel(productStatus ?? ProductLifecycleStatus.ACTIVE)}
                 </EuiButtonEmpty>
               </div>
             ))}

package/src/configuration/version.ts

@@ -1 +1 @@
-export const ORCHESTRATOR_UI_LIBRARY_VERSION = '8.4.2';
+export const ORCHESTRATOR_UI_LIBRARY_VERSION = '8.4.4';

package/src/types/types.ts

@@ -83,9 +83,9 @@ export interface ProductBlockDefinition {
 
 export enum ProductLifecycleStatus {
   ACTIVE = 'active',
-  PRE_PRODUCTION = 'pre production',
-  PHASE_OUT = 'phase out',
-  END_OF_LIFE = 'end of life',
+  PRE_PRODUCTION = 'pre_production',
+  PHASE_OUT = 'phase_out',
+  END_OF_LIFE = 'end_of_life',
 }
 
 export enum BadgeType {