@orchestrator-ui/orchestrator-ui-components 8.2.0 → 8.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@orchestrator-ui/orchestrator-ui-components",
3
- "version": "8.2.0",
3
+ "version": "8.3.0",
4
4
  "license": "Apache-2.0",
5
5
  "description": "Library of UI Components used to display the workflow orchestrator frontend",
6
6
  "author": {
@@ -1,12 +1,12 @@
1
- import React from 'react';
1
+ import React, { ReactNode } from 'react';
2
2
 
3
- import { EuiPageHeader } from '@elastic/eui';
3
+ import { EuiFlexGroup, EuiFlexItem, EuiPageHeader } from '@elastic/eui';
4
4
 
5
5
  import { WfoWebsocketStatusBadge } from '@/components';
6
6
  import { useGetOrchestratorConfig } from '@/hooks';
7
7
 
8
8
  interface WfoTitleWithWebsocketBadgeProps {
9
- title: string;
9
+ title: string | ReactNode;
10
10
  wsUrl?: string;
11
11
  }
12
12
 
@@ -15,9 +15,12 @@ export const WfoTitleWithWebsocketBadge = ({ title, wsUrl = undefined }: WfoTitl
15
15
 
16
16
  const pageTitle =
17
17
  useWebSockets ?
18
- <>
19
- {title} <WfoWebsocketStatusBadge wsUrl={wsUrl} />
20
- </>
18
+ <EuiFlexGroup alignItems="center" gutterSize="s">
19
+ <EuiFlexItem grow={false}>{title}</EuiFlexItem>
20
+ <EuiFlexItem grow={false}>
21
+ <WfoWebsocketStatusBadge wsUrl={wsUrl} />
22
+ </EuiFlexItem>
23
+ </EuiFlexGroup>
21
24
  : title;
22
25
 
23
26
  return <EuiPageHeader pageTitle={pageTitle} />;
@@ -1 +1 @@
1
- export const ORCHESTRATOR_UI_LIBRARY_VERSION = '8.2.0';
1
+ export const ORCHESTRATOR_UI_LIBRARY_VERSION = '8.3.0';