@orchestrator-ui/orchestrator-ui-components 3.7.0 → 3.8.1

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@orchestrator-ui/orchestrator-ui-components",
-    "version": "3.7.0",
+    "version": "3.8.1",
     "license": "Apache-2.0",
     "description": "Library of UI Components used to display the workflow orchestrator frontend",
     "author": {

package/src/components/WfoPageTemplate/WfoSidebar/styles.ts

@@ -22,7 +22,7 @@ export const getMenuStyles = ({ theme }: WfoTheme) => {
         '.euiSideNavItem--branch': {
             '&:after': {
                 backgroundColor: theme.colors.lightShade,
-                height: '120%',
+                height: '100%',
             },
             ':last-child': {
                 '&:after': {

package/src/components/WfoSettings/WfoModifySettings.tsx

@@ -6,8 +6,10 @@ import { EuiFlexItem, EuiPanel, EuiSpacer, EuiText } from '@elastic/eui';
 
 import {
     WfoEngineStatusButton,
+    WfoIsAllowedToRender,
     WfoResetTextSearchIndexButton,
 } from '@/components';
+import { PolicyResource } from '@/configuration';
 
 export const WfoModifySettings = () => {
     const t = useTranslations('settings.page');
@@ -20,14 +22,19 @@ export const WfoModifySettings = () => {
                 <EuiSpacer size="m"></EuiSpacer>
                 <WfoResetTextSearchIndexButton />
             </EuiPanel>
-            <EuiSpacer />
-            <EuiPanel hasShadow={false} color="subdued" paddingSize="l">
-                <EuiText size="s">
-                    <h4>{t('modifyEngine')}</h4>
-                </EuiText>
-                <EuiSpacer size="m"></EuiSpacer>
-                <WfoEngineStatusButton />
-            </EuiPanel>
+
+            <WfoIsAllowedToRender
+                resource={PolicyResource.SETTINGS_START_STOP_ENGINE}
+            >
+                <EuiSpacer />
+                <EuiPanel hasShadow={false} color="subdued" paddingSize="l">
+                    <EuiText size="s">
+                        <h4>{t('modifyEngine')}</h4>
+                    </EuiText>
+                    <EuiSpacer size="m"></EuiSpacer>
+                    <WfoEngineStatusButton />
+                </EuiPanel>
+            </WfoIsAllowedToRender>
         </EuiFlexItem>
     );
 };

package/src/components/WfoSubscription/WfoSubscriptionProductBlock/WfoProductBlockKeyValueRow.tsx

@@ -11,11 +11,12 @@ import { getStyles } from './styles';
 
 export type WfoProductBlockKeyValueRowProps = {
     fieldValue: FieldValue | RenderableFieldValue;
+    allFieldValues: FieldValue[] | RenderableFieldValue[];
 };
 
 export const WfoProductBlockKeyValueRow: FC<
     WfoProductBlockKeyValueRowProps
-> = ({ fieldValue }) => {
+> = ({ fieldValue, allFieldValues }) => {
     const { leftColumnStyle, rowStyle } = useWithOrchestratorTheme(getStyles);
     const { getOverriddenValue } = useSubscriptionDetailValueOverride();
 
@@ -40,7 +41,7 @@ export const WfoProductBlockKeyValueRow: FC<
                 <b>{camelToHuman(field)}</b>
             </td>
             <td>
-                {getOverriddenValue(fieldValue) ?? (
+                {getOverriddenValue(fieldValue, allFieldValues) ?? (
                     <WfoProductBlockValue value={value} />
                 )}
             </td>

package/src/components/WfoSubscription/WfoSubscriptionProductBlock/WfoSubscriptionProductBlock.tsx

@@ -246,6 +246,9 @@ export const WfoSubscriptionProductBlock = ({
                                                     fieldValue={
                                                         productBlockInstanceValue
                                                     }
+                                                    allFieldValues={
+                                                        productBlock.productBlockInstanceValues
+                                                    }
                                                     key={index}
                                                 />
                                             );

package/src/components/WfoSubscription/overrides/useSubscriptionDetailValueOverride.ts

@@ -13,6 +13,7 @@ export const useSubscriptionDetailValueOverride = () => {
 
     const getOverriddenValue = (
         fieldValue: FieldValue | RenderableFieldValue,
+        allFieldValues: FieldValue[] | RenderableFieldValue[],
     ): React.ReactNode | null => {
         if (!valueOverrideConfiguration) {
             return null;
@@ -23,7 +24,7 @@ export const useSubscriptionDetailValueOverride = () => {
 
         // This check is needed because TS does not infer the type correctly
         if (renderFunctionForField) {
-            return renderFunctionForField(fieldValue);
+            return renderFunctionForField(fieldValue, allFieldValues);
         }
 
         return null;

package/src/configuration/policy-resources.ts

@@ -17,5 +17,6 @@ export enum PolicyResource {
     TASKS_CREATE = '/orchestrator/processes/create/task',
     TASKS_RETRY_ALL = '/orchestrator/processes/all-tasks/retry',
     SETTINGS_FLUSH_CACHE = '/orchestrator/settings/flush-cache',
+    SETTINGS_START_STOP_ENGINE = '/orchestrator/settings/start-stop-engine',
     SET_IN_SYNC = '/orchestrator/subscriptions/set-in-sync',
 }

package/src/configuration/version.ts

@@ -1 +1 @@
-export const ORCHESTRATOR_UI_LIBRARY_VERSION = '3.7.0';
+export const ORCHESTRATOR_UI_LIBRARY_VERSION = '3.8.1';

package/src/rtk/slices/orchestratorComponentOverride.ts

@@ -6,6 +6,7 @@ import { FieldValue, RenderableFieldValue, SubscriptionDetail } from '@/types';
 
 export type ValueOverrideFunction = (
     fieldValue: FieldValue | RenderableFieldValue,
+    allFieldValues: FieldValue[] | RenderableFieldValue[],
 ) => ReactNode;
 export type ValueOverrideConfiguration = Record<string, ValueOverrideFunction>;