@flightctl/ui-components 0.7.2 → 0.8.0-rc2

package/src/components/modals/massModals/MassDeleteResourceSyncModal/MassDeleteResourceSyncModal.tsx

@@ -1,9 +1,11 @@
-import { Alert, Button, Modal, Progress, ProgressMeasureLocation, Stack, StackItem } from '@patternfly/react-core';
-import { ResourceSync } from '@flightctl/types';
 import * as React from 'react';
+import { Alert, Button, Progress, ProgressMeasureLocation, Stack, StackItem } from '@patternfly/react-core';
+import { Modal, ModalBody, ModalFooter, ModalHeader } from '@patternfly/react-core/next';
+import { Table, Tbody, Td, Th, Thead, Tr } from '@patternfly/react-table';
+
+import { ResourceSync } from '@flightctl/types';
 import { getErrorMessage } from '../../../../utils/error';
 import { useFetch } from '../../../../hooks/useFetch';
-import { Table, Tbody, Td, Th, Thead, Tr } from '@patternfly/react-table';
 import { useTranslation } from '../../../../hooks/useTranslation';
 import { isPromiseRejected } from '../../../../types/typeUtils';
 
@@ -45,70 +47,67 @@ const MassDeleteResourceSyncModal: React.FC<MassDeleteResourceSyncModalProps> =
     }
   };
   return (
-    <Modal
-      title={t('Delete resource syncs')}
-      isOpen
-      onClose={onClose}
-      showClose={!isDeleting}
-      variant="medium"
-      actions={[
+    <Modal isOpen onClose={isDeleting ? undefined : onClose} variant="medium">
+      <ModalHeader title={t('Delete resource syncs')} />
+      <ModalBody>
+        <Stack hasGutter>
+          <StackItem>{t('Are you sure you want to delete the following resource syncs?')}</StackItem>
+          <StackItem>
+            <Table>
+              <Thead>
+                <Tr>
+                  <Th>{t('Name')}</Th>
+                  <Th>{t('Revision')}</Th>
+                  <Th>{t('Path')}</Th>
+                </Tr>
+              </Thead>
+              <Tbody>
+                {resources.map((resource) => {
+                  return (
+                    <Tr key={resource.metadata.name}>
+                      <Td dataLabel={t('Name')}>{resource.metadata.name || '-'}</Td>
+                      <Td dataLabel={t('Target revision')}>{resource.spec.targetRevision || '-'}</Td>
+                      <Td dataLabel={t('Path')}>{resource.spec.path || '-'}</Td>
+                    </Tr>
+                  );
+                })}
+              </Tbody>
+            </Table>
+          </StackItem>
+          {isDeleting && (
+            <StackItem>
+              <Progress
+                value={progress}
+                min={0}
+                max={progressTotal}
+                title={t('Deleting...')}
+                measureLocation={ProgressMeasureLocation.top}
+                label={t('{{progress}} of {{progressTotal}}', { progress, progressTotal })}
+                valueText={t('{{progress}} of {{progressTotal}}', { progress, progressTotal })}
+              />
+            </StackItem>
+          )}
+          {errors?.length && (
+            <StackItem>
+              <Alert isInline variant="danger" title={t('An error occurred')}>
+                <Stack hasGutter>
+                  {errors.map((e, index) => (
+                    <StackItem key={index}>{e}</StackItem>
+                  ))}
+                </Stack>
+              </Alert>
+            </StackItem>
+          )}
+        </Stack>
+      </ModalBody>
+      <ModalFooter>
         <Button key="delete" variant="danger" onClick={deleteResources} isLoading={isDeleting} isDisabled={isDeleting}>
           {t('Delete')}
-        </Button>,
+        </Button>
         <Button key="cancel" variant="link" onClick={onClose} isDisabled={isDeleting}>
           {t('Cancel')}
-        </Button>,
-      ]}
-    >
-      <Stack hasGutter>
-        <StackItem>{t('Are you sure you want to delete the following resource syncs ?')}</StackItem>
-        <StackItem>
-          <Table>
-            <Thead>
-              <Tr>
-                <Th>{t('Name')}</Th>
-                <Th>{t('Revision')}</Th>
-                <Th>{t('Path')}</Th>
-              </Tr>
-            </Thead>
-            <Tbody>
-              {resources.map((resource) => {
-                return (
-                  <Tr key={resource.metadata.name}>
-                    <Td dataLabel={t('Name')}>{resource.metadata.name || '-'}</Td>
-                    <Td dataLabel={t('Target revision')}>{resource.spec.targetRevision || '-'}</Td>
-                    <Td dataLabel={t('Path')}>{resource.spec.path || '-'}</Td>
-                  </Tr>
-                );
-              })}
-            </Tbody>
-          </Table>
-        </StackItem>
-        {isDeleting && (
-          <StackItem>
-            <Progress
-              value={progress}
-              min={0}
-              max={progressTotal}
-              title={t('Deleting...')}
-              measureLocation={ProgressMeasureLocation.top}
-              label={t('{{progress}} of {{progressTotal}}', { progress, progressTotal })}
-              valueText={t('{{progress}} of {{progressTotal}}', { progress, progressTotal })}
-            />
-          </StackItem>
-        )}
-        {errors?.length && (
-          <StackItem>
-            <Alert isInline variant="danger" title={t('An error occurred')}>
-              <Stack hasGutter>
-                {errors.map((e, index) => (
-                  <StackItem key={index}>{e}</StackItem>
-                ))}
-              </Stack>
-            </Alert>
-          </StackItem>
-        )}
-      </Stack>
+        </Button>
+      </ModalFooter>
     </Modal>
   );
 };

package/src/constants.ts

@@ -1,5 +1,6 @@
 const APP_TITLE = 'Edge Manager';
 const API_VERSION = 'v1alpha1';
 const PAGE_SIZE = 15;
+const EVENT_PAGE_SIZE = 200; // It's 500 in OCP console
 
-export { APP_TITLE, API_VERSION, PAGE_SIZE };
+export { APP_TITLE, API_VERSION, PAGE_SIZE, EVENT_PAGE_SIZE };

package/src/hooks/useAppLinks.ts

@@ -0,0 +1,49 @@
+import { FlightCtlApp, useAppContext } from './useAppContext';
+
+// Links to other flightctl upstream resources
+export const DEMO_REPOSITORY_URL = 'https://github.com/flightctl/flightctl-demos';
+
+const ACM_VERSION = '2.13';
+const AAP_VERSION = '2.5';
+
+const upstreamDocsBase = 'https://github.com/flightctl/flightctl/blob/main/docs';
+const acmDownstreamDocsBase = `https://docs.redhat.com/en/documentation/red_hat_advanced_cluster_management_for_kubernetes/${ACM_VERSION}/html-single/edge_manager/index`;
+const aapDownstreamDocsBase = `https://docs.redhat.com/en/documentation/red_hat_ansible_automation_platform/${AAP_VERSION}/html/managing_device_fleets_with_the_red_hat_edge_manager`;
+
+const links = {
+  fc: {
+    createApp: `${upstreamDocsBase}/user/managing-devices.md#creating-applications`,
+    useTemplateVars: `${upstreamDocsBase}/user/managing-fleets.md#defining-device-templates`,
+    addNewDevice: `${upstreamDocsBase}/user/getting-started.md#building-a-bootable-container-image-including-the-flight-control-agent`,
+    createAcmRepo: `${upstreamDocsBase}/user/registering-microshift-devices-acm.md#creating-the-acm-registration-repository`,
+  },
+  acm: {
+    createApp: `${acmDownstreamDocsBase}#build-app-packages`,
+    useTemplateVars: `${acmDownstreamDocsBase}#device-templates`,
+    addNewDevice: `${acmDownstreamDocsBase}#edge-mgr-build`,
+    createAcmRepo: `${acmDownstreamDocsBase}#device-config-git-cli`,
+  },
+  aap: {
+    createApp: `${aapDownstreamDocsBase}/edge-manager-manage-apps#edge-manager-build-app-packages`,
+    useTemplateVars: `${aapDownstreamDocsBase}/assembly-edge-manager-device-fleets#edge-manager-device-templates`,
+    addNewDevice: `${aapDownstreamDocsBase}/assembly-edge-manager-images#edge-manager-build-bootc`,
+    createAcmRepo: '',
+  },
+};
+
+type AppLink = 'createApp' | 'useTemplateVars' | 'addNewDevice' | 'createAcmRepo';
+
+const getLinkSource = (appType: FlightCtlApp, isRHEM?: boolean) => {
+  // Default doc links are AAP's and apply when using RHEM branding
+  if (isRHEM || appType === FlightCtlApp.AAP) {
+    return links.aap;
+  }
+  return appType === FlightCtlApp.STANDALONE ? links.fc : links.acm;
+};
+
+export const useAppLinks = (link: AppLink) => {
+  const { appType, settings } = useAppContext();
+
+  const links = getLinkSource(appType, settings.isRHEM);
+  return links[link];
+};

package/src/{components/EnrollmentRequest/EnrollmentRequestDetails/useEnrollmentRequestSystemInfo.tsx → hooks/useDeviceSpecSystemInfo.tsx}

@@ -28,11 +28,12 @@ const emptySystemInfo = {
 const excludedKnownProps = [
   'distroVersion', // It's combined with "distroName"
   'customInfo', // Custom properies are evaluated separately from the predefined, known properties
-  'architecture', // Rendered separately by EnrollmentRequestDetails
-  'operatingSystem', // Rendered separately by EnrollmentRequestDetails
+  'attestation', // In Phase1 this includes only the raw data, without a report of success or failure.
 ];
 
 const getInfoDataKnownKeys = (t: TFunction) => ({
+  architecture: t('Architecture'),
+  operatingSystem: t('Operating system'),
   agentVersion: t('Agent version'),
   distroName: t('Distro'),
   hostname: t('Hostname'),
@@ -44,9 +45,10 @@ const getInfoDataKnownKeys = (t: TFunction) => ({
   productName: t('Product name'),
   productSerial: t('Product serial'),
   productUuid: t('Product UUID'),
+  tpmVendorInfo: t('TPM vendor info'),
 });
 
-export const useEnrollmentRequestSystemInfo = (
+export const useDeviceSpecSystemInfo = (
   systemInfo: FixedDeviceSystemInfo | undefined,
   t: TFunction,
 ): {
@@ -64,11 +66,17 @@ export const useEnrollmentRequestSystemInfo = (
       return !excludedKnownProps.includes(infoKey) && systemInfo[infoKey];
     })
     .map(([infoKey, infoTitle]) => {
-      let infoDataValue = systemInfo[infoKey];
+      let infoDataValue: string;
 
-      if (infoKey === 'distroName') {
-        const version = 'distroVersion' in systemInfo ? ` ${systemInfo['distroVersion']}` : '';
-        infoDataValue = `${infoDataValue}${version}`;
+      switch (infoKey) {
+        case 'distroName':
+          infoDataValue =
+            'distroVersion' in systemInfo
+              ? `${systemInfo.distroName} ${systemInfo.distroVersion}`
+              : systemInfo.distroName;
+          break;
+        default:
+          infoDataValue = systemInfo[infoKey];
       }
 
       return {

package/src/hooks/useFetchPeriodically.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { FlightControlQuery } from '../types/extraTypes';
+import { ApiQuery } from '../types/extraTypes';
 import { getQueryStringHash, getRequestQueryString } from '../utils/api';
 
 import { useFetch } from './useFetch';
@@ -7,7 +7,7 @@ import { useFetch } from './useFetch';
 const TIMEOUT = 10000;
 
 export const useFetchPeriodically = <R>(
-  query: FlightControlQuery,
+  query: ApiQuery,
   onFetchComplete?: (data: R) => void,
 ): [R | undefined, boolean, unknown, VoidFunction, boolean] => {
   const [isLoading, setIsLoading] = React.useState(true);
@@ -67,7 +67,7 @@ export const useFetchPeriodically = <R>(
           setData(undefined);
         }
         prevResolvedQueryHash.current = queryStringHash;
-        await new Promise((resolve) => setTimeout(resolve, TIMEOUT));
+        await new Promise((resolve) => setTimeout(resolve, query.timeout || TIMEOUT));
       }
     };
 

package/src/hooks/useThemePreferences.ts

@@ -2,18 +2,12 @@ import * as React from 'react';
 import { useUserPreferences } from './useUserPreferences';
 
 export const THEME_LOCAL_STORAGE_KEY = 'flightctl/theme';
+export const OCP_CONSOLE_THEME_LOCAL_STORAGE_KEY = 'bridge/theme';
+
 const THEME_DARK_CLASS = 'pf-v5-theme-dark';
 
 export type Theme = 'dark' | 'light' | 'system';
-
-export const updateThemeClass = (htmlTagElement: HTMLElement, theme: string | null) => {
-  const systemTheme: Theme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
-  if (theme === 'dark' || (!theme && systemTheme === 'dark')) {
-    htmlTagElement.classList.add(THEME_DARK_CLASS);
-  } else {
-    htmlTagElement.classList.remove(THEME_DARK_CLASS);
-  }
-};
+export type ResolvedTheme = Exclude<Theme, 'system'>;
 
 const getTheme = (storageTheme: string | null): Theme => {
   switch (storageTheme) {
@@ -29,9 +23,26 @@ const getTheme = (storageTheme: string | null): Theme => {
   }
 };
 
+const getDarkThemeMq = () => window.matchMedia('(prefers-color-scheme: dark)');
+
+const getResolvedTheme = (darkThemeMq: MediaQueryList, theme: string | null): ResolvedTheme => {
+  const isDarkPreferred = darkThemeMq.matches;
+  return theme === 'dark' || (isDarkPreferred && getTheme(theme) === 'system') ? 'dark' : 'light';
+};
+
+export const updateThemeClass = (htmlTagElement: HTMLElement, resolvedTheme: ResolvedTheme) => {
+  if (resolvedTheme === 'dark') {
+    htmlTagElement.classList.add(THEME_DARK_CLASS);
+  } else {
+    htmlTagElement.classList.remove(THEME_DARK_CLASS);
+  }
+};
+
 export const useThemePreferences = () => {
   const htmlTagElement = document.documentElement;
-  const [value, setValue] = useUserPreferences(THEME_LOCAL_STORAGE_KEY);
+  const [userTheme, setUserTheme] = useUserPreferences(THEME_LOCAL_STORAGE_KEY);
+  const [consoleTheme] = useUserPreferences(OCP_CONSOLE_THEME_LOCAL_STORAGE_KEY);
+  const [resolvedTheme, setResolvedTheme] = React.useState<ResolvedTheme>('light');
 
   React.useEffect(() => {
     const mqListener = (e: MediaQueryListEvent) => {
@@ -41,24 +52,40 @@ export const useThemePreferences = () => {
         htmlTagElement.classList.remove(THEME_DARK_CLASS);
       }
     };
-    const darkThemeMq = window.matchMedia('(prefers-color-scheme: dark)');
-    if (!value) {
-      darkThemeMq.addEventListener('change', mqListener);
+    const darkThemeMq = getDarkThemeMq();
+    let actualTheme: ResolvedTheme;
+    if (consoleTheme) {
+      actualTheme = getResolvedTheme(darkThemeMq, consoleTheme);
+    } else {
+      actualTheme = getResolvedTheme(darkThemeMq, userTheme);
+      updateThemeClass(htmlTagElement, actualTheme);
+      if (!userTheme) {
+        darkThemeMq.addEventListener('change', mqListener);
+      }
     }
-    updateThemeClass(htmlTagElement, value);
-    return () => darkThemeMq.removeEventListener('change', mqListener);
-  }, [htmlTagElement, value]);
+    setResolvedTheme(actualTheme);
+
+    return () => {
+      if (!consoleTheme && !userTheme) {
+        darkThemeMq.removeEventListener('change', mqListener);
+      }
+    };
+  }, [htmlTagElement, userTheme, consoleTheme]);
 
   const setThemeState = React.useCallback(
     (theme: Theme) => {
-      setValue(theme);
-      updateThemeClass(htmlTagElement, theme);
+      const darkTheme = getDarkThemeMq();
+      const actualTheme = getResolvedTheme(darkTheme, theme);
+      updateThemeClass(htmlTagElement, actualTheme);
+      setUserTheme(theme);
+      setResolvedTheme(actualTheme);
     },
-    [htmlTagElement, setValue],
+    [htmlTagElement, setUserTheme],
   );
 
   return {
-    theme: getTheme(value),
-    setTheme: setThemeState,
+    userTheme: getTheme(userTheme),
+    setUserTheme: setThemeState,
+    resolvedTheme,
   };
 };

package/src/types/deviceSpec.ts

@@ -4,6 +4,7 @@ import {
   GitConfigProviderSpec,
   HttpConfigProviderSpec,
   ImageApplicationProviderSpec,
+  ImagePullPolicy,
   InlineApplicationProviderSpec,
   InlineConfigProviderSpec,
   KubernetesSecretProviderSpec,
@@ -29,7 +30,6 @@ export type GitConfigTemplate = ConfigTemplate & {
   repository: string;
   targetRevision: string;
   path: string;
-  mountPath?: string;
 };
 
 export enum AppSpecType {
@@ -48,6 +48,11 @@ type AppBase = {
   // appType: AppType - commented out for now, since it only accepts one value ("compose")
   name?: string;
   variables: { name: string; value: string }[];
+  volumes?: {
+    name: string;
+    reference: string;
+    pullPolicy?: ImagePullPolicy;
+  }[];
 };
 
 export type InlineAppForm = AppBase & {
@@ -96,25 +101,31 @@ export const getAppIdentifier = (app: AppForm) => {
   return app.name;
 };
 
+const removeSlashes = (url: string | undefined) => (url || '').replace(/^\/+|\/+$/g, '');
+const getFinalRepoUrl = (baseUrl: string, relativePath: string) => {
+  if (relativePath && !hasTemplateVariables(relativePath)) {
+    return `${baseUrl}/${relativePath}`;
+  }
+  return baseUrl;
+};
+
 export const getConfigFullRepoUrl = (config: RepoConfig, repositoryUrl: string) => {
-  let relativePath: string = '';
+  const baseUrl = removeSlashes(repositoryUrl).replace(/\.git\/?$/, '');
   if (isHttpProviderSpec(config)) {
-    relativePath = (config.httpRef.suffix || '').replace(/^\//g, ''); // remove the leading slash
-  } else if (isGitProviderSpec(config) && /github|gitlab/.test(repositoryUrl)) {
-    const configPath = config.gitRef.path.replace(/^\//g, ''); // remove the leading slash
-    const configParts = configPath.split('/');
-    const lastPart = configParts[configParts.length - 1];
+    return getFinalRepoUrl(baseUrl, removeSlashes(config.httpRef.suffix));
+  }
+  if (isGitProviderSpec(config) && /github|gitlab/.test(repositoryUrl)) {
+    const configPath = removeSlashes(config.gitRef.path);
+    const pathSegments = configPath.split('/');
+    const lastSegment = pathSegments[pathSegments.length - 1];
 
     // Extension-less files cannot be identified as such. GitHub and Gitlab both redirect to the correct URL to show the file contents
-    const fileOrDir = lastPart.includes('.') ? 'blob' : 'tree';
-    relativePath = `${fileOrDir}/${config.gitRef.targetRevision}/${configPath}`;
+    const fileOrDir = lastSegment.includes('.') ? 'blob' : 'tree';
+    return getFinalRepoUrl(baseUrl, `${fileOrDir}/${config.gitRef.targetRevision}/${configPath}`);
   }
 
-  if (relativePath && !hasTemplateVariables(relativePath)) {
-    return `${repositoryUrl}/${relativePath}`;
-  }
   // We return just the base repository URL as a fallback
-  return repositoryUrl;
+  return baseUrl;
 };
 
 export const getRepoName = (config: RepoConfig) =>
@@ -171,6 +182,7 @@ export type DeviceSpecConfigFormValues = {
   systemdUnits: SystemdUnitFormValue[];
   updatePolicy: UpdatePolicyForm;
   registerMicroShift: boolean;
+  useBasicUpdateConfig: boolean;
 };
 
 export type EditDeviceFormValues = DeviceSpecConfigFormValues & {

package/src/types/extraTypes.ts

@@ -1,6 +1,7 @@
 import {
   AppType,
   ApplicationEnvVars,
+  ApplicationVolumeProviderSpec,
   ConditionType,
   Device,
   EnrollmentRequest,
@@ -35,6 +36,7 @@ export interface FlightCtlLabel {
 
 export interface ApiQuery {
   endpoint: string;
+  timeout?: number;
 }
 
 export interface MetricsQuery {
@@ -66,10 +68,11 @@ export const isFleet = (resource: ResourceSync | Fleet): resource is Fleet => re
 export type InlineApplicationFileFixed = FileContent & RelativePath;
 
 // "FixedApplicationProviderSpec" will need to be manually adjusted whenever the API definition changes
-export type ApplicationProviderSpecFixed = ApplicationEnvVars & {
-  name?: string;
-  appType?: AppType;
-} & (ImageApplicationProviderSpec | { inline: InlineApplicationFileFixed[] });
+export type ApplicationProviderSpecFixed = ApplicationEnvVars &
+  ApplicationVolumeProviderSpec & {
+    name?: string;
+    appType?: AppType;
+  } & (ImageApplicationProviderSpec | { inline: InlineApplicationFileFixed[] });
 
 type CliArtifact = {
   os: string;

package/src/utils/dates.ts

@@ -1,37 +1,28 @@
 import { TFunction } from 'i18next';
 
-type ArgumentTypes = Parameters<typeof Intl.DateTimeFormat>;
-
 const EMPTY_DATE = '0001-01-01T00:00:00Z';
-
-// TODO use a date library and display dates according to user locale
-const getDateDisplay = (timestamp?: string, withTime: boolean = false) => {
+const defaultLang = 'en-US';
+
+const dateTimeFormatter = () =>
+  new Intl.DateTimeFormat(defaultLang, {
+    month: 'short',
+    day: 'numeric',
+    hour: 'numeric',
+    minute: 'numeric',
+    year: 'numeric',
+  });
+
+const getDateDisplay = (timestamp?: string) => {
   if (!timestamp) {
     return 'N/A';
   }
 
-  let options: ArgumentTypes[1];
-  let timeStr = '';
-
-  if (withTime) {
-    options = { month: 'long', day: 'numeric' };
-    timeStr = ` ${timestamp.slice(11, 16)}`;
-  } else {
-    options = { year: 'numeric', month: 'long', day: 'numeric' };
-  }
-
-  const date = new Date(timestamp);
-  return `${new Intl.DateTimeFormat('en-GB', options).format(date)}${timeStr}`;
+  return dateTimeFormatter().format(new Date(timestamp));
 };
 
 // https://stackoverflow.com/questions/3177836/how-to-format-time-since-xxx-e-g-4-minutes-ago-similar-to-stack-exchange-site
-const timeSinceText = (t: TFunction, timestampStr?: string) => {
-  if (!timestampStr || timestampStr === EMPTY_DATE) {
-    return 'N/A';
-  }
-
-  const timestamp = new Date(timestampStr).getTime();
-  const seconds = Math.floor((Date.now() - timestamp) / 1000);
+export const timeSinceEpochText = (t: TFunction, epochOffset: number) => {
+  const seconds = Math.floor((Date.now() - epochOffset) / 1000);
 
   let interval = seconds / 31536000;
 
@@ -57,4 +48,12 @@ const timeSinceText = (t: TFunction, timestampStr?: string) => {
   return t('< 1 minute ago');
 };
 
+const timeSinceText = (t: TFunction, timestampStr?: string) => {
+  if (!timestampStr || timestampStr === EMPTY_DATE) {
+    return 'N/A';
+  }
+
+  return timeSinceEpochText(t, new Date(timestampStr).getTime());
+};
+
 export { getDateDisplay, timeSinceText };

package/src/utils/patch.ts

@@ -261,7 +261,9 @@ export const getRolloutPolicyPatches = (
   const currentDisruption = currentPolicy?.disruptionBudget;
 
   const hadAdvancedSettings = currentBatches.length > 0 || !!currentDisruption;
-  const wantsAdvancedSettings = fleetValues.rolloutPolicy.isAdvanced || fleetValues.disruptionBudget.isAdvanced;
+  const wantsAdvancedSettings =
+    !fleetValues.useBasicUpdateConfig &&
+    (fleetValues.rolloutPolicy.isAdvanced || fleetValues.disruptionBudget.isAdvanced);
   const updatedPolicy = fleetValues.rolloutPolicy;
 
   if (hadAdvancedSettings !== wantsAdvancedSettings) {

package/dist/src/components/Device/DeviceDetails/DeviceStatusDebugModal.css

@@ -1,3 +0,0 @@
-.fctl-device-status-debug__actions {
-  text-align: right;
-}

package/dist/src/components/Device/DeviceDetails/DeviceStatusDebugModal.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { DeviceStatus } from '@flightctl/types';
-import './DeviceStatusDebugModal.css';
-declare const DeviceStatusDebugModal: ({ status, onClose }: {
-    status: DeviceStatus;
-    onClose: VoidFunction;
-}) => React.JSX.Element;
-export default DeviceStatusDebugModal;
-//# sourceMappingURL=DeviceStatusDebugModal.d.ts.map

package/dist/src/components/Device/DeviceDetails/DeviceStatusDebugModal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DeviceStatusDebugModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/Device/DeviceDetails/DeviceStatusDebugModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAGhD,OAAO,8BAA8B,CAAC;AAEtC,QAAA,MAAM,sBAAsB;YAAmC,YAAY;aAAW,YAAY;uBA+CjG,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/src/components/Device/DeviceDetails/DeviceStatusDebugModal.js

@@ -1,34 +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 copy_icon_1 = require("@patternfly/react-icons/dist/js/icons/copy-icon");
-const redo_icon_1 = require("@patternfly/react-icons/dist/js/icons/redo-icon");
-const useTranslation_1 = require("../../../hooks/useTranslation");
-require("./DeviceStatusDebugModal.css");
-const DeviceStatusDebugModal = ({ status, onClose }) => {
-    const { t } = (0, useTranslation_1.useTranslation)();
-    const [refreshVersion, setRefreshVersion] = React.useState(status.lastSeen);
-    const statusJson = React.useMemo(() => {
-        return JSON.stringify({ deviceStatus: status }, null, 3);
-        // We only update the JSON when the "Refresh status" button is clicked
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [refreshVersion]);
-    const onCopy = () => {
-        void navigator.clipboard.writeText(statusJson);
-    };
-    return (React.createElement(react_core_1.Modal, { variant: "medium", isOpen: true, title: t('Device status debug information'), showClose: true, disableFocusTrap: true, onClose: onClose },
-        React.createElement(react_core_1.Stack, { hasGutter: true },
-            React.createElement(react_core_1.StackItem, { className: "fctl-device-status-debug__actions" },
-                React.createElement(react_core_1.Button, { variant: "primary", icon: React.createElement(copy_icon_1.CopyIcon, null), onClick: onCopy }, t('Copy debug info')),
-                ' ',
-                React.createElement(react_core_1.Button, { variant: "link", icon: React.createElement(redo_icon_1.RedoIcon, null), isDisabled: status.lastSeen === refreshVersion, onClick: () => {
-                        setRefreshVersion(status.lastSeen);
-                    } }, t('Load updated status'))),
-            React.createElement(react_core_1.StackItem, null,
-                React.createElement(react_core_1.CodeBlock, null,
-                    React.createElement(react_core_1.CodeBlockCode, null, statusJson))))));
-};
-exports.default = DeviceStatusDebugModal;
-//# sourceMappingURL=DeviceStatusDebugModal.js.map

package/dist/src/components/Device/DeviceDetails/DeviceStatusDebugModal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DeviceStatusDebugModal.js","sourceRoot":"","sources":["../../../../../src/components/Device/DeviceDetails/DeviceStatusDebugModal.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,uDAAmG;AACnG,+EAA2E;AAC3E,+EAA2E;AAG3E,kEAA+D;AAE/D,wCAAsC;AAEtC,MAAM,sBAAsB,GAAG,CAAC,EAAE,MAAM,EAAE,OAAO,EAAmD,EAAE,EAAE;IACtG,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,MAAM,CAAC,QAAQ,CAAC,CAAC;IAEpF,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACpC,OAAO,IAAI,CAAC,SAAS,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QACzD,sEAAsE;QACtE,uDAAuD;IACzD,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,KAAK,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IACjD,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,kBAAK,IACJ,OAAO,EAAC,QAAQ,EAChB,MAAM,QACN,KAAK,EAAE,CAAC,CAAC,iCAAiC,CAAC,EAC3C,SAAS,QACT,gBAAgB,QAChB,OAAO,EAAE,OAAO;QAEhB,oBAAC,kBAAK,IAAC,SAAS;YACd,oBAAC,sBAAS,IAAC,SAAS,EAAC,mCAAmC;gBACtD,oBAAC,mBAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAE,oBAAC,oBAAQ,OAAG,EAAE,OAAO,EAAE,MAAM,IAC1D,CAAC,CAAC,iBAAiB,CAAC,CACd;gBAAC,GAAG;gBACb,oBAAC,mBAAM,IACL,OAAO,EAAC,MAAM,EACd,IAAI,EAAE,oBAAC,oBAAQ,OAAG,EAClB,UAAU,EAAE,MAAM,CAAC,QAAQ,KAAK,cAAc,EAC9C,OAAO,EAAE,GAAG,EAAE;wBACZ,iBAAiB,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;oBACrC,CAAC,IAEA,CAAC,CAAC,qBAAqB,CAAC,CAClB,CACC;YACZ,oBAAC,sBAAS;gBACR,oBAAC,sBAAS;oBACR,oBAAC,0BAAa,QAAE,UAAU,CAAiB,CACjC,CACF,CACN,CACF,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,sBAAsB,CAAC"}

package/dist/src/components/EnrollmentRequest/EnrollmentRequestDetails/useEnrollmentRequestSystemInfo.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useEnrollmentRequestSystemInfo.d.ts","sourceRoot":"","sources":["../../../../../src/components/EnrollmentRequest/EnrollmentRequestDetails/useEnrollmentRequestSystemInfo.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAGtE,MAAM,MAAM,qBAAqB,GAAG,gBAAgB,GAAG;IACrD,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAmCF,eAAO,MAAM,8BAA8B,eAC7B,qBAAqB,GAAG,SAAS,KAC1C,SAAS,KACX;IACD,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B,UAAU,EAAE,eAAe,EAAE,CAAC;CA6D/B,CAAC"}

package/dist/src/components/EnrollmentRequest/EnrollmentRequestDetails/useEnrollmentRequestSystemInfo.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useEnrollmentRequestSystemInfo.js","sourceRoot":"","sources":["../../../../../src/components/EnrollmentRequest/EnrollmentRequestDetails/useEnrollmentRequestSystemInfo.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/Fleet/CreateFleet/steps/UpdateConfirmChangesModal.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-export type StepSetting = 'all-settings' | 'rollout-policies' | 'update-policies' | 'disruption-budget';
-type UpdateConfirmChangesModalProps = {
-    setting: StepSetting;
-    onClose: (doSwitch: boolean) => void;
-};
-declare const UpdateConfirmChangesModal: ({ setting, onClose }: UpdateConfirmChangesModalProps) => React.JSX.Element;
-export default UpdateConfirmChangesModal;
-//# sourceMappingURL=UpdateConfirmChangesModal.d.ts.map

package/dist/src/components/Fleet/CreateFleet/steps/UpdateConfirmChangesModal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"UpdateConfirmChangesModal.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Fleet/CreateFleet/steps/UpdateConfirmChangesModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,MAAM,WAAW,GAAG,cAAc,GAAG,kBAAkB,GAAG,iBAAiB,GAAG,mBAAmB,CAAC;AAExG,KAAK,8BAA8B,GAAG;IACpC,OAAO,EAAE,WAAW,CAAC;IACrB,OAAO,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC,CAAC;AA0CF,QAAA,MAAM,yBAAyB,yBAA0B,8BAA8B,sBAwCtF,CAAC;AAEF,eAAe,yBAAyB,CAAC"}