@flightctl/ui-components 0.4.0 → 0.5.0-rc1

package/src/hooks/useFetchPeriodically.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { FlightControlQuery } from '../types/extraTypes';
-import { getQueryStringHash, getRequestQueryString, isApiQuery } from '../utils/api';
+import { getQueryStringHash, getRequestQueryString } from '../utils/api';
 
 import { useFetch } from './useFetch';
 
@@ -18,11 +18,10 @@ export const useFetchPeriodically = <R>(
   const ref = React.useRef(0);
   const prevResolvedQueryHash = React.useRef<string>();
 
-  const { get, getMetrics } = useFetch();
+  const { get } = useFetch();
 
   // When the query parameters change, the hash will too. We must perform a refetch outside the timeout loop
   const queryStringHash = getQueryStringHash(query);
-  const isAPI = isApiQuery(query);
 
   // Callback that generates the updated query for refreshes. It may provide updated values for parameters such as from/to for metric queries
   const getRequestQuery = React.useCallback(() => getRequestQueryString(query), [query]);
@@ -40,18 +39,19 @@ export const useFetchPeriodically = <R>(
               setIsUpdating(true);
             }
 
-            const fetchFn = isAPI ? get : getMetrics;
-            const data = await fetchFn(requestQuery, abortController.signal);
+            const data = (await get<R>(requestQuery, abortController.signal)) as R;
             if (isLoading) {
               setIsLoading(false);
             }
             setIsUpdating(false);
-            // eslint-disable-next-line
-            setData(isAPI ? data : (data as any).data.result);
-            setError(undefined);
-            if (isAPI && onFetchComplete) {
-              onFetchComplete(data as R);
+
+            if (onFetchComplete) {
+              onFetchComplete(data); // Data might be mutated at this point
+              setData(data);
+            } else {
+              setData(data);
             }
+            setError(undefined);
           } catch (err) {
             // aborting fetch trows 'AbortError', we can ignore it
             if (abortController.signal.aborted) {
@@ -78,7 +78,7 @@ export const useFetchPeriodically = <R>(
       abortController?.abort();
     };
     // eslint-disable-next-line
-  }, [get, getMetrics, forceUpdate, queryStringHash, isAPI]);
+  }, [get, forceUpdate, queryStringHash]);
 
   const refetch = React.useCallback(() => setForceUpdate((val) => val + 1), []);
 

package/src/hooks/{useTablePagination.tsx → useTablePagination.ts}

@@ -3,15 +3,17 @@ import * as React from 'react';
 import { ApiList } from '../utils/api';
 import { PAGE_SIZE } from '../constants';
 
-export type PaginationDetails = {
-  onPageFetched: (list: ApiList<unknown>) => void;
+export type PaginationDetails<T extends ApiList> = {
+  onPageFetched: (data: T) => void;
   currentPage: number;
   setCurrentPage: (page: number) => void;
   nextContinue: string;
   itemCount: number;
 };
 
-export const useTablePagination = (): PaginationDetails => {
+type ProcessData<T> = (data: T) => void;
+
+export const useTablePagination = <T extends ApiList>(processor?: ProcessData<T>): PaginationDetails<T> => {
   const [currentPage, setCurrentPage] = React.useState<number>(1);
   const [continueTokens, setContinueTokens] = React.useState<string[]>([]);
   const [itemCount, setItemCount] = React.useState<number>(0);
@@ -19,11 +21,15 @@ export const useTablePagination = (): PaginationDetails => {
   const nextContinue = currentPage <= 1 ? '' : continueTokens[currentPage - 2];
 
   const onPageFetched = React.useCallback(
-    (apiList: ApiList<unknown>) => {
+    (data: T) => {
+      if (processor) {
+        // Can mutate the data
+        processor(data);
+      }
       const prevItems = (currentPage - 1) * PAGE_SIZE;
-      setItemCount(prevItems + (apiList?.items.length || 0) + (apiList.metadata.remainingItemCount || 0));
+      setItemCount(prevItems + (data?.items.length || 0) + (data.metadata.remainingItemCount || 0));
 
-      const nextToken = apiList.metadata?.continue || '';
+      const nextToken = data.metadata?.continue || '';
       if (currentPage === 1) {
         // Always reset the list when at first page
         setContinueTokens([nextToken]);
@@ -37,7 +43,7 @@ export const useTablePagination = (): PaginationDetails => {
         );
       }
     },
-    [setContinueTokens, continueTokens, setItemCount, currentPage],
+    [setContinueTokens, continueTokens, setItemCount, currentPage, processor],
   );
 
   return { onPageFetched, currentPage, setCurrentPage, nextContinue, itemCount };

package/src/hooks/useWebSocket.ts

@@ -3,7 +3,7 @@ import { useTranslation } from './useTranslation';
 import { useAppContext } from './useAppContext';
 
 export const useWebSocket = <T>(
-  endpoint: string,
+  deviceId: string,
   onMsgReceived: (msg: T) => Promise<void>,
 ): {
   sendMessage: (msg: string) => void;
@@ -30,8 +30,8 @@ export const useWebSocket = <T>(
     try {
       setIsConnecting(true);
       setIsClosed(false);
-      const { wsEndpoint, protocols } = getWsEndpoint();
-      const ws = new WebSocket(`${wsEndpoint}${endpoint}`, protocols);
+      const { wsEndpoint, protocols } = getWsEndpoint(deviceId);
+      const ws = new WebSocket(wsEndpoint, protocols);
       ws.addEventListener('open', () => setIsConnecting(false));
       ws.addEventListener('close', () => setIsClosed(true));
       ws.addEventListener('error', (evt) => {
@@ -48,7 +48,7 @@ export const useWebSocket = <T>(
       wsRef.current?.close();
       wsRef.current = undefined;
     };
-  }, [endpoint, t, getWsEndpoint, reset]);
+  }, [deviceId, t, getWsEndpoint, reset]);
 
   const reconnect = React.useCallback(() => {
     wsRef.current?.close();

package/src/links.ts

@@ -3,3 +3,5 @@ export const CREATING_APPLICATIONS_LINK =
 
 export const USING_TEMPLATE_VARIABLES_LINK =
   'https://github.com/flightctl/flightctl/blob/main/docs/user/managing-fleets.md#defining-device-templates';
+
+export const TECH_PREVIEW_LEVEL_LINK = 'https://access.redhat.com/support/offerings/techpreview';

package/src/types/rbac.ts

@@ -5,12 +5,14 @@ export enum VERB {
   GET = 'get',
   PATCH = 'patch',
   POST = 'post',
+  UPDATE = 'update',
 }
 
 export enum RESOURCE {
   FLEET = 'fleets',
   DEVICE = 'devices',
   DEVICE_CONSOLE = 'devices/console',
+  DEVICE_DECOMMISSION = 'devices/decommission',
   REPOSITORY = 'repositories',
   RESOURCE_SYNC = 'resourcesyncs',
   ENROLLMENT_REQUEST = 'enrollmentrequests',

package/src/utils/api.ts

@@ -1,4 +1,14 @@
-import { Condition, ConditionStatus, ConditionType, ListMeta, ObjectMeta } from '@flightctl/types';
+import {
+  Condition,
+  ConditionStatus,
+  ConditionType,
+  DeviceList,
+  EnrollmentRequestList,
+  FleetList,
+  ObjectMeta,
+  RepositoryList,
+  ResourceSyncList,
+} from '@flightctl/types';
 
 import { AnnotationType, ApiQuery, FlightControlQuery, MetricsQuery } from '../types/extraTypes';
 import { getPeriodTimestamps } from '../utils/metrics';
@@ -42,12 +52,9 @@ const getRequestQueryString = (queryObj: FlightControlQuery) => {
   return getMetricsQueryString(queryObj);
 };
 
-export interface ApiList<R> {
-  items: Array<R>;
-  metadata: ListMeta;
-}
+export type ApiList = EnrollmentRequestList | DeviceList | FleetList | RepositoryList | ResourceSyncList;
 
-const getApiListCount = <T>(listResponse: ApiList<T> | undefined): number | undefined => {
+const getApiListCount = (listResponse: ApiList | undefined): number | undefined => {
   if (listResponse === undefined) {
     return undefined;
   }

package/src/utils/apiCalls.ts

@@ -0,0 +1,15 @@
+export const getErrorMsgFromApiResponse = async (response: Response): Promise<string> => {
+  let errorText = '';
+  try {
+    const msg = await response.text();
+    try {
+      const json = JSON.parse(msg) as { message: string };
+      errorText = json.message;
+    } catch (e) {
+      errorText = msg;
+    }
+  } catch (e) {
+    //ignore
+  }
+  return `Error ${response.status}: ${response.statusText}${errorText ? `: ${errorText}` : ''}`;
+};

package/src/utils/devices.ts

@@ -1,10 +1,28 @@
-import { ObjectMeta } from '@flightctl/types';
+import { Device, ObjectMeta } from '@flightctl/types';
+import { TFunction } from 'react-i18next';
 
 const deviceFleetRegExp = /^Fleet\/(?<fleetName>.*)$/;
 
-const getDeviceFleet = (metadata: ObjectMeta) => {
+export const getDeviceFleet = (metadata: ObjectMeta) => {
   const match = deviceFleetRegExp.exec(metadata.owner || '');
   return match?.groups?.fleetName || null;
 };
 
-export { getDeviceFleet };
+export const isDeviceEnrolled = (dev: Device) => !dev.spec?.decommissioning?.target;
+
+export const getEditDisabledReason = (device: Device, t: TFunction) => {
+  if (getDeviceFleet(device.metadata)) {
+    return t('Device is bound to a fleet and its configurations cannot be edited.');
+  }
+  if (!isDeviceEnrolled(device)) {
+    return t('Device already started decommissioning and cannot be edited.');
+  }
+  return undefined;
+};
+
+export const getDecommissionDisabledReason = (device: Device, t: TFunction) => {
+  if (!isDeviceEnrolled(device)) {
+    return t('Device decommissioning already started.');
+  }
+  return undefined;
+};

package/src/utils/patch.ts

@@ -1,11 +1,16 @@
-import { ApplicationSpec, PatchRequest } from '@flightctl/types';
+import { ApplicationSpec, BatchSequence, DisruptionBudget, PatchRequest, RolloutPolicy } from '@flightctl/types';
 import isNil from 'lodash/isNil';
-import isEqual from 'lodash/isEqual';
-import differenceWith from 'lodash/differenceWith';
 
 import { FlightCtlLabel } from '../types/extraTypes';
 import { toAPILabel } from './labels';
 import { ApplicationFormSpec } from '../components/Device/EditDeviceWizard/types';
+import {
+  BatchForm,
+  BatchLimitType,
+  DisruptionBudgetForm,
+  FleetFormValues,
+  RolloutPolicyForm,
+} from '../components/Fleet/CreateFleet/types';
 
 export const appendJSONPatch = <V = unknown>({
   patches,
@@ -38,6 +43,15 @@ export const appendJSONPatch = <V = unknown>({
   });
 };
 
+const listsHaveDifferences = (arr1: string[], arr2: string[]) => {
+  if (arr1.length !== arr2.length) {
+    return true;
+  }
+  return arr1.some((item1, index) => {
+    return arr2[index] !== item1;
+  });
+};
+
 export const getStringListPatches = (
   path: string,
   currentList: string[],
@@ -60,18 +74,178 @@ export const getStringListPatches = (
       op: 'add',
       value: valueBuilder(newList),
     });
-  } else {
-    const hasDifferentItems = differenceWith(currentList, newList, isEqual).length > 0;
+  } else if (newLen !== curLen || listsHaveDifferences(currentList, newList)) {
+    patches.push({
+      path,
+      op: 'replace',
+      value: valueBuilder(newList),
+    });
+  }
+
+  return patches;
+};
 
-    if (newLen !== curLen || hasDifferentItems) {
+const toApiLimit = (formBatch: BatchForm) => {
+  if (!formBatch.limit) {
+    return undefined;
+  }
+  return formBatch.limitType === BatchLimitType.BatchLimitPercent ? `${formBatch.limit}%` : formBatch.limit;
+};
+
+const toApiDuration = (minutes: number) => {
+  const hours = minutes / 60;
+  if (hours % 1 === 0) {
+    return `${hours}h`;
+  }
+  return `${minutes}m`;
+};
+
+const toApiDeviceSelection = (policyForm: RolloutPolicyForm): BatchSequence => ({
+  strategy: 'BatchSequence',
+  sequence: policyForm.batches.map((formBatch) => {
+    return {
+      limit: toApiLimit(formBatch),
+      successThreshold: formBatch.successThreshold ? `${formBatch.successThreshold}%` : undefined,
+      selector: {
+        matchLabels: toAPILabel(formBatch.selector || []),
+      },
+    };
+  }),
+});
+
+const toApiDisruptionBudget = (disruptionValues: DisruptionBudgetForm) => {
+  const data: DisruptionBudget = {
+    groupBy: disruptionValues.groupBy || [],
+  };
+  if (typeof disruptionValues.minAvailable === 'number') {
+    data.minAvailable = disruptionValues.minAvailable;
+  }
+  if (typeof disruptionValues.maxUnavailable === 'number') {
+    data.maxUnavailable = disruptionValues.maxUnavailable;
+  }
+
+  return data;
+};
+
+export const getRolloutPolicyData = ({ rolloutPolicy, disruptionBudget }: FleetFormValues) => {
+  const newRolloutPolicy: RolloutPolicy = {};
+  if (rolloutPolicy.isAdvanced) {
+    newRolloutPolicy.defaultUpdateTimeout = toApiDuration(rolloutPolicy.updateTimeout);
+    newRolloutPolicy.deviceSelection = toApiDeviceSelection(rolloutPolicy);
+  }
+  if (disruptionBudget.isAdvanced) {
+    newRolloutPolicy.disruptionBudget = toApiDisruptionBudget(disruptionBudget);
+  }
+  return newRolloutPolicy;
+};
+
+export const getRolloutPolicyPatches = (
+  currentPolicy: RolloutPolicy | undefined,
+  fleetValues: FleetFormValues,
+): PatchRequest => {
+  const currentBatches = currentPolicy?.deviceSelection?.sequence || [];
+  const currentDisruption = currentPolicy?.disruptionBudget;
+
+  const hadAdvancedSettings = currentBatches.length > 0 || !!currentDisruption;
+  const wantsAdvancedSettings = fleetValues.rolloutPolicy.isAdvanced || fleetValues.disruptionBudget.isAdvanced;
+  const updatedPolicy = fleetValues.rolloutPolicy;
+
+  if (hadAdvancedSettings !== wantsAdvancedSettings) {
+    return wantsAdvancedSettings
+      ? [
+          {
+            op: 'add',
+            path: '/spec/rolloutPolicy',
+            value: getRolloutPolicyData(fleetValues),
+          },
+        ]
+      : [
+          {
+            op: 'remove',
+            path: '/spec/rolloutPolicy',
+          },
+        ];
+  }
+
+  const patches: PatchRequest = [];
+  if (fleetValues.rolloutPolicy.isAdvanced) {
+    // The timeout will be always expressed in minutes
+    if ((currentPolicy?.defaultUpdateTimeout || '') !== (updatedPolicy.updateTimeout || '')) {
+      appendJSONPatch({
+        patches,
+        originalValue: currentPolicy?.defaultUpdateTimeout,
+        newValue: toApiDuration(updatedPolicy.updateTimeout),
+        path: '/spec/rolloutPolicy/defaultUpdateTimeout',
+      });
+    }
+    if (currentBatches.length === updatedPolicy.batches.length) {
+      const hasBatchChanges = currentBatches.some((batch, index) => {
+        // The format of the numbers is different, we must convert them for comparison
+        const updatedBatch = updatedPolicy.batches[index];
+        if ((batch.limit || 0) !== (toApiLimit(updatedBatch) || 0)) {
+          return true;
+        }
+        const updatedThreshold = updatedBatch.successThreshold ? `${updatedBatch.successThreshold}%` : 0;
+        if (updatedThreshold !== (batch.successThreshold || 0)) {
+          return true;
+        }
+        const labelPatches = getLabelPatches('labels', batch.selector?.matchLabels || {}, updatedBatch.selector);
+        if (labelPatches.length > 0) {
+          return true;
+        }
+        return false;
+      });
+      if (hasBatchChanges) {
+        patches.push({
+          path: '/spec/rolloutPolicy/deviceSelection',
+          op: 'replace',
+          value: toApiDeviceSelection(updatedPolicy),
+        });
+      }
+    } else {
       patches.push({
-        path,
+        path: '/spec/rolloutPolicy/deviceSelection',
         op: 'replace',
-        value: valueBuilder(newList),
+        value: toApiDeviceSelection(updatedPolicy),
       });
     }
+  } else if (currentBatches.length > 0) {
+    patches.push({
+      path: '/spec/rolloutPolicy/deviceSelection',
+      op: 'remove',
+    });
+    patches.push({
+      path: '/spec/rolloutPolicy/defaultUpdateTimeout',
+      op: 'remove',
+    });
   }
 
+  if (fleetValues.disruptionBudget.isAdvanced) {
+    const hasMinChanged = (currentDisruption?.minAvailable || '') !== (fleetValues.disruptionBudget.minAvailable || '');
+    const hasMaxChanged =
+      (currentDisruption?.maxUnavailable || '') !== (fleetValues.disruptionBudget.maxUnavailable || '');
+
+    const hasChanges =
+      hasMinChanged ||
+      hasMaxChanged ||
+      listsHaveDifferences(currentDisruption?.groupBy || [], fleetValues.disruptionBudget.groupBy || []);
+
+    if (hasChanges) {
+      appendJSONPatch({
+        path: '/spec/rolloutPolicy/disruptionBudget',
+        patches,
+        originalValue: currentDisruption,
+        newValue: fleetValues.disruptionBudget.isAdvanced
+          ? toApiDisruptionBudget(fleetValues.disruptionBudget)
+          : undefined,
+      });
+    }
+  } else if (currentDisruption?.minAvailable || currentDisruption?.maxUnavailable) {
+    patches.push({
+      path: '/spec/rolloutPolicy/disruptionBudget',
+      op: 'remove',
+    });
+  }
   return patches;
 };
 

package/src/utils/status/common.ts

@@ -6,12 +6,12 @@ import { ExclamationTriangleIcon } from '@patternfly/react-icons/dist/js/icons/e
 import { CheckCircleIcon } from '@patternfly/react-icons/dist/js/icons/check-circle-icon';
 import { OutlinedQuestionCircleIcon } from '@patternfly/react-icons/dist/js/icons/outlined-question-circle-icon';
 
-import { global_warning_color_100 as warningColor } from '@patternfly/react-tokens/dist/js/global_warning_color_100';
-import { global_danger_color_100 as dangerColor } from '@patternfly/react-tokens/dist/js/global_danger_color_100';
-import { global_success_color_100 as successColor } from '@patternfly/react-tokens/dist/js/global_success_color_100';
-import { global_disabled_color_100 as unknownColor } from '@patternfly/react-tokens/dist/js/global_disabled_color_100';
-import { global_active_color_100 as activeColor } from '@patternfly/react-tokens/dist/js/global_active_color_100';
-import { global_palette_black_1000 as blackColor } from '@patternfly/react-tokens/dist/js/global_palette_black_1000';
+import warningColor from '@patternfly/react-tokens/dist/js/global_warning_color_100';
+import dangerColor from '@patternfly/react-tokens/dist/js/global_danger_color_100';
+import successColor from '@patternfly/react-tokens/dist/js/global_success_color_100';
+import disabledColor from '@patternfly/react-tokens/dist/js/global_disabled_color_100';
+import activeColor from '@patternfly/react-tokens/dist/js/global_active_color_100';
+import defaultColor from '@patternfly/react-tokens/dist/js/global_palette_black_1000';
 
 export type StatusLevel = 'custom' | 'info' | 'success' | 'warning' | 'danger' | 'unknown';
 
@@ -61,10 +61,10 @@ export const getDefaultStatusColor = (level: StatusLevel) => {
       color = successColor.value;
       break;
     case 'custom':
-      color = blackColor.value;
+      color = defaultColor.value;
       break;
     default:
-      color = unknownColor.value;
+      color = disabledColor.value;
       break;
   }
   return color;

package/src/utils/status/devices.ts

@@ -1,13 +1,14 @@
 import { TFunction } from 'react-i18next';
 import { PowerOffIcon } from '@patternfly/react-icons/dist/js/icons';
+import BanIcon from '@patternfly/react-icons/dist/js/icons/ban-icon';
 
 import {
   ApplicationsSummaryStatusType,
   DeviceSummaryStatus as BEDeviceSummaryStatus,
-  DeviceApplicationsSummaryStatus,
+  Device,
   DeviceIntegrityStatusSummaryType,
+  DeviceLifecycleStatusType,
   DeviceSummaryStatusType,
-  DeviceUpdatedStatus,
   DeviceUpdatedStatusType,
 } from '@flightctl/types';
 import { StatusItem } from './common';
@@ -30,13 +31,19 @@ export type DeviceSummaryStatus =
 export const getDeviceSummaryStatus = (deviceStatus?: BEDeviceSummaryStatus): DeviceSummaryStatusType =>
   deviceStatus?.status || DeviceSummaryStatusType.DeviceSummaryStatusUnknown;
 
-export const getApplicationSummaryStatus = (
-  appSummaryStatus?: DeviceApplicationsSummaryStatus,
-): ApplicationsSummaryStatusType =>
-  appSummaryStatus?.status || ApplicationsSummaryStatusType.ApplicationsSummaryStatusUnknown;
+export const getDeviceLifecycleStatus = (device: Device): DeviceLifecycleStatusType => {
+  const lifecycleStatus = device.status?.lifecycle?.status || DeviceLifecycleStatusType.DeviceLifecycleStatusEnrolled;
+  const isDecomStatus = [
+    DeviceLifecycleStatusType.DeviceLifecycleStatusDecommissioning,
+    DeviceLifecycleStatusType.DeviceLifecycleStatusDecommissioned,
+  ].includes(lifecycleStatus);
 
-export const getSystemUpdateStatus = (updatedStatus?: DeviceUpdatedStatus): DeviceUpdatedStatusType =>
-  updatedStatus?.status || DeviceUpdatedStatusType.DeviceUpdatedStatusUnknown;
+  if (!isDecomStatus && device.spec?.decommissioning?.target) {
+    return DeviceLifecycleStatusType.DeviceLifecycleStatusDecommissioning;
+  }
+
+  return lifecycleStatus;
+};
 
 export const getDeviceStatusItems = (t: TFunction): StatusItem<DeviceSummaryStatusType>[] => [
   {
@@ -72,4 +79,28 @@ export const getDeviceStatusItems = (t: TFunction): StatusItem<DeviceSummaryStat
   },
 ];
 
+export const getDeviceLifecycleStatusItems = (t: TFunction): StatusItem<DeviceLifecycleStatusType>[] => [
+  {
+    id: DeviceLifecycleStatusType.DeviceLifecycleStatusDecommissioned,
+    label: t('Decommissioned'),
+    level: 'unknown',
+    customIcon: BanIcon,
+  },
+  {
+    id: DeviceLifecycleStatusType.DeviceLifecycleStatusDecommissioning,
+    label: t('Decommissioning'),
+    level: 'warning',
+  },
+  {
+    id: DeviceLifecycleStatusType.DeviceLifecycleStatusUnknown,
+    label: t('Unknown'),
+    level: 'unknown',
+  },
+  {
+    id: DeviceLifecycleStatusType.DeviceLifecycleStatusEnrolled,
+    label: t('Enrolled'),
+    level: 'success',
+  },
+];
+
 export const deviceStatusOrder = getDeviceStatusItems((s: string) => s).map((item) => item.id);

package/src/utils/status/fleet.ts

@@ -1,18 +1,21 @@
-import { ConditionStatus, ConditionType, Fleet } from '@flightctl/types';
-import { FleetConditionType } from '../../types/extraTypes';
 import { TFunction } from 'i18next';
+
+import { Condition, ConditionStatus, ConditionType, Fleet } from '@flightctl/types';
+import { FleetConditionType } from '../../types/extraTypes';
 import { getConditionMessage } from '../error';
 
-const fleetStatusLabels = (t: TFunction) => ({
+const FLEET_ROLLOUT_FAILED_REASON = 'Suspended';
+
+export const fleetStatusLabels = (t: TFunction) => ({
   [ConditionType.FleetOverlappingSelectors]: t('Selectors overlap'),
   [ConditionType.FleetValid]: t('Valid'),
   Invalid: t('Invalid'),
   SyncPending: t('Sync pending'),
 });
 
-const getFleetSyncStatus = (
+export const getFleetSyncStatus = (
   fleet: Fleet,
-  t: TFunction = (s: string) => s,
+  t: TFunction,
 ): {
   status: FleetConditionType;
   message: string | undefined;
@@ -44,4 +47,16 @@ const getFleetSyncStatus = (
   };
 };
 
-export { getFleetSyncStatus, fleetStatusLabels };
+const isFleetRolloutFailedCondition = (condition: Condition) =>
+  condition.type === ConditionType.FleetRolloutInProgress &&
+  condition.status === ConditionStatus.ConditionStatusFalse &&
+  condition.reason === FLEET_ROLLOUT_FAILED_REASON;
+
+export const getFleetRolloutStatusWarning = (fleet: Fleet, t: TFunction) => {
+  const failedRolloutCondition = fleet.status?.conditions?.find(isFleetRolloutFailedCondition);
+
+  if (failedRolloutCondition) {
+    return getConditionMessage(failedRolloutCondition) || t('Last rollout did not complete successfully');
+  }
+  return undefined;
+};

package/src/utils/tooltip.ts

@@ -0,0 +1,2 @@
+export const getDisabledTooltipProps = (disabledReason: string | undefined) =>
+  disabledReason ? { isAriaDisabled: true, tooltipProps: { content: disabledReason } } : undefined;

package/dist/src/components/DetailsPage/Tables/IntegrityDetails.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { DeviceIntegrityStatus } from '@flightctl/types';
-type IntegrityDetailsProps = {
-    integrity?: DeviceIntegrityStatus;
-};
-declare const IntegrityDetails: ({ integrity }: IntegrityDetailsProps) => React.JSX.Element;
-export default IntegrityDetails;
-//# sourceMappingURL=IntegrityDetails.d.ts.map

package/dist/src/components/DetailsPage/Tables/IntegrityDetails.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"IntegrityDetails.d.ts","sourceRoot":"","sources":["../../../../../src/components/DetailsPage/Tables/IntegrityDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAKzD,KAAK,qBAAqB,GAAG;IAC3B,SAAS,CAAC,EAAE,qBAAqB,CAAC;CACnC,CAAC;AAEF,QAAA,MAAM,gBAAgB,kBAAmB,qBAAqB,sBAwB7D,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/src/components/DetailsPage/Tables/IntegrityDetails.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const react_core_1 = require("@patternfly/react-core");
-const useTranslation_1 = require("../../../hooks/useTranslation");
-const IntegrityStatus_1 = tslib_1.__importDefault(require("../../Status/IntegrityStatus"));
-const FlightCtlDescriptionList_1 = tslib_1.__importDefault(require("../../common/FlightCtlDescriptionList"));
-const IntegrityDetails = ({ integrity }) => {
-    const { t } = (0, useTranslation_1.useTranslation)();
-    const info = integrity === null || integrity === void 0 ? void 0 : integrity.summary.info;
-    const status = integrity === null || integrity === void 0 ? void 0 : integrity.summary.status;
-    return info || status ? (React.createElement(FlightCtlDescriptionList_1.default, { columnModifier: { lg: '3Col' } },
-        status && (React.createElement(react_core_1.DescriptionListGroup, null,
-            React.createElement(react_core_1.DescriptionListTerm, null, t('Status')),
-            React.createElement(react_core_1.DescriptionListDescription, null,
-                React.createElement(IntegrityStatus_1.default, { status: status })))),
-        info && (React.createElement(react_core_1.DescriptionListGroup, null,
-            React.createElement(react_core_1.DescriptionListTerm, null, t('Details')),
-            React.createElement(react_core_1.DescriptionListDescription, null, info))))) : (React.createElement(react_core_1.Bullseye, null, t('No system integrity details found.')));
-};
-exports.default = IntegrityDetails;
-//# sourceMappingURL=IntegrityDetails.js.map

package/dist/src/components/DetailsPage/Tables/IntegrityDetails.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IntegrityDetails.js","sourceRoot":"","sources":["../../../../../src/components/DetailsPage/Tables/IntegrityDetails.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,uDAKgC;AAGhC,kEAA+D;AAC/D,2FAA2D;AAC3D,6GAAiF;AAMjF,MAAM,gBAAgB,GAAG,CAAC,EAAE,SAAS,EAAyB,EAAE,EAAE;IAChE,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,MAAM,IAAI,GAAG,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,CAAC,IAAI,CAAC;IACrC,MAAM,MAAM,GAAG,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,CAAC,MAAM,CAAC;IACzC,OAAO,IAAI,IAAI,MAAM,CAAC,CAAC,CAAC,CACtB,oBAAC,kCAA4B,IAAC,cAAc,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE;QACzD,MAAM,IAAI,CACT,oBAAC,iCAAoB;YACnB,oBAAC,gCAAmB,QAAE,CAAC,CAAC,QAAQ,CAAC,CAAuB;YACxD,oBAAC,uCAA0B;gBACzB,oBAAC,yBAAe,IAAC,MAAM,EAAE,MAAM,GAAI,CACR,CACR,CACxB;QACA,IAAI,IAAI,CACP,oBAAC,iCAAoB;YACnB,oBAAC,gCAAmB,QAAE,CAAC,CAAC,SAAS,CAAC,CAAuB;YACzD,oBAAC,uCAA0B,QAAE,IAAI,CAA8B,CAC1C,CACxB,CAC4B,CAChC,CAAC,CAAC,CAAC,CACF,oBAAC,qBAAQ,QAAE,CAAC,CAAC,oCAAoC,CAAC,CAAY,CAC/D,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}