@orchestrator-ui/orchestrator-ui-components 2.7.0 → 2.7.1

package/.turbo/turbo-build.log

@@ -1,12 +1,12 @@
 
-> @orchestrator-ui/orchestrator-ui-components@2.7.0 build
+> @orchestrator-ui/orchestrator-ui-components@2.7.1 build
 > npm run generate-version && tsup src/index.ts
 
 
-> @orchestrator-ui/orchestrator-ui-components@2.7.0 generate-version
+> @orchestrator-ui/orchestrator-ui-components@2.7.1 generate-version
 > node -p "'export const ORCHESTRATOR_UI_LIBRARY_VERSION = ' + JSON.stringify(require('./package.json').version) + ';'" > src/configuration/version.ts && prettier --write src/configuration/version.ts
 
-src/configuration/version.ts 57ms
+src/configuration/version.ts 60ms
 CLI Building entry: src/index.ts
 CLI Using tsconfig: tsconfig.build.json
 CLI tsup v8.1.0
@@ -16,6 +16,6 @@ src/configuration/version.ts 57ms
 DTS Build start
 ESM dist/index.js     1.90 MB
 ESM dist/index.js.map 3.44 MB
-ESM ⚡️ Build success in 1060ms
-DTS ⚡️ Build success in 21223ms
+ESM ⚡️ Build success in 1164ms
+DTS ⚡️ Build success in 20457ms
 DTS dist/index.d.ts 185.65 KB

package/.turbo/turbo-lint.log

@@ -1,10 +1,13 @@
 
-> @orchestrator-ui/orchestrator-ui-components@2.7.0 lint
+> @orchestrator-ui/orchestrator-ui-components@2.7.1 lint
 > eslint "src/**/*.ts*"
 
 
+/home/runner/work/orchestrator-ui-library/orchestrator-ui-library/packages/orchestrator-ui-components/src/components/WfoForms/formFields/SelectField/SelectField.tsx
+  102:8  warning  React Hook useEffect has missing dependencies: 'onChange' and 'selectedValue?.value'. Either include them or remove the dependency array. If 'onChange' changes too often, find the parent component that defines it and wrap that definition in useCallback  react-hooks/exhaustive-deps
+
 /home/runner/work/orchestrator-ui-library/orchestrator-ui-library/packages/orchestrator-ui-components/src/components/WfoForms/formFields/deprecated/VlanField.tsx
   168:8  warning  React Hook useEffect has missing dependencies: 'disabled' and 'value'. Either include them or remove the dependency array  react-hooks/exhaustive-deps
 
-✖ 1 problem (0 errors, 1 warning)
+✖ 2 problems (0 errors, 2 warnings)
 

package/.turbo/turbo-test.log

@@ -1,42 +1,42 @@
 
-> @orchestrator-ui/orchestrator-ui-components@2.7.0 test
+> @orchestrator-ui/orchestrator-ui-components@2.7.1 test
 > jest
 
-PASS Wfo-UI Tests src/components/WfoSubscription/utils/utils.spec.ts
+PASS Wfo-UI Tests src/components/WfoTree/treeUtils.spec.ts
 PASS Wfo-UI Tests src/components/WfoForms/formFields/utils.spec.ts
+PASS Wfo-UI Tests src/components/WfoSubscription/utils/utils.spec.ts
 PASS Wfo-UI Tests src/utils/date.spec.ts
-PASS Wfo-UI Tests src/components/WfoTree/treeUtils.spec.ts
 PASS Wfo-UI Tests src/pages/processes/timelineUtils.spec.ts
 PASS Wfo-UI Tests src/utils/string.spec.ts
 PASS Wfo-UI Tests src/components/WfoTable/WfoTable/WfoGroupedTable/utils.spec.ts
 PASS Wfo-UI Tests src/utils/getProductNamesFromProcess.spec.ts
-PASS Wfo-UI Tests src/components/WfoTable/utils/tableConfigPersistence.spec.ts
 PASS Wfo-UI Tests src/components/WfoTable/WfoTableWithFilter/updateQueryString.spec.ts
-PASS Wfo-UI Tests src/components/WfoTable/utils/tableUtils.spec.ts
+PASS Wfo-UI Tests src/components/WfoTable/utils/tableConfigPersistence.spec.ts
 PASS Wfo-UI Tests src/rtk/utils.spec.ts
-PASS Wfo-UI Tests src/components/WfoPageTemplate/WfoSidebar/utils/menuItemIsAllowed.spec.ts
+PASS Wfo-UI Tests src/components/WfoTable/utils/tableUtils.spec.ts
 PASS Wfo-UI Tests src/utils/resultFlattener.spec.ts
-PASS Wfo-UI Tests src/messages/getTranslationMessages.spec.ts
+PASS Wfo-UI Tests src/components/WfoPageTemplate/WfoSidebar/utils/menuItemIsAllowed.spec.ts
 PASS Wfo-UI Tests src/utils/getEnvironmentVariables.spec.ts
-PASS Wfo-UI Tests src/utils/toSortedObjectKeys.spec.ts
+PASS Wfo-UI Tests src/messages/getTranslationMessages.spec.ts
 PASS Wfo-UI Tests src/utils/getToastMessage.spec.ts
-PASS Wfo-UI Tests src/components/WfoTable/utils/columns.spec.ts
 PASS Wfo-UI Tests src/utils/optionalArray.spec.ts
+PASS Wfo-UI Tests src/utils/toSortedObjectKeys.spec.ts
+PASS Wfo-UI Tests src/components/WfoTable/utils/columns.spec.ts
 PASS Wfo-UI Tests src/utils/filterData.spec.ts
 PASS Wfo-UI Tests src/utils/toObjectWithSerializedValues.spec.ts
 PASS Wfo-UI Tests src/components/WfoWorkflowSteps/stepListUtils.spec.ts
 PASS Wfo-UI Tests src/utils/getTokenName.spec.ts
 PASS Wfo-UI Tests src/utils/environmentVariables.spec.ts
 PASS Wfo-UI Tests src/utils/onlyUnique.spec.ts
-PASS Wfo-UI Tests src/utils/getTypedFieldFromObject.spec.ts
 PASS Wfo-UI Tests src/utils/uuid.spec.ts
-PASS Wfo-UI Tests src/utils/getQueryVariablesForExport.spec.ts
+PASS Wfo-UI Tests src/utils/getTypedFieldFromObject.spec.ts
 PASS Wfo-UI Tests src/utils/cacheTag.spec.ts
+PASS Wfo-UI Tests src/utils/getQueryVariablesForExport.spec.ts
 PASS Wfo-UI Tests src/components/WfoPageTemplate/WfoPageHeader/utils/toHexColorWithOpacity.spec.ts
-PASS Wfo-UI Tests src/components/WfoTable/WfoTable/utils.spec.ts (7.582 s)
+PASS Wfo-UI Tests src/components/WfoTable/WfoTable/utils.spec.ts (7.932 s)
 
 Test Suites: 32 passed, 32 total
 Tests:       197 passed, 197 total
 Snapshots:   0 total
-Time:        10.829 s
+Time:        11.104 s
 Ran all test suites.

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @orchestrator-ui/orchestrator-ui-components
 
+## 2.7.1
+
+### Patch Changes
+
+-   2da7671: Fix: Add onchange on the useEffect state in order to set the default
+
 ## 2.7.0
 
 ### Minor Changes

package/dist/index.d.ts

@@ -2998,7 +2998,7 @@ declare const IPAM_IP_BLOCKS_ENDPOINT: string;
 declare const IPAM_FREE_SUBNETS_ENDPOINT: string;
 declare const SUBSCRIPTION_ACTIONS_ENDPOINT = "subscriptions/workflows";
 
-declare const ORCHESTRATOR_UI_LIBRARY_VERSION = "2.7.0";
+declare const ORCHESTRATOR_UI_LIBRARY_VERSION = "2.7.1";
 
 declare const useGetTranslationMessages: (locale: string | undefined) => {
     pydanticForms: {

package/dist/index.js

@@ -26792,7 +26792,7 @@ var PolicyResource = /* @__PURE__ */ ((PolicyResource2) => {
 })(PolicyResource || {});
 
 // src/configuration/version.ts
-var ORCHESTRATOR_UI_LIBRARY_VERSION = "2.7.0";
+var ORCHESTRATOR_UI_LIBRARY_VERSION = "2.7.1";
 
 // src/types/types.ts
 var EngineStatus = /* @__PURE__ */ ((EngineStatus3) => {
@@ -43070,6 +43070,7 @@ import { get as get3 } from "lodash";
 import { joinName as joinName5, useField as useField5, useForm as useForm4 } from "uniforms";
 
 // src/components/WfoForms/formFields/SelectField/SelectField.tsx
+import { useEffect as useEffect10 } from "react";
 import ReactSelect from "react-select";
 import { get as get2 } from "lodash";
 import { useTranslations as useTranslations38 } from "next-intl";
@@ -43166,6 +43167,9 @@ function UnconnectedSelectField({
     (option) => option.value === value
   );
   const { reactSelectInnerComponentStyles, formRowStyle } = useWithOrchestratorTheme(getSelectFieldStyles);
+  useEffect10(() => {
+    onChange(selectedValue?.value);
+  }, []);
   if (fieldType === Array) {
     return /* @__PURE__ */ jsx141(ListField, { name, children: /* @__PURE__ */ jsx141(ListItemField, { name: "$", children: /* @__PURE__ */ jsx141(
       ListSelectField,
@@ -43616,7 +43620,7 @@ function Date2({
 var DateField = connectField15(Date2, { kind: "leaf" });
 
 // src/components/WfoForms/formFields/LocationCodeField.tsx
-import { useEffect as useEffect10, useState as useState19 } from "react";
+import { useEffect as useEffect11, useState as useState19 } from "react";
 import { useTranslations as useTranslations39 } from "next-intl";
 import { connectField as connectField16, filterDOMProps as filterDOMProps16 } from "uniforms";
 
@@ -43729,7 +43733,7 @@ function LocationCode({ locationCodes, ...props }) {
   const t = useTranslations39("pydanticForms");
   const [codes, setCodes] = useState19(locationCodes ?? []);
   const { data, error } = useLocationCodesQuery();
-  useEffect10(() => {
+  useEffect11(() => {
     if (data) {
       setCodes(data);
     }
@@ -43750,7 +43754,7 @@ function LocationCode({ locationCodes, ...props }) {
 var LocationCodeField = connectField16(LocationCode, { kind: "leaf" });
 
 // src/components/WfoForms/formFields/deprecated/ContactPersonAutocomplete.tsx
-import { useEffect as useEffect11, useRef as useRef6 } from "react";
+import { useEffect as useEffect12, useRef as useRef6 } from "react";
 import scrollIntoView from "scroll-into-view";
 import { EuiFlexItem as EuiFlexItem16 } from "@elastic/eui";
 
@@ -43872,7 +43876,7 @@ var ContactPersonAutocomplete = ({
 }) => {
   const { contactPersonAutocompleteStyling } = useWithOrchestratorTheme(getStyles11);
   const selectedRowRef = useRef6(null);
-  useEffect11(() => {
+  useEffect12(() => {
     if (!isEmpty(suggestions) && selectedRowRef.current) {
       scrollIntoView(selectedRowRef.current);
     }
@@ -43906,7 +43910,7 @@ var ContactPersonAutocomplete = ({
 };
 
 // src/components/WfoForms/formFields/deprecated/ContactPersonNameField.tsx
-import React35, { useEffect as useEffect12, useState as useState20 } from "react";
+import React36, { useEffect as useEffect13, useState as useState20 } from "react";
 import { isFunction as isFunction2 } from "lodash";
 import get4 from "lodash/get";
 import { useTranslations as useTranslations40 } from "next-intl";
@@ -43934,7 +43938,7 @@ filterDOMProps17.register(
 function ContactPersonName({
   disabled,
   id,
-  inputRef = React35.createRef(),
+  inputRef = React36.createRef(),
   label,
   description,
   name,
@@ -43985,7 +43989,7 @@ function ContactPersonName({
       (person) => person.email === item.email
     )
   ) : [];
-  useEffect12(() => {
+  useEffect13(() => {
     if (customerIdValue) {
       if (data) {
         setContactPersons(data);
@@ -43995,7 +43999,7 @@ function ContactPersonName({
       }
     }
   }, [customerIdValue, data, fetchError]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (!isFunction2(inputRef)) {
       inputRef.current?.focus();
     }
@@ -44090,7 +44094,7 @@ var ContactPersonNameField = connectField17(ContactPersonName, {
 });
 
 // src/components/WfoForms/formFields/deprecated/ImsNodeIdField.tsx
-import { useEffect as useEffect13, useState as useState21 } from "react";
+import { useEffect as useEffect14, useState as useState21 } from "react";
 import { get as get5 } from "lodash";
 import { useTranslations as useTranslations41 } from "next-intl";
 import { connectField as connectField18, filterDOMProps as filterDOMProps18 } from "uniforms";
@@ -44114,7 +44118,7 @@ function ImsNodeId({
     },
     { skip: !(locationCode && status) }
   );
-  useEffect13(() => {
+  useEffect14(() => {
     if (data) {
       setNodes(data);
     }
@@ -44143,7 +44147,7 @@ function ImsNodeId({
 var ImsNodeIdField = connectField18(ImsNodeId, { kind: "leaf" });
 
 // src/components/WfoForms/formFields/deprecated/ImsPortIdField.tsx
-import { useCallback as useCallback4, useEffect as useEffect14, useState as useState22 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect15, useState as useState22 } from "react";
 import ReactSelect2 from "react-select";
 import { useTranslations as useTranslations42 } from "next-intl";
 import { connectField as connectField19, filterDOMProps as filterDOMProps19 } from "uniforms";
@@ -44223,7 +44227,7 @@ function ImsPortId({
   const { data: nodeSubscriptionOptions } = useGetNodeSubscriptionOptionsQuery({
     statuses: nodeStatuses?.join("|") ?? "active"
   });
-  useEffect14(() => {
+  useEffect15(() => {
     setPorts(freePorts ?? []);
   }, [freePorts, freePortsError]);
   const onChangeNodes = useCallback4(
@@ -44317,7 +44321,7 @@ import { connectField as connectField20, filterDOMProps as filterDOMProps20 } fr
 import { EuiCallOut as EuiCallOut2, EuiFormRow as EuiFormRow14, EuiText as EuiText26 } from "@elastic/eui";
 
 // src/components/WfoForms/formFields/deprecated/SplitPrefix.tsx
-import { useEffect as useEffect15, useState as useState23 } from "react";
+import { useEffect as useEffect16, useState as useState23 } from "react";
 import ReactSelect3 from "react-select";
 import { range as range2 } from "lodash";
 import { EuiFlexItem as EuiFlexItem18 } from "@elastic/eui";
@@ -44383,7 +44387,7 @@ var SplitPrefix = ({
     netmask: prefixlen,
     prefixLen: desiredPrefixlen
   });
-  useEffect15(() => {
+  useEffect16(() => {
     if (isFetching) {
       setSubnets([]);
     }
@@ -44463,7 +44467,7 @@ var SplitPrefix = ({
 var SplitPrefix_default = SplitPrefix;
 
 // src/components/WfoForms/formFields/deprecated/IpPrefixTableField.tsx
-import { useCallback as useCallback5, useEffect as useEffect16, useState as useState24 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect17, useState as useState24 } from "react";
 import ReactSelect4 from "react-select";
 import {
   EuiBadge as EuiBadge4,
@@ -44519,7 +44523,7 @@ var IpPrefixTableField = ({
   const { data: ipBlocksData, isFetching } = useIpBlocksQuery({
     parentPrefix
   });
-  useEffect16(() => {
+  useEffect17(() => {
     if (prefixFiltersData) {
       setFilteredPrefixes(prefixFiltersData);
       setFilter((prevFilter) => ({
@@ -44528,7 +44532,7 @@ var IpPrefixTableField = ({
       }));
     }
   }, [prefixFiltersData]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (ipBlocksData) {
       const selectedPrefix = filteredPrefixes.find(
         (prefix) => prefix.id === parentPrefix
@@ -45070,7 +45074,7 @@ function Timestamp({
 var TimestampField = connectField21(Timestamp, { kind: "leaf" });
 
 // src/components/WfoForms/formFields/deprecated/VlanField.tsx
-import { useEffect as useEffect17, useState as useState26 } from "react";
+import { useEffect as useEffect18, useState as useState26 } from "react";
 import get6 from "lodash/get";
 import { useTranslations as useTranslations44 } from "next-intl";
 import { connectField as connectField22, filterDOMProps as filterDOMProps22, joinName as joinName7, useForm as useForm7 } from "uniforms";
@@ -45174,7 +45178,7 @@ function Vlan({
   const extraUsedVlans = completeList.filter(
     (_item, index) => index.toString() !== nameArray.slice(-2, -1)[0]
   ).filter((item) => get6(item, subscriptionFieldName) === subscriptionId).map((item) => get6(item, selfName)).join(",");
-  useEffect17(() => {
+  useEffect18(() => {
     if (subscriptionId && isFetched && !portIsTagged && value !== "0") {
       onChange("0");
     } else if (!disabled && (!subscriptionId && value !== "" || subscriptionId && portIsTagged && value === "0")) {
@@ -45193,7 +45197,7 @@ function Vlan({
       skip: !subscriptionId
     }
   );
-  useEffect17(() => {
+  useEffect18(() => {
     if (data) {
       setUsedVlansInIms(data);
       setMissingInIms(false);
@@ -46395,7 +46399,7 @@ function WfoUserInputForm({
 }
 
 // src/components/WfoForms/UserInputFormWizard.tsx
-import { useEffect as useEffect18, useState as useState28 } from "react";
+import { useEffect as useEffect19, useState as useState28 } from "react";
 import { useRouter as useRouter6 } from "next/router";
 import hash from "object-hash";
 import { jsx as jsx167 } from "@emotion/react/jsx-runtime";
@@ -46418,7 +46422,7 @@ var UserInputFormWizard = ({
     { form: stepUserInput, hasNext }
   ]);
   const [userInputs, setUserInputs] = useState28([]);
-  useEffect18(() => {
+  useEffect19(() => {
     setForms([{ form: stepUserInput, hasNext }]);
   }, [hasNext, stepUserInput]);
   const previous = (e) => {
@@ -46471,7 +46475,7 @@ var UserInputFormWizard = ({
 };
 
 // src/components/WfoForms/CreateForm.tsx
-import { useCallback as useCallback6, useEffect as useEffect19, useState as useState29 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect20, useState as useState29 } from "react";
 import { jsx as jsx168 } from "@emotion/react/jsx-runtime";
 function CreateForm(props) {
   const { preselectedInput, formKey, handleSubmit, handleCancel } = props;
@@ -46486,7 +46490,7 @@ function CreateForm(props) {
     },
     [formKey, handleSubmit, startForm]
   );
-  useEffect19(() => {
+  useEffect20(() => {
     if (formKey) {
       handlePromiseErrorWithCallback(
         submit([]),
@@ -46621,7 +46625,7 @@ import { useTranslations as useTranslations69 } from "next-intl";
 import Link8 from "next/link";
 
 // src/pages/metadata/WfoProductBlocksPage.tsx
-import { useEffect as useEffect20, useState as useState31 } from "react";
+import { useEffect as useEffect21, useState as useState31 } from "react";
 import { useTranslations as useTranslations51 } from "next-intl";
 import { EuiBadgeGroup as EuiBadgeGroup2 } from "@elastic/eui";
 
@@ -46691,7 +46695,7 @@ var WfoProductBlocksPage = () => {
   const getStoredTableConfig = useStoredTableConfig(
     METADATA_PRODUCT_BLOCKS_TABLE_LOCAL_STORAGE_KEY
   );
-  useEffect20(() => {
+  useEffect21(() => {
     const storedConfig = getStoredTableConfig();
     if (storedConfig) {
       setTableDefaults(storedConfig);
@@ -46871,7 +46875,7 @@ var WfoProductBlocksPage = () => {
 };
 
 // src/pages/metadata/WfoResourceTypesPage.tsx
-import { useEffect as useEffect21, useState as useState32 } from "react";
+import { useEffect as useEffect22, useState as useState32 } from "react";
 import { useTranslations as useTranslations52 } from "next-intl";
 import { EuiBadgeGroup as EuiBadgeGroup3 } from "@elastic/eui";
 import { Fragment as Fragment40, jsx as jsx176, jsxs as jsxs96 } from "@emotion/react/jsx-runtime";
@@ -46884,7 +46888,7 @@ var WfoResourceTypesPage = () => {
   const getStoredTableConfig = useStoredTableConfig(
     METADATA_RESOURCE_TYPES_TABLE_LOCAL_STORAGE_KEY
   );
-  useEffect21(() => {
+  useEffect22(() => {
     const storedConfig = getStoredTableConfig();
     if (storedConfig) {
       setTableDefaults(storedConfig);
@@ -47021,7 +47025,7 @@ var WfoResourceTypesPage = () => {
 };
 
 // src/pages/metadata/WfoProductsPage.tsx
-import { useEffect as useEffect22, useState as useState33 } from "react";
+import { useEffect as useEffect23, useState as useState33 } from "react";
 import { useTranslations as useTranslations53 } from "next-intl";
 import { Fragment as Fragment41, jsx as jsx177, jsxs as jsxs97 } from "@emotion/react/jsx-runtime";
 var PRODUCT_FIELD_NAME = "name";
@@ -47033,7 +47037,7 @@ var WfoProductsPage = () => {
   const getStoredTableConfig = useStoredTableConfig(
     METADATA_PRODUCT_TABLE_LOCAL_STORAGE_KEY
   );
-  useEffect22(() => {
+  useEffect23(() => {
     const storedConfig = getStoredTableConfig();
     if (storedConfig) {
       setTableDefaults(storedConfig);
@@ -47224,7 +47228,7 @@ var WfoProductsPage = () => {
 };
 
 // src/pages/metadata/WfoWorkflowsPage.tsx
-import { useEffect as useEffect23, useState as useState34 } from "react";
+import { useEffect as useEffect24, useState as useState34 } from "react";
 import { useTranslations as useTranslations54 } from "next-intl";
 import { EuiBadgeGroup as EuiBadgeGroup4 } from "@elastic/eui";
 
@@ -47266,7 +47270,7 @@ var WfoWorkflowsPage = () => {
   const getStoredTableConfig = useStoredTableConfig(
     METADATA_WORKFLOWS_TABLE_LOCAL_STORAGE_KEY
   );
-  useEffect23(() => {
+  useEffect24(() => {
     const storedConfig = getStoredTableConfig();
     if (storedConfig) {
       setTableDefaults(storedConfig);
@@ -47414,7 +47418,7 @@ var WfoWorkflowsPage = () => {
 };
 
 // src/pages/metadata/WfoTasksPage.tsx
-import { useEffect as useEffect24, useState as useState35 } from "react";
+import { useEffect as useEffect25, useState as useState35 } from "react";
 import { useTranslations as useTranslations55 } from "next-intl";
 import { EuiBadgeGroup as EuiBadgeGroup5 } from "@elastic/eui";
 
@@ -47456,7 +47460,7 @@ var WfoTasksPage = () => {
   const getStoredTableConfig = useStoredTableConfig(
     METADATA_TASKS_TABLE_LOCAL_STORAGE_KEY
   );
-  useEffect24(() => {
+  useEffect25(() => {
     const storedConfig = getStoredTableConfig();
     if (storedConfig) {
       setTableDefaults(storedConfig);
@@ -48194,7 +48198,7 @@ var WfoProcessDetailPage = ({
 };
 
 // src/pages/processes/WfoStartProcessPage.tsx
-import { useCallback as useCallback8, useEffect as useEffect27, useMemo as useMemo5, useState as useState40 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect28, useMemo as useMemo5, useState as useState40 } from "react";
 import { useTranslations as useTranslations62 } from "next-intl";
 import { useRouter as useRouter9 } from "next/router";
 import {
@@ -48206,7 +48210,7 @@ import {
 } from "@elastic/eui";
 
 // src/components/WfoWorkflowSteps/WfoStep/WfoStep.tsx
-import React55 from "react";
+import React56 from "react";
 import { useTranslations as useTranslations57 } from "next-intl";
 import { EuiFlexGroup as EuiFlexGroup22, EuiFlexItem as EuiFlexItem26, EuiPanel as EuiPanel5, EuiText as EuiText33 } from "@elastic/eui";
 
@@ -48481,7 +48485,7 @@ var WfoStepForm = ({
 
 // src/components/WfoWorkflowSteps/WfoStep/WfoStep.tsx
 import { Fragment as Fragment46, jsx as jsx185, jsxs as jsxs103 } from "@emotion/react/jsx-runtime";
-var WfoStep = React55.forwardRef(
+var WfoStep = React56.forwardRef(
   ({
     stepListItem,
     onToggleStepDetail,
@@ -48620,9 +48624,9 @@ var WfoStep = React55.forwardRef(
 WfoStep.displayName = "WfoStep";
 
 // src/components/WfoWorkflowSteps/WfoStepList/WfoStepList.tsx
-import React56, { useImperativeHandle as useImperativeHandle2, useRef as useRef8 } from "react";
+import React57, { useImperativeHandle as useImperativeHandle2, useRef as useRef8 } from "react";
 import { Fragment as Fragment47, jsx as jsx186, jsxs as jsxs104 } from "@emotion/react/jsx-runtime";
-var WfoStepList = React56.forwardRef(
+var WfoStepList = React57.forwardRef(
   ({
     stepListItems,
     showHiddenKeys,
@@ -48696,12 +48700,12 @@ var WfoStepList = React56.forwardRef(
 WfoStepList.displayName = "WfoStepList";
 
 // src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoWorkflowStepList.tsx
-import React58, { useEffect as useEffect26, useState as useState38 } from "react";
+import React59, { useEffect as useEffect27, useState as useState38 } from "react";
 import { useTranslations as useTranslations60 } from "next-intl";
 
 // src/components/WfoDiff/WfoDiff.tsx
 var refractor = __toESM(require_refractor(), 1);
-import { useCallback as useCallback7, useEffect as useEffect25, useMemo as useMemo4, useState as useState37 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect26, useMemo as useMemo4, useState as useState37 } from "react";
 import { Diff, Hunk, parseDiff, tokenize } from "react-diff-view";
 import "react-diff-view/style/index.css";
 import { useTranslations as useTranslations58 } from "next-intl";
@@ -48787,7 +48791,7 @@ var WfoDiff = ({ oldText, newText, syntax }) => {
       return void 0;
     }
   }, [hunks, syntax]);
-  useEffect25(() => {
+  useEffect26(() => {
     updateDiffText();
   }, [updateDiffText, showFull]);
   return /* @__PURE__ */ jsxs105("div", { children: [
@@ -48882,7 +48886,7 @@ var WfoProcessSubscriptionDelta = ({
     }
   );
 };
-var WfoWorkflowStepList = React58.forwardRef(
+var WfoWorkflowStepList = React59.forwardRef(
   ({
     steps = [],
     traceBack,
@@ -48917,7 +48921,7 @@ var WfoWorkflowStepList = React58.forwardRef(
         };
       });
     };
-    useEffect26(() => {
+    useEffect27(() => {
       setStepListItems(
         (previousStepListItems) => persistStepListItemState(
           previousStepListItems,
@@ -49238,7 +49242,7 @@ var WfoStartProcessPage = ({
     },
     [startProcess, processName, startProcessPayload, isTask, router]
   );
-  useEffect27(() => {
+  useEffect28(() => {
     if (processName) {
       const clientResultCallback = (json) => {
         setForm({
@@ -49431,7 +49435,7 @@ var WfoSubscriptionDetailPage = () => {
 };
 
 // src/pages/subscriptions/WfoSubscriptionsListPage.tsx
-import { useEffect as useEffect28, useState as useState41 } from "react";
+import { useEffect as useEffect29, useState as useState41 } from "react";
 import { useTranslations as useTranslations66 } from "next-intl";
 import { StringParam as StringParam3, useQueryParam as useQueryParam2, withDefault as withDefault3 } from "use-query-params";
 import { EuiSpacer as EuiSpacer20 } from "@elastic/eui";
@@ -49442,7 +49446,7 @@ var WfoSubscriptionsListPage = () => {
   const getStoredTableConfig = useStoredTableConfig(
     SUBSCRIPTIONS_TABLE_LOCAL_STORAGE_KEY
   );
-  useEffect28(() => {
+  useEffect29(() => {
     const storedConfig = getStoredTableConfig();
     if (storedConfig) {
       setTableDefaults(storedConfig);
@@ -49503,7 +49507,7 @@ var WfoSubscriptionsListPage = () => {
 };
 
 // src/pages/tasks/WfoTasksListPage.tsx
-import { useContext as useContext9, useEffect as useEffect29, useState as useState42 } from "react";
+import { useContext as useContext9, useEffect as useEffect30, useState as useState42 } from "react";
 import { useTranslations as useTranslations67 } from "next-intl";
 import Link7 from "next/link";
 import { useRouter as useRouter11 } from "next/router";
@@ -49589,7 +49593,7 @@ var WfoTasksListPage = () => {
   const { showConfirmDialog } = useContext9(ConfirmationDialogContext);
   const [retryAllProcesses] = useRetryAllProcessesMutation();
   const { isEngineRunningNow } = useCheckEngineStatus();
-  useEffect29(() => {
+  useEffect30(() => {
     const storedConfig = getStoredTableConfig();
     if (storedConfig) {
       setTableDefaults(storedConfig);
@@ -49690,7 +49694,7 @@ var WfoTasksListPage = () => {
 };
 
 // src/pages/workflows/WfoWorkflowsListPage.tsx
-import { useEffect as useEffect30, useState as useState43 } from "react";
+import { useEffect as useEffect31, useState as useState43 } from "react";
 import { useTranslations as useTranslations68 } from "next-intl";
 import { useRouter as useRouter12 } from "next/router";
 import { StringParam as StringParam5, useQueryParam as useQueryParam4, withDefault as withDefault5 } from "use-query-params";
@@ -49771,7 +49775,7 @@ var WfoWorkflowsListPage = () => {
   const selectedWorkflowsListTab = getWorkflowsListTabTypeFromString(activeTab);
   const localStorageKey = selectedWorkflowsListTab === "ACTIVE" /* ACTIVE */ ? ACTIVE_PROCESSES_LIST_TABLE_LOCAL_STORAGE_KEY : COMPLETED_PROCESSES_LIST_TABLE_LOCAL_STORAGE_KEY;
   const getStoredTableConfig = useStoredTableConfig(localStorageKey);
-  useEffect30(() => {
+  useEffect31(() => {
     const storedConfig = getStoredTableConfig();
     if (storedConfig) {
       setTableDefaults(storedConfig);
@@ -50378,9 +50382,9 @@ var WfoWorkerStatus = () => {
 };
 
 // src/components/WfoErrorBoundary/WfoErrorBoundary.tsx
-import React65 from "react";
+import React66 from "react";
 import { jsx as jsx208, jsxs as jsxs121 } from "@emotion/react/jsx-runtime";
-var WfoErrorBoundary = class extends React65.Component {
+var WfoErrorBoundary = class extends React66.Component {
   constructor(props) {
     super(props);
     this.state = { hasError: false };
@@ -51436,7 +51440,7 @@ var WfoRadioDropdown = ({
 };
 
 // src/components/WfoInlineNoteEdit/WfoInlineNoteEdit.tsx
-import { useEffect as useEffect31, useMemo as useMemo6, useState as useState46 } from "react";
+import { useEffect as useEffect32, useMemo as useMemo6, useState as useState46 } from "react";
 import { EuiInlineEditText } from "@elastic/eui";
 import { jsx as jsx226 } from "@emotion/react/jsx-runtime";
 var WfoInlineNoteEdit = ({
@@ -51457,7 +51461,7 @@ var WfoInlineNoteEdit = ({
       userInputs: noteModifyPayload
     });
   };
-  useEffect31(() => {
+  useEffect32(() => {
     setNote(initialNote);
   }, [initialNote]);
   return /* @__PURE__ */ jsx226(