@orchestrator-ui/orchestrator-ui-components 1.29.1 → 1.30.0

package/.turbo/turbo-build.log

@@ -1,14 +1,14 @@
 
-> @orchestrator-ui/orchestrator-ui-components@1.29.1 build
+> @orchestrator-ui/orchestrator-ui-components@1.30.0 build
 > tsup src/index.ts --format esm --dts --tsconfig tsconfig.build.json
 
 CLI Building entry: src/index.ts
 CLI Using tsconfig: tsconfig.build.json
-CLI tsup v8.0.2
+CLI tsup v8.1.0
 CLI Target: es6
 ESM Build start
 DTS Build start
 ESM dist/index.js 1.86 MB
-ESM ⚡️ Build success in 694ms
-DTS ⚡️ Build success in 14369ms
-DTS dist/index.d.ts 174.38 KB
+ESM ⚡️ Build success in 708ms
+DTS ⚡️ Build success in 13880ms
+DTS dist/index.d.ts 174.39 KB

package/.turbo/turbo-lint.log

@@ -1,5 +1,5 @@
 
-> @orchestrator-ui/orchestrator-ui-components@1.29.1 lint
+> @orchestrator-ui/orchestrator-ui-components@1.30.0 lint
 > eslint "src/**/*.ts*"
 
 

package/.turbo/turbo-test.log

@@ -1,40 +1,40 @@
 
-> @orchestrator-ui/orchestrator-ui-components@1.29.1 test
+> @orchestrator-ui/orchestrator-ui-components@1.30.0 test
 > jest
 
 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/WfoSubscription/utils/utils.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/getProductNamesFromProcess.spec.ts
-PASS Wfo-UI Tests src/components/WfoTable/WfoTableWithFilter/updateQueryString.spec.ts
+PASS Wfo-UI Tests src/pages/processes/timelineUtils.spec.ts
 PASS Wfo-UI Tests src/components/WfoTable/WfoDataGridTable/WfodataGridColumns.spec.ts
 PASS Wfo-UI Tests src/utils/string.spec.ts
+PASS Wfo-UI Tests src/components/WfoTable/WfoTableWithFilter/updateQueryString.spec.ts
 PASS Wfo-UI Tests src/components/WfoTable/utils/tableConfigPersistence.spec.ts
 PASS Wfo-UI Tests src/components/WfoTable/utils/tableUtils.spec.ts
 PASS Wfo-UI Tests src/components/WfoTable/utils/mapSortableAndFilterableValuesToTableColumnConfig.spec.ts
 PASS Wfo-UI Tests src/utils/resultFlattener.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/components/WfoPageTemplate/WfoSidebar/utils/menuItemIsAllowed.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/utils/optionalArray.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/filterData.spec.ts
 PASS Wfo-UI Tests src/utils/sortObjectKeys.spec.ts
-PASS Wfo-UI Tests src/components/WfoWorkflowSteps/stepListUtils.spec.ts
+PASS Wfo-UI Tests src/utils/filterData.spec.ts
 PASS Wfo-UI Tests src/utils/getTokenName.spec.ts
-PASS Wfo-UI Tests src/utils/onlyUnique.spec.ts
+PASS Wfo-UI Tests src/components/WfoWorkflowSteps/stepListUtils.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/uuid.spec.ts
 PASS Wfo-UI Tests src/utils/getTypedFieldFromObject.spec.ts
+PASS Wfo-UI Tests src/utils/getQueryVariablesForExport.spec.ts
 PASS Wfo-UI Tests src/utils/cacheTag.spec.ts
 PASS Wfo-UI Tests src/components/WfoPageTemplate/WfoPageHeader/utils/toHexColorWithOpacity.spec.ts
-PASS Wfo-UI Tests src/utils/getQueryVariablesForExport.spec.ts
 
 Test Suites: 30 passed, 30 total
 Tests:       169 passed, 169 total
 Snapshots:   0 total
-Time:        4.206 s
+Time:        3.864 s
 Ran all test suites.

package/CHANGELOG.md

@@ -1,552 +1,558 @@
 # @orchestrator-ui/orchestrator-ui-components
 
+## 1.30.0
+
+### Minor Changes
+
+-   231230c: Updates most packages to latest version
+
 ## 1.29.1
 
 ### Patch Changes
 
-- deff75b: Workflow-list and Task-list pages: Keeps old data in table while refreshing data
+-   deff75b: Workflow-list and Task-list pages: Keeps old data in table while refreshing data
 
 ## 1.29.0
 
 ### Minor Changes
 
-- 80f18ae: Fixes npm audit messages
-- 637f8ea: Adds websocket status badge to page title instead of header
+-   80f18ae: Fixes npm audit messages
+-   637f8ea: Adds websocket status badge to page title instead of header
 
 ## 1.28.0
 
 ### Minor Changes
 
-- 3444973: added a new table for the nms chassis general tab
+-   3444973: added a new table for the nms chassis general tab
 
 ## 1.27.1
 
 ### Patch Changes
 
-- 54b537c: Added productType to Workflow option used by LIR prefixes
+-   54b537c: Added productType to Workflow option used by LIR prefixes
 
 ## 1.27.0
 
 ### Minor Changes
 
-- 0a3877d: Moves side menu toggle from header to breadcrumb
-- bc65670: Orders product blocks in subcription detail tree
-- 8f45591: Improves confirmation dialog on page leave
-- cbfc034: Updates websocket messages to work with new format
+-   0a3877d: Moves side menu toggle from header to breadcrumb
+-   bc65670: Orders product blocks in subcription detail tree
+-   8f45591: Improves confirmation dialog on page leave
+-   cbfc034: Updates websocket messages to work with new format
 
 ## 1.26.0
 
 ### Minor Changes
 
-- 3508ff8: Sort product block instance values by field name
+-   3508ff8: Sort product block instance values by field name
 
 ### Patch Changes
 
-- 257ef6e: Added number type to parseDate function
+-   257ef6e: Added number type to parseDate function
 
 ## 1.25.0
 
 ### Minor Changes
 
-- 10e542e: Adds websockets responsiveness to process list and processDetails
-- f225422: Resolves external subscription id and name in product block details
-- 47a545b: Adds subscription info to modify workflow start page
-- cd59329: Hides empty productBlock values in subscription detail
+-   10e542e: Adds websockets responsiveness to process list and processDetails
+-   f225422: Resolves external subscription id and name in product block details
+-   47a545b: Adds subscription info to modify workflow start page
+-   cd59329: Hides empty productBlock values in subscription detail
 
 ### Patch Changes
 
-- 43bcc3c: Fixes table settings reset
-- 02d39db: Fix pressing back not returning to the form page for submitted forms
+-   43bcc3c: Fixes table settings reset
+-   02d39db: Fix pressing back not returning to the form page for submitted forms
 
 ## 1.24.0
 
 ### Minor Changes
 
-- 83fb33d: Adds a reconnect option for the websocket
-- ef169fc: 1108 Adds getEnvironmentVariables helper function that retrieves multiple environment variables and logs warnings in case variables do not exist
-- e4e9b73: Adds better messages for some edge cases
+-   83fb33d: Adds a reconnect option for the websocket
+-   ef169fc: 1108 Adds getEnvironmentVariables helper function that retrieves multiple environment variables and logs warnings in case variables do not exist
+-   e4e9b73: Adds better messages for some edge cases
 
 ### Patch Changes
 
-- fda8911: Hides more product block items for productblocks outside the current subscription
-- 54e6f9f: Fixed caching issue when switching from Create Node to create Corelink form caused 400 error
+-   fda8911: Hides more product block items for productblocks outside the current subscription
+-   54e6f9f: Fixed caching issue when switching from Create Node to create Corelink form caused 400 error
 
 ## 1.23.0
 
 ### Minor Changes
 
-- 33240b6: Fixes websockets with authentication
-- b94c618: Added customer with subscription query used by nms
+-   33240b6: Fixes websockets with authentication
+-   b94c618: Added customer with subscription query used by nms
 
 ### Patch Changes
 
-- 9f18b7c: 1066 VlanField: Only allows to clear the value when the field is enabled
+-   9f18b7c: 1066 VlanField: Only allows to clear the value when the field is enabled
 
 ## 1.22.0
 
 ### Minor Changes
 
-- f6dc4fb: Replaces subscriptionsWithFilter REST call with a graphQL query
-- d48df6b: Exports WFoUserInputForm
+-   f6dc4fb: Replaces subscriptionsWithFilter REST call with a graphQL query
+-   d48df6b: Exports WFoUserInputForm
 
 ### Patch Changes
 
-- bcfe7de: 916 Exposes menuItemIsAllowed helper function
-- 50e8f68: Fixes signOut modal showing in some cases
-- 6a7264f: 1086 StartPage: Summary card with product counts ignores terminated instances
-- aca21a5: 1085 Filters out current subscription from the related subscriptions list
+-   bcfe7de: 916 Exposes menuItemIsAllowed helper function
+-   50e8f68: Fixes signOut modal showing in some cases
+-   6a7264f: 1086 StartPage: Summary card with product counts ignores terminated instances
+-   aca21a5: 1085 Filters out current subscription from the related subscriptions list
 
 ## 1.21.0
 
 ### Minor Changes
 
-- ae0d9a8: Removes some obsolete configuration
-- 560cf74: Adds a different style if a productblock is outside the subscription boundary
-- 5ee68fa: Signs user out when api calls fail because of expired token
-- d4ac80a: Removed axios and react-query dependencies
+-   ae0d9a8: Removes some obsolete configuration
+-   560cf74: Adds a different style if a productblock is outside the subscription boundary
+-   5ee68fa: Signs user out when api calls fail because of expired token
+-   d4ac80a: Removed axios and react-query dependencies
 
 ### Patch Changes
 
-- 13d7c6d: Fixes missing aria-labels on icons
-- b9680b8: 626 Applies dark theme to form fields
+-   13d7c6d: Fixes missing aria-labels on icons
+-   b9680b8: 626 Applies dark theme to form fields
 
 ## 1.20.0
 
 ### Minor Changes
 
-- decb678: Removes obsolete configuration options
+-   decb678: Removes obsolete configuration options
 
 ## 1.19.1
 
 ### Patch Changes
 
-- e1811bc: revert username to old code solution
+-   e1811bc: revert username to old code solution
 
 ## 1.19.0
 
 ### Minor Changes
 
-- 7dc5cf0: Moving axios form fields and fetches to RTK
+-   7dc5cf0: Moving axios form fields and fetches to RTK
 
 ### Patch Changes
 
-- 213fb25: Uses preferred_username to filter for my-workflows
-- 71fa3bd: 1055 Making OAuth Scopes configurable via Environment Variables
+-   213fb25: Uses preferred_username to filter for my-workflows
+-   71fa3bd: 1055 Making OAuth Scopes configurable via Environment Variables
 
 ## 1.18.0
 
 ### Minor Changes
 
-- b8cf381: 626 Tweaks dark theme on detail pages and the settings page
+-   b8cf381: 626 Tweaks dark theme on detail pages and the settings page
 
 ### Patch Changes
 
-- 3888ea9: Adjustment to placeholder translations
+-   3888ea9: Adjustment to placeholder translations
 
 ## 1.17.0
 
 ### Minor Changes
 
-- 8a32409: 626 - Introduces basic styles to be reused. Updates useWithOrchestratorTheme hook to accept the whole theme object. Applies dark theme for Page Templates, Start page and pages with a filterable table.
+-   8a32409: 626 - Introduces basic styles to be reused. Updates useWithOrchestratorTheme hook to accept the whole theme object. Applies dark theme for Page Templates, Start page and pages with a filterable table.
 
 ## 1.16.0
 
 ### Minor Changes
 
-- ed6d5c7: Fixes tooltip message on vlan field
+-   ed6d5c7: Fixes tooltip message on vlan field
 
 ### Patch Changes
 
-- 5301916: Added trash icon
+-   5301916: Added trash icon
 
 ## 1.15.0
 
 ### Minor Changes
 
-- a8c625e: Added workflow information link and env vars for it
+-   a8c625e: Added workflow information link and env vars for it
 
 ## 1.14.2
 
 ### Patch Changes
 
-- 06377ba: Adds prettier output for the "In-use by subscription(s)" on product blocks on subscription details
-- df57566: 799 Exports SummaryCard components and its related subcomponents and types
+-   06377ba: Adds prettier output for the "In-use by subscription(s)" on product blocks on subscription details
+-   df57566: 799 Exports SummaryCard components and its related subcomponents and types
 
 ## 1.14.1
 
 ### Patch Changes
 
-- d835c16: add retry for processes in waiting state - added new icon to be used …
+-   d835c16: add retry for processes in waiting state - added new icon to be used …
 
 ## 1.14.0
 
 ### Minor Changes
 
-- 5b9d042: Moved form wizards to RTK
+-   5b9d042: Moved form wizards to RTK
 
 ## 1.13.2
 
 ### Patch Changes
 
-- 43be47b: 565 Added a new summary card listing the 5 latest workflows for the user that is logged in
-- 8b6e73d: 879 Makes SummaryCards on the start page overridable
+-   43be47b: 565 Added a new summary card listing the 5 latest workflows for the user that is logged in
+-   8b6e73d: 879 Makes SummaryCards on the start page overridable
 
 ## 1.13.1
 
 ### Patch Changes
 
-- 63ee9c0: 863 Adds title for traceback section on workflow detail page
+-   63ee9c0: 863 Adds title for traceback section on workflow detail page
 
 ## 1.13.0
 
 ### Minor Changes
 
-- 12d72f9: Ads feature toggles to configuration
+-   12d72f9: Ads feature toggles to configuration
 
 ### Patch Changes
 
-- abd239c: filter workflows on target
-- 72ee276: 863 Adds Traceback on process detail page
+-   abd239c: filter workflows on target
+-   72ee276: 863 Adds Traceback on process detail page
 
 ## 1.12.0
 
 ### Minor Changes
 
-- a95a6dc: Updates what the websocket interface is listening to
+-   a95a6dc: Updates what the websocket interface is listening to
 
 ## 1.11.0
 
 ### Minor Changes
 
-- 38b0c66: 333 - Adds override option for General tab on the SubscriptionDetail page and adds Customer descriptions field
+-   38b0c66: 333 - Adds override option for General tab on the SubscriptionDetail page and adds Customer descriptions field
 
 ### Patch Changes
 
-- 9eca836: 983 Improvements in exporting data from the metadata pages
-- df1a9b6: Hide filter option on related subscriptions table
+-   9eca836: 983 Improvements in exporting data from the metadata pages
+-   df1a9b6: Hide filter option on related subscriptions table
 
 ## 1.10.0
 
 ### Minor Changes
 
-- 04ef921: Deprecate apiclient version of UserInputFormWizard
+-   04ef921: Deprecate apiclient version of UserInputFormWizard
 
 ## 1.9.0
 
 ### Minor Changes
 
-- a9f3806: Improves sideBar navigation
+-   a9f3806: Improves sideBar navigation
 
 ## 1.8.0
 
 ### Minor Changes
 
-- 752b3fd: 102 Adds context provider and hook to override values in subscription detail product blocks
+-   752b3fd: 102 Adds context provider and hook to override values in subscription detail product blocks
 
 ## 1.7.0
 
 ### Minor Changes
 
-- d61106d: Release of the metadata task page
+-   d61106d: Release of the metadata task page
 
 ## 1.6.2
 
 ### Patch Changes
 
-- 0bf6f82: New metadata taskpage with rtk
+-   0bf6f82: New metadata taskpage with rtk
 
 ## 1.6.1
 
 ### Patch Changes
 
-- 3cfd9f5: Fixes error in exported values
-- 5807458: 332 Subscription detail page: hides metadata section when there is no data available
+-   3cfd9f5: Fixes error in exported values
+-   5807458: 332 Subscription detail page: hides metadata section when there is no data available
 
 ## 1.6.0
 
 ### Minor Changes
 
-- bf4698e: 332 Adds subscription metadata to the subscription list page and subscription detail page
+-   bf4698e: 332 Adds subscription metadata to the subscription list page and subscription detail page
 
 ### Patch Changes
 
-- e3874e0: Changed overlay icon colour of skipped step in workflow/task
-  Badge style to product name column in metadata table products
-  Some features owner subscription presentation & hide pb-sub-instance-id
-  Changed default table row settings
-- 29c6459: Added external link icon
+-   e3874e0: Changed overlay icon colour of skipped step in workflow/task
+    Badge style to product name column in metadata table products
+    Some features owner subscription presentation & hide pb-sub-instance-id
+    Changed default table row settings
+-   29c6459: Added external link icon
 
 ## 1.5.0
 
 ### Minor Changes
 
-- 9662041: 638 Moves SURF specific form fields to deprecated folder
-- c122786: Adds README files to be displayed on NPM. Adds Apache 2.0 license.
+-   9662041: 638 Moves SURF specific form fields to deprecated folder
+-   c122786: Adds README files to be displayed on NPM. Adds Apache 2.0 license.
 
 ### Patch Changes
 
-- 78a0b55: 812 Fixed object mapping from products rest call
-- 1b3a9f0: Allows sending null as a value when removing existing values
-- 9cf620e: 919 Fix port dropdown after changing the node in a Create Service Port workflow
-- c5c73da: Added isDisabled prop to WfoDropdownButton, small styles adjustment for keyColumn
+-   78a0b55: 812 Fixed object mapping from products rest call
+-   1b3a9f0: Allows sending null as a value when removing existing values
+-   9cf620e: 919 Fix port dropdown after changing the node in a Create Service Port workflow
+-   c5c73da: Added isDisabled prop to WfoDropdownButton, small styles adjustment for keyColumn
 
 ## 1.4.0.
 
 ### Minor Changes
 
-- 62b356f: Moves product blocks graphql query to RTK client
-- 0e5c8f3: Moves subscriptionList query to RTK client
-- 92ce67b: Moves subscriptionDetail to RTK client
-- 3f68b52: Moves subscriptions dropdown options to RTK client
-- d7b1ce2: Moves products and productsSummary to RTK client
-- 0b4da83: Moves resourceTypes metadata query to RTK client
-- 6ee952f: Moves relatedSubscriptions RTK client
-- af1c86b: Moves processList summary queries to RTK client
-- 70efdf5: Moves getting startOptions to RTK client
-- 0d10af8: MOves get metadata workflows to RTK client
+-   62b356f: Moves product blocks graphql query to RTK client
+-   0e5c8f3: Moves subscriptionList query to RTK client
+-   92ce67b: Moves subscriptionDetail to RTK client
+-   3f68b52: Moves subscriptions dropdown options to RTK client
+-   d7b1ce2: Moves products and productsSummary to RTK client
+-   0b4da83: Moves resourceTypes metadata query to RTK client
+-   6ee952f: Moves relatedSubscriptions RTK client
+-   af1c86b: Moves processList summary queries to RTK client
+-   70efdf5: Moves getting startOptions to RTK client
+-   0d10af8: MOves get metadata workflows to RTK client
 
 ## 1.3.1
 
 ### Patch Changes
 
-- 043b943: Moves processSteps query to RTK client
-- b511e4a: Fixes bug that occurs in some create workflows
+-   043b943: Moves processSteps query to RTK client
+-   b511e4a: Fixes bug that occurs in some create workflows
 
 ## 1.3.0
 
 ### Minor Changes
 
-- 1ab3e59: Adds set in sync action to subscription detail page
+-   1ab3e59: Adds set in sync action to subscription detail page
 
 ## 1.2.0
 
 ### Minor Changes
 
-- 857b6de: Added option to override the baseQuery with custom baseQuery in RTK client
+-   857b6de: Added option to override the baseQuery with custom baseQuery in RTK client
 
 ## 1.1.0
 
 ### Minor Changes
 
-- 2d0c99c: 840 Updates policy resources
+-   2d0c99c: 840 Updates policy resources
 
 ## 1.0.0
 
 ### Major Changes
 
-- 507399b: R1 Release
+-   507399b: R1 Release
 
 ## 0.13.1
 
 ### Patch Changes
 
-- 9155f40: Added isDisabled prop to WfoSubmitModal
+-   9155f40: Added isDisabled prop to WfoSubmitModal
 
 ## 0.13.0
 
 ### Minor Changes
 
-- 89835a4: 702 - Moves processDetail to rtkquery
+-   89835a4: 702 - Moves processDetail to rtkquery
 
 ### Patch Changes
 
-- e56c142: 760 remove duplicate product tags on metadata workflow page
+-   e56c142: 760 remove duplicate product tags on metadata workflow page
 
 ## 0.12.0
 
 ### Minor Changes
 
-- 5efb8b0: #821 Reverted FORMS_ENPOINT string, removed cimStartForm, added new string utils
-  #833 Small change to useQueryWithFetch for the default sending level
+-   5efb8b0: #821 Reverted FORMS_ENPOINT string, removed cimStartForm, added new string utils
+    #833 Small change to useQueryWithFetch for the default sending level
 
 ## 0.11.1
 
 ### Patch Changes
 
-- e83d9aa: new summary card out-of-sync subscriptions
-- 7ff8936: Applies policies in several components
+-   e83d9aa: new summary card out-of-sync subscriptions
+-   7ff8936: Applies policies in several components
 
 ## 0.11.0
 
 ### Minor Changes
 
-- 6332355: Adds dark theme behind feature toggle
-- e808db4: Add a websocket that can be called to clear cache
+-   6332355: Adds dark theme behind feature toggle
+-   e808db4: Add a websocket that can be called to clear cache
 
 ### Patch Changes
 
-- c3da8a6: add customer abbrev to customer drop down string in form field
-- 05c9acc: add status and insync badge to subscription detail page
+-   c3da8a6: add customer abbrev to customer drop down string in form field
+-   05c9acc: add status and insync badge to subscription detail page
 
 ## 0.10.0
 
 ### Minor Changes
 
-- 18da717: 460 Introduces a usePolicy hook to help with conditionally rendering of components. The useWfoSession hook can be used to identify the user
+-   18da717: 460 Introduces a usePolicy hook to help with conditionally rendering of components. The useWfoSession hook can be used to identify the user
 
 ## 0.9.1
 
 ### Patch Changes
 
-- 1578b99: NPM Audit fix for IP package
+-   1578b99: NPM Audit fix for IP package
 
 ## 0.9.0
 
 ### Minor Changes
 
-- 8675375: Fixes a SelectField bug
-- c8c6e10: Update npm dependency versions
+-   8675375: Fixes a SelectField bug
+-   c8c6e10: Update npm dependency versions
 
 ### Patch Changes
 
-- 4bee6a1: Fixes crashes caused by uniforms connectField function
-- 56d5e6e: Trigger the changesets action
+-   4bee6a1: Fixes crashes caused by uniforms connectField function
+-   56d5e6e: Trigger the changesets action
 
 ## 0.8.1
 
 ### Patch Changes
 
-- 5224527: 721: Fix customer select not being disabled
-- 16f32ad: 651: Fix incorrect port select options
-- 84a75b7: Change service port select label when root subscription instance has title
+-   5224527: 721: Fix customer select not being disabled
+-   16f32ad: 651: Fix incorrect port select options
+-   84a75b7: Change service port select label when root subscription instance has title
 
 ## 0.8.0
 
 ### Minor Changes
 
-- 8eded72: Required for issue 573 Add restart open relate
+-   8eded72: Required for issue 573 Add restart open relate
 
 ### Patch Changes
 
-- 534ecf4: 685: Fix form reloading and resetting inputs
+-   534ecf4: 685: Fix form reloading and resetting inputs
 
 ## 0.7.0
 
 ### Minor Changes
 
-- 5d20aec: Adds accesToken to RTK Query clients
+-   5d20aec: Adds accesToken to RTK Query clients
 
 ## 0.6.0
 
 ### Minor Changes
 
-- d44c55c: Fix ProcessDetailQuery by removing form subfields
-  - !WARNING: this version requires backend version 2.1.0.
-    - It changes the graphql processes.page.form to a JSON type, so there are no subfields to request and will respond with an error.
+-   d44c55c: Fix ProcessDetailQuery by removing form subfields
+    -   !WARNING: this version requires backend version 2.1.0.
+        -   It changes the graphql processes.page.form to a JSON type, so there are no subfields to request and will respond with an error.
 
 ## 0.5.2
 
 ### Patch Changes
 
-- e88410d: Update form fields to remove 'organisation' naming
-- 2310074: 723: Fix SummaryField .includes is not a function
+-   e88410d: Update form fields to remove 'organisation' naming
+-   2310074: 723: Fix SummaryField .includes is not a function
 
 ## 0.5.1
 
 ### Patch Changes
 
-- dac8fb2: update date presentation and move getDate to utils
-- e3b847a: Adds error boundary at the top level of the app
-- 926d47b: Table enhancements: Introduces a loading-placeholder and a no-data-placeholder. Prevents showing previous page results while loading new data.
+-   dac8fb2: update date presentation and move getDate to utils
+-   e3b847a: Adds error boundary at the top level of the app
+-   926d47b: Table enhancements: Introduces a loading-placeholder and a no-data-placeholder. Prevents showing previous page results while loading new data.
 
 ## 0.5.0
 
 ### Minor Changes
 
-- 267a753: Adding RTK and RTK Query for some endpoints and store data
+-   267a753: Adding RTK and RTK Query for some endpoints and store data
 
 ## 0.4.0
 
 ### Minor Changes
 
-- cdc668f: 544 - Export functionality for the tables
+-   cdc668f: 544 - Export functionality for the tables
 
 ### Patch Changes
 
-- e8af27c: Process table - each column width in absolute or %
-- e9af205: change order tabs sub-detail-page
-- 996fc9f: added border radius to wfo tree and empty PB card placeholder
-- 41e0cc9: added copyright to sidebar
+-   e8af27c: Process table - each column width in absolute or %
+-   e9af205: change order tabs sub-detail-page
+-   996fc9f: added border radius to wfo tree and empty PB card placeholder
+-   41e0cc9: added copyright to sidebar
 
 ## 0.3.1
 
 ### Patch Changes
 
-- d824a58: fix uuid in breadcrumb
-- cb3142a: - expand the root product block card by default
-  - change tree icon of root product block
-  - open other subscription detail page opens in new tab
-  - use title of root product block in tree like the other product blocks
-- e6aaef7: 598 Fixes invisible email in step list
+-   d824a58: fix uuid in breadcrumb
+-   cb3142a: - expand the root product block card by default
+    -   change tree icon of root product block
+    -   open other subscription detail page opens in new tab
+    -   use title of root product block in tree like the other product blocks
+-   e6aaef7: 598 Fixes invisible email in step list
 
 ## 0.3.0
 
 ### Minor Changes
 
-- ef5eace: Updates all major dependencies including Typescript to version 5 and NextJS to version 14
+-   ef5eace: Updates all major dependencies including Typescript to version 5 and NextJS to version 14
 
 ## 0.2.7
 
 ### Patch Changes
 
-- ce48846: Updates linting rules to ban all console statements except console.error()
+-   ce48846: Updates linting rules to ban all console statements except console.error()
 
 ## 0.2.6
 
 ### Patch Changes
 
-- 6597ac1: Test release after adding absolute imports (issue 414)
+-   6597ac1: Test release after adding absolute imports (issue 414)
 
 ## 0.2.5
 
 ### Patch Changes
 
-- 6d680f6: Test release before adding absolute imports (issue 414)
+-   6d680f6: Test release before adding absolute imports (issue 414)
 
 ## 0.2.4
 
 ### Patch Changes
 
-- 38d1229: Fixed handling navigation for pages with sidebar submenu items
+-   38d1229: Fixed handling navigation for pages with sidebar submenu items
 
 ## 0.2.3
 
 ### Patch Changes
 
-- 577825a: Adds title to process list page
+-   577825a: Adds title to process list page
 
 ## 0.2.2
 
 ### Patch Changes
 
-- f49382c: Updates metadata pages and adds initial version of process-list page
+-   f49382c: Updates metadata pages and adds initial version of process-list page
 
 ## 0.2.1
 
 ### Patch Changes
 
-- 3533525: Updated TS-Config to improve developer experience
+-   3533525: Updated TS-Config to improve developer experience
 
 ## 0.2.0
 
 ### Minor Changes
 
-- 6c4cb21: Added translation setup and next-inl configuration. Translation strings are now available when using the useTranslations hook. For more on how to add translations refer to apps/wfo-ui/translations/README.md
+-   6c4cb21: Added translation setup and next-inl configuration. Translation strings are now available when using the useTranslations hook. For more on how to add translations refer to apps/wfo-ui/translations/README.md
 
 ## 0.1.2
 
 ### Patch Changes
 
-- 0cef169: Splitted WFO in separate packages
+-   0cef169: Splitted WFO in separate packages
 
 ## 0.1.1
 
 ### Patch Changes
 
-- Converted tsconfig and eslint to standalone NPM package
+-   Converted tsconfig and eslint to standalone NPM package
 
 ## 0.1.0
 
 ### Minor Changes
 
-- c597fc5: Switched to tsup build in turborepo
+-   c597fc5: Switched to tsup build in turborepo

package/dist/index.d.ts

@@ -2811,7 +2811,7 @@ declare class WfoErrorBoundary extends React__default.Component<ErrorBoundaryPro
         hasError: boolean;
     };
     componentDidCatch(error: Error, info: ErrorInfo): void;
-    render(): string | number | boolean | Iterable<React__default.ReactNode> | React__default.PromiseLikeOfReactNode | _emotion_react_jsx_runtime.JSX.Element | null | undefined;
+    render(): string | number | bigint | boolean | Iterable<React__default.ReactNode> | Promise<React__default.AwaitedReactNode> | _emotion_react_jsx_runtime.JSX.Element | null | undefined;
 }
 
 declare type StepListItem = {

package/dist/index.js

@@ -53,10 +53,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -29242,11 +29239,7 @@ function isPending(...asyncThunks) {
   if (!isAsyncThunkArray(asyncThunks)) {
     return isPending()(asyncThunks[0]);
   }
-  return (action) => {
-    const matchers = asyncThunks.map((asyncThunk) => asyncThunk.pending);
-    const combinedMatcher = isAnyOf(...matchers);
-    return combinedMatcher(action);
-  };
+  return isAnyOf(...asyncThunks.map((asyncThunk) => asyncThunk.pending));
 }
 function isRejected(...asyncThunks) {
   if (asyncThunks.length === 0) {
@@ -29255,29 +29248,19 @@ function isRejected(...asyncThunks) {
   if (!isAsyncThunkArray(asyncThunks)) {
     return isRejected()(asyncThunks[0]);
   }
-  return (action) => {
-    const matchers = asyncThunks.map((asyncThunk) => asyncThunk.rejected);
-    const combinedMatcher = isAnyOf(...matchers);
-    return combinedMatcher(action);
-  };
+  return isAnyOf(...asyncThunks.map((asyncThunk) => asyncThunk.rejected));
 }
 function isRejectedWithValue(...asyncThunks) {
   const hasFlag = (action) => {
     return action && action.meta && action.meta.rejectedWithValue;
   };
   if (asyncThunks.length === 0) {
-    return (action) => {
-      const combinedMatcher = isAllOf(isRejected(...asyncThunks), hasFlag);
-      return combinedMatcher(action);
-    };
+    return isAllOf(isRejected(...asyncThunks), hasFlag);
   }
   if (!isAsyncThunkArray(asyncThunks)) {
     return isRejectedWithValue()(asyncThunks[0]);
   }
-  return (action) => {
-    const combinedMatcher = isAllOf(isRejected(...asyncThunks), hasFlag);
-    return combinedMatcher(action);
-  };
+  return isAllOf(isRejected(...asyncThunks), hasFlag);
 }
 function isFulfilled(...asyncThunks) {
   if (asyncThunks.length === 0) {
@@ -29286,11 +29269,7 @@ function isFulfilled(...asyncThunks) {
   if (!isAsyncThunkArray(asyncThunks)) {
     return isFulfilled()(asyncThunks[0]);
   }
-  return (action) => {
-    const matchers = asyncThunks.map((asyncThunk) => asyncThunk.fulfilled);
-    const combinedMatcher = isAnyOf(...matchers);
-    return combinedMatcher(action);
-  };
+  return isAnyOf(...asyncThunks.map((asyncThunk) => asyncThunk.fulfilled));
 }
 function isAsyncThunkAction(...asyncThunks) {
   if (asyncThunks.length === 0) {
@@ -29299,14 +29278,7 @@ function isAsyncThunkAction(...asyncThunks) {
   if (!isAsyncThunkArray(asyncThunks)) {
     return isAsyncThunkAction()(asyncThunks[0]);
   }
-  return (action) => {
-    const matchers = [];
-    for (const asyncThunk of asyncThunks) {
-      matchers.push(asyncThunk.pending, asyncThunk.rejected, asyncThunk.fulfilled);
-    }
-    const combinedMatcher = isAnyOf(...matchers);
-    return combinedMatcher(action);
-  };
+  return isAnyOf(...asyncThunks.flatMap((asyncThunk) => [asyncThunk.pending, asyncThunk.rejected, asyncThunk.fulfilled]));
 }
 var commonProperties = ["name", "message", "stack", "code"];
 var RejectWithValue = class {
@@ -30421,6 +30393,9 @@ function buildThunks({
         });
       }
     }
+    if (ret.patches.length === 0) {
+      return ret;
+    }
     dispatch(api.util.patchQueryData(endpointName, args, ret.patches, updateProvided));
     return ret;
   };
@@ -31128,10 +31103,16 @@ var defaultSerializeQueryArgs = ({
   if (typeof cached === "string") {
     serialized = cached;
   } else {
-    const stringified = JSON.stringify(queryArgs, (key, value) => isPlainObject(value) ? Object.keys(value).sort().reduce((acc, key2) => {
-      acc[key2] = value[key2];
-      return acc;
-    }, {}) : value);
+    const stringified = JSON.stringify(queryArgs, (key, value) => {
+      value = typeof value === "bigint" ? {
+        $bigint: value.toString()
+      } : value;
+      value = isPlainObject(value) ? Object.keys(value).sort().reduce((acc, key2) => {
+        acc[key2] = value[key2];
+        return acc;
+      }, {}) : value;
+      return value;
+    });
     if (isPlainObject(queryArgs)) {
       cache == null ? void 0 : cache.set(queryArgs, stringified);
     }
@@ -31255,6 +31236,7 @@ var THIRTY_TWO_BIT_MAX_TIMER_SECONDS = 2147483647 / 1e3 - 1;
 var buildCacheCollectionHandler = ({
   reducerPath,
   api,
+  queryThunk,
   context,
   internalState
 }) => {
@@ -31262,6 +31244,7 @@ var buildCacheCollectionHandler = ({
     removeQueryResult,
     unsubscribeQueryResult
   } = api.internalActions;
+  const canTriggerUnsubscribe = isAnyOf(unsubscribeQueryResult.match, queryThunk.fulfilled, queryThunk.rejected);
   function anySubscriptionsRemainingForKey(queryCacheKey) {
     const subscriptions = internalState.currentSubscriptions[queryCacheKey];
     return !!subscriptions && !isObjectEmpty(subscriptions);
@@ -31269,11 +31252,11 @@ var buildCacheCollectionHandler = ({
   const currentRemovalTimeouts = {};
   const handler = (action, mwApi, internalState2) => {
     var _a;
-    if (unsubscribeQueryResult.match(action)) {
+    if (canTriggerUnsubscribe(action)) {
       const state = mwApi.getState()[reducerPath];
       const {
         queryCacheKey
-      } = action.payload;
+      } = unsubscribeQueryResult.match(action) ? action.payload : action.meta.arg;
       handleUnsubscribe(queryCacheKey, (_a = state.queries[queryCacheKey]) == null ? void 0 : _a.endpointName, mwApi, state.config);
     }
     if (api.util.resetApiState.match(action)) {
@@ -32119,10 +32102,16 @@ var defaultSerializeQueryArgs2 = ({
   if (typeof cached === "string") {
     serialized = cached;
   } else {
-    const stringified = JSON.stringify(queryArgs, (key, value) => isPlainObject(value) ? Object.keys(value).sort().reduce((acc, key2) => {
-      acc[key2] = value[key2];
-      return acc;
-    }, {}) : value);
+    const stringified = JSON.stringify(queryArgs, (key, value) => {
+      value = typeof value === "bigint" ? {
+        $bigint: value.toString()
+      } : value;
+      value = isPlainObject(value) ? Object.keys(value).sort().reduce((acc, key2) => {
+        acc[key2] = value[key2];
+        return acc;
+      }, {}) : value;
+      return value;
+    });
     if (isPlainObject(queryArgs)) {
       cache2 == null ? void 0 : cache2.set(queryArgs, stringified);
     }
@@ -32212,7 +32201,7 @@ function buildHooks({
       data = currentState.data;
     const hasData = data !== void 0;
     const isFetching = currentState.isLoading;
-    const isLoading = !hasData && isFetching;
+    const isLoading = (!lastResult || lastResult.isLoading || lastResult.isUninitialized) && !hasData && isFetching;
     const isSuccess = currentState.isSuccess || isFetching && hasData;
     return __spreadProps(__spreadValues({}, currentState), {
       data,
@@ -32240,7 +32229,7 @@ function buildHooks({
         initiate
       } = api.endpoints[name];
       const dispatch = useDispatch3();
-      const subscriptionSelectorsRef = useRef3();
+      const subscriptionSelectorsRef = useRef3(void 0);
       if (!subscriptionSelectorsRef.current) {
         const returnedValue = dispatch(api.internalActions.internal_getRTKQSubscriptions());
         if (process.env.NODE_ENV !== "production") {
@@ -32269,7 +32258,7 @@ function buildHooks({
         skipPollingIfUnfocused
       });
       const lastRenderHadSubscription = useRef3(false);
-      const promiseRef = useRef3();
+      const promiseRef = useRef3(void 0);
       let {
         queryCacheKey,
         requestId
@@ -32340,7 +32329,7 @@ function buildHooks({
       } = api.endpoints[name];
       const dispatch = useDispatch3();
       const [arg, setArg] = useState(UNINITIALIZED_VALUE);
-      const promiseRef = useRef3();
+      const promiseRef = useRef3(void 0);
       const stableSubscriptionOptions = useShallowStableValue({
         refetchOnReconnect,
         refetchOnFocus,
@@ -32392,7 +32381,7 @@ function buildHooks({
         select
       } = api.endpoints[name];
       const stableArg = useStableQueryArgs(skip ? skipToken : arg, serializeQueryArgs, context.endpointDefinitions[name], name);
-      const lastValue = useRef3();
+      const lastValue = useRef3(void 0);
       const selectDefaultResult = useMemo2(() => createSelector2([select(stableArg), (_, lastResult) => lastResult, (_) => stableArg], queryStatePreSelector, {
         memoizeOptions: {
           resultEqualityCheck: shallowEqual2
@@ -33132,12 +33121,9 @@ var TreeProvider = ({ children }) => {
     const initialDepth = depths[itemIndex];
     const collapsedNodeIds = [];
     for (let i = itemIndex; i < depths.length; i++) {
-      if (i === itemIndex)
-        collapsedNodeIds.push(i);
-      else if (depths[i] > initialDepth)
-        collapsedNodeIds.push(i);
-      else if (depths[i] <= initialDepth)
-        break;
+      if (i === itemIndex) collapsedNodeIds.push(i);
+      else if (depths[i] > initialDepth) collapsedNodeIds.push(i);
+      else if (depths[i] <= initialDepth) break;
     }
     setExpandedIds(
       (prevExpandedIds) => prevExpandedIds.filter((id) => !collapsedNodeIds.includes(id))
@@ -36241,8 +36227,7 @@ var WfoWorkflowTargetBadge = ({
   target
 }) => {
   const { theme, toSecondaryColor } = useOrchestratorTheme();
-  if (!target)
-    return null;
+  if (!target) return null;
   const getBadgeColorFromTarget = (_target) => {
     const {
       primary,
@@ -36489,19 +36474,16 @@ var parseDate = (date) => {
 var calculateTimeDifference = (from, to) => {
   const fromDate = parseDate(from);
   const toDate = parseDate(to);
-  if (!fromDate || !toDate)
-    return "";
+  if (!fromDate || !toDate) return "";
   const timeDifference = (toDate.getTime() - fromDate.getTime()) / 1e3;
-  if (timeDifference < 0)
-    return "";
+  if (timeDifference < 0) return "";
   const seconds = Math.floor(timeDifference);
   const minutes = Math.floor(seconds / 60);
   const hours = Math.floor(minutes / 60);
   return `${hours.toString().padStart(2, "0")}:${(minutes % 60).toString().padStart(2, "0")}:${(seconds % 60 % 3600).toString().padStart(2, "0")}`;
 };
 var formatDate = (dateString) => {
-  if (!dateString)
-    return "";
+  if (!dateString) return "";
   const date = parseDate(dateString);
   return parseDateToLocaleDateTimeString(date);
 };
@@ -36604,8 +36586,7 @@ function getEnvironmentVariables(envVars) {
 
 // src/utils/getProductNamesFromProcess.ts
 var getProductNamesFromProcess = (process3) => {
-  if (!process3)
-    return "";
+  if (!process3) return "";
   const productNames = process3 && process3.subscriptions && process3.subscriptions.page ? process3.subscriptions.page.map((page) => page.product.name) : [];
   return productNames.filter((name, index) => productNames.indexOf(name) === index).join(", ");
 };
@@ -36667,15 +36648,12 @@ var getConcatenatedResult = (results, fields) => {
 
 // src/utils/strings.ts
 var upperCaseFirstChar = (value) => {
-  if (value.length === 0)
-    return value;
-  if (value.length === 1)
-    return value.charAt(0).toUpperCase();
+  if (value.length === 0) return value;
+  if (value.length === 1) return value.charAt(0).toUpperCase();
   return value.charAt(0).toUpperCase() + value.slice(1).toLowerCase();
 };
 var removeSuffix = (value, splitChar = "?") => {
-  if (value.length <= 1 || !value.includes(splitChar))
-    return value;
+  if (value.length <= 1 || !value.includes(splitChar)) return value;
   return value.split(splitChar).slice(0, -1).join();
 };
 var camelToHuman = (value) => {
@@ -38717,8 +38695,7 @@ var WfoSubscriptionActions = ({
       return /* @__PURE__ */ jsx84(Link4, { href: url, onClick: handleLinkClick, children: actionItem });
     };
     const tooltipIt = (actionItem) => {
-      if (!action.reason)
-        return actionItem;
+      if (!action.reason) return actionItem;
       const tooltipContent = t(action.reason, flattenArrayProps(action));
       return /* @__PURE__ */ jsx84("div", { children: /* @__PURE__ */ jsx84(EuiToolTip3, { position: "top", content: tooltipContent, children: actionItem }) });
     };
@@ -39122,8 +39099,7 @@ import { EuiCallOut, EuiFlexGroup as EuiFlexGroup11, EuiFlexItem as EuiFlexItem9
 
 // src/utils/getTokenName.ts
 function getTokenName(name) {
-  if (typeof name === "boolean")
-    return "tokenConstant";
+  if (typeof name === "boolean") return "tokenConstant";
   const icons = {
     Node: "tokenNamespace",
     "IP BGP Service Settings": "tokenEnumMember",
@@ -39361,8 +39337,7 @@ var WfoSubscriptionDetailTree = ({
       expandAll();
     }
   };
-  if (!tree)
-    return null;
+  if (!tree) return null;
   return /* @__PURE__ */ jsxs63(EuiFlexGroup11, { style: { marginTop: 15 }, children: [
     /* @__PURE__ */ jsx91(EuiFlexItem9, { style: { maxWidth: 450, width: 450 }, children: /* @__PURE__ */ jsxs63(EuiFlexGroup11, { direction: "column", children: [
       /* @__PURE__ */ jsx91(EuiFlexItem9, { grow: false, children: /* @__PURE__ */ jsxs63(
@@ -44944,8 +44919,7 @@ var CustomTitleJSONSchemaBridge = class extends JSONSchemaBridge {
       default: defaultValue = _default !== void 0 ? _default : get8(this.schema.default, name)
     } = this._compiledSchema[name];
     const { const: constValue = _const, type = _type } = this._compiledSchema[name];
-    if (defaultValue === void 0)
-      defaultValue = constValue;
+    if (defaultValue === void 0) defaultValue = constValue;
     if (defaultValue === void 0) {
       const nameArray = joinName10(null, name);
       const relativeName = nameArray.pop();
@@ -44957,8 +44931,7 @@ var CustomTitleJSONSchemaBridge = class extends JSONSchemaBridge {
         defaultValue = get8(model, relativeName);
       }
     }
-    if (defaultValue !== void 0)
-      return cloneDeep2(defaultValue);
+    if (defaultValue !== void 0) return cloneDeep2(defaultValue);
     if (type === "array" && !props.lookUpParent && !name.endsWith("$")) {
       const item = this.getInitialValue(joinName10(name, "0"));
       const items = props.initialCount || 0;
@@ -47555,7 +47528,13 @@ var WfoStepList = React48.forwardRef(
         }
       })
     }));
-    const getReferenceCallbackForStepId = (stepId) => (node) => node ? stepReferences.current.set(stepId, node) : stepReferences.current.delete(stepId);
+    const getReferenceCallbackForStepId = (stepId) => (node) => {
+      if (node) {
+        stepReferences.current.set(stepId, node);
+      } else if (stepId && stepReferences.current.has(stepId)) {
+        stepReferences.current.delete(stepId);
+      }
+    };
     return /* @__PURE__ */ jsx164(Fragment39, { children: stepListItems.map((stepListItem, index) => {
       const stepComponent = /* @__PURE__ */ jsxs91("div", { children: [
         index !== 0 && /* @__PURE__ */ jsx164("div", { css: stepSpacerStyle }),

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@orchestrator-ui/orchestrator-ui-components",
-    "version": "1.29.1",
+    "version": "1.30.0",
     "license": "Apache-2.0",
     "description": "Library of UI Components used to display the workflow orchestrator frontend",
     "author": {
@@ -32,7 +32,8 @@
     },
     "dependencies": {
         "@emotion/css": "^11.11.2",
-        "@emotion/react": "^11.11.1",
+        "@emotion/react": "^11.11.4",
+        "@elastic/eui": "^95.1.0",
         "@rtk-query/graphql-request-base-query": "^2.3.1",
         "invariant": "^2.2.4",
         "lodash": "^4.17.21",
@@ -56,13 +57,13 @@
         "@orchestrator-ui/eslint-config-custom": "*",
         "@orchestrator-ui/jest-config": "*",
         "@reduxjs/toolkit": "^2.0.1",
-        "@storybook/addon-essentials": "^7.2.1",
-        "@storybook/addon-interactions": "^7.6.6",
-        "@storybook/addon-links": "^7.6.5",
-        "@storybook/addon-onboarding": "^1.0.10",
-        "@storybook/blocks": "^7.6.6",
-        "@storybook/nextjs": "^7.6.7",
-        "@storybook/react": "^7.6.6",
+        "@storybook/addon-essentials": "^8.1.10",
+        "@storybook/addon-interactions": "^8.1.10",
+        "@storybook/addon-links": "^8.1.10",
+        "@storybook/addon-onboarding": "^8.1.10",
+        "@storybook/blocks": "^8.1.10",
+        "@storybook/nextjs": "^8.1.10",
+        "@storybook/react": "^8.1.10",
         "@storybook/testing-library": "^0.2.0",
         "@testing-library/jest-dom": "^6.1.5",
         "@testing-library/react": "^14.0.0",
@@ -75,19 +76,16 @@
         "jest": "^29.7.0",
         "jest-environment-jsdom": "^29.7.0",
         "jest-watch-typeahead": "^2.2.2",
-        "react": "^18.2.0",
-        "react-dom": "^18.2.0",
         "storybook": "^8.1.10",
         "tsup": "^8.0.1",
-        "typescript": "^5.3.2",
+        "typescript": "^5.5.2",
         "uniforms-bridge-simple-schema-2": "^3.8.1"
     },
     "peerDependencies": {
-        "@elastic/eui": "^93.1.1",
         "next": "^14.0.4",
-        "react": "^18.2.0",
-        "react-dom": "^18.2.0",
-        "react-redux": "^9.1.0"
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1",
+        "react-redux": "^8.1.3"
     },
     "type": "module",
     "main": "./dist/index.js",

package/src/components/WfoWorkflowSteps/WfoStepList/WfoStepList.tsx

@@ -69,10 +69,13 @@ export const WfoStepList = React.forwardRef(
         }));
 
         const getReferenceCallbackForStepId =
-            (stepId: string) => (node: HTMLDivElement | null) =>
-                node
-                    ? stepReferences.current.set(stepId, node)
-                    : stepReferences.current.delete(stepId);
+            (stepId: string) => (node: HTMLDivElement | null) => {
+                if (node) {
+                    stepReferences.current.set(stepId, node);
+                } else if (stepId && stepReferences.current.has(stepId)) {
+                    stepReferences.current.delete(stepId);
+                }
+            };
 
         return (
             <>