@flightctl/ui-components 0.7.1 → 0.8.0-rc1

package/src/components/Device/DeviceDetails/DeviceStatusDebugModal.tsx

@@ -1,60 +0,0 @@
-import * as React from 'react';
-import { Button, CodeBlock, CodeBlockCode, Modal, Stack, StackItem } from '@patternfly/react-core';
-import { CopyIcon } from '@patternfly/react-icons/dist/js/icons/copy-icon';
-import { RedoIcon } from '@patternfly/react-icons/dist/js/icons/redo-icon';
-
-import { DeviceStatus } from '@flightctl/types';
-import { useTranslation } from '../../../hooks/useTranslation';
-
-import './DeviceStatusDebugModal.css';
-
-const DeviceStatusDebugModal = ({ status, onClose }: { status: DeviceStatus; onClose: VoidFunction }) => {
-  const { t } = useTranslation();
-  const [refreshVersion, setRefreshVersion] = React.useState<string>(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 (
-    <Modal
-      variant="medium"
-      isOpen
-      title={t('Device status debug information')}
-      showClose
-      disableFocusTrap
-      onClose={onClose}
-    >
-      <Stack hasGutter>
-        <StackItem className="fctl-device-status-debug__actions">
-          <Button variant="primary" icon={<CopyIcon />} onClick={onCopy}>
-            {t('Copy debug info')}
-          </Button>{' '}
-          <Button
-            variant="link"
-            icon={<RedoIcon />}
-            isDisabled={status.lastSeen === refreshVersion}
-            onClick={() => {
-              setRefreshVersion(status.lastSeen);
-            }}
-          >
-            {t('Load updated status')}
-          </Button>
-        </StackItem>
-        <StackItem>
-          <CodeBlock>
-            <CodeBlockCode>{statusJson}</CodeBlockCode>
-          </CodeBlock>
-        </StackItem>
-      </Stack>
-    </Modal>
-  );
-};
-
-export default DeviceStatusDebugModal;

package/src/components/Fleet/CreateFleet/steps/UpdateConfirmChangesModal.tsx

@@ -1,96 +0,0 @@
-import * as React from 'react';
-import { Button, Modal, Stack, StackItem } from '@patternfly/react-core';
-import { TFunction } from 'react-i18next';
-
-import { useTranslation } from '../../../../hooks/useTranslation';
-
-export type StepSetting = 'all-settings' | 'rollout-policies' | 'update-policies' | 'disruption-budget';
-
-type UpdateConfirmChangesModalProps = {
-  setting: StepSetting;
-  onClose: (doSwitch: boolean) => void;
-};
-
-const getModalContent = (setting: StepSetting, t: TFunction) => {
-  switch (setting) {
-    case 'all-settings':
-      return {
-        title: t('Switch to basic update configuration?'),
-        primaryAction: t('Switch to basic configurations'),
-        question: t('Are you sure you want to switch to basic update configurations?'),
-        result: t('If you confirm, all advanced configurations will be lost.'),
-      };
-    case 'rollout-policies': {
-      const title = t("Don't use rollout policies configurations");
-      return {
-        title,
-        primaryAction: title,
-        question: t('Are you sure you want to remove the rollout policies configurations?'),
-        result: t('If you confirm, all rollout policies configurations will be lost.'),
-      };
-    }
-
-    case 'disruption-budget': {
-      const title = t("Don't use disruption budget configurations");
-      return {
-        title,
-        primaryAction: title,
-        question: t('Are you sure you want to remove the disruption budget configurations?'),
-        result: t('If you confirm, all disruption budget configurations will be lost.'),
-      };
-    }
-    case 'update-policies': {
-      const title = t("Don't use update policies");
-      return {
-        title,
-        primaryAction: title,
-        question: t('Are you sure you want to remove the update policy configurations?'),
-        result: t('If you confirm, all update policy configurations will be lost.'),
-      };
-    }
-  }
-};
-
-const UpdateConfirmChangesModal = ({ setting, onClose }: UpdateConfirmChangesModalProps) => {
-  const { t } = useTranslation();
-
-  const modalContentProps = getModalContent(setting, t);
-
-  return (
-    <Modal
-      variant={setting === 'disruption-budget' ? 'medium' : 'small'}
-      title={modalContentProps.title}
-      titleIconVariant="warning"
-      isOpen
-    >
-      <Stack hasGutter>
-        <StackItem>{modalContentProps.question}</StackItem>
-        <StackItem>{modalContentProps.result}</StackItem>
-        <StackItem>
-          <Button
-            key="confirm"
-            variant="primary"
-            tabIndex={0}
-            onClick={() => {
-              onClose(true);
-            }}
-          >
-            {modalContentProps.primaryAction}
-          </Button>
-          <Button
-            key="cancel"
-            variant="link"
-            tabIndex={0}
-            onClick={() => {
-              onClose(false);
-            }}
-          >
-            {t('Cancel')}
-          </Button>
-        </StackItem>
-      </Stack>
-    </Modal>
-  );
-};
-
-export default UpdateConfirmChangesModal;

package/src/components/common/LabelsView.css

@@ -1,9 +0,0 @@
-.fctl-labels-view__collapsed {
-  /* Set a maximum width on larger breakpoints */
-  @media (min-width: 769px) {
-    max-width: 400px;
-  }
-}
-
-
-

package/src/links.ts

@@ -1,16 +0,0 @@
-const baseDocsRepoUrl = 'https://github.com/flightctl/flightctl/blob/main/docs';
-
-// Links to the fLightctl upstream docs
-export const CREATING_APPLICATIONS_LINK = `${baseDocsRepoUrl}/user/managing-devices.md#creating-applications`;
-
-export const USING_TEMPLATE_VARIABLES_LINK = `${baseDocsRepoUrl}/user/managing-fleets.md#defining-device-templates`;
-
-export const ADDING_NEW_DEVICES_LINK = `${baseDocsRepoUrl}/user/getting-started.md#building-a-bootable-container-image-including-the-flight-control-agent`;
-
-export const CREATE_ACM_REPOSITORY = `${baseDocsRepoUrl}/user/registering-microshift-devices-acm.md#creating-the-acm-registration-repository`;
-
-// Links to other flightctl upstream resources
-export const DEMO_REPOSITORY_URL = 'https://github.com/flightctl/flightctl-demos';
-
-// Links to general Red Hat docs
-export const TECH_PREVIEW_LEVEL_LINK = 'https://access.redhat.com/support/offerings/techpreview';