@automattic/jetpack-components 0.70.1 → 0.72.0

package/components/threat-modal/threat-notice.tsx

@@ -1,84 +0,0 @@
-import { Notice, Spinner } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-import { Icon, warning } from '@wordpress/icons';
-import { useContext } from 'react';
-import { Text, Button } from '@automattic/jetpack-components';
-import styles from './styles.module.scss';
-import { ThreatModalContext } from './index.js';
-
-/**
- * ThreatNotice component
- *
- * @param {object} props         - The component props.
- * @param {string} props.status  - The status of the notice.
- * @param {string} props.title   - The title of the notice.
- * @param {string} props.content - The content of the notice.
- *
- * @return {JSX.Element} The rendered ThreatNotice component.
- */
-const ThreatNotice = ( {
-	status = 'warning',
-	title,
-	content,
-}: {
-	status?: 'warning' | 'error' | 'success' | undefined;
-	title: string;
-	content: string;
-} ): JSX.Element => {
-	const {
-		userConnectionNeeded,
-		userIsConnecting,
-		handleConnectUser,
-		siteCredentialsNeeded,
-		credentialsRedirectUrl,
-		credentialsIsFetching,
-	} = useContext( ThreatModalContext );
-
-	return (
-		<Notice
-			status={ status }
-			isDismissible={ false }
-			children={
-				<div className={ styles.notice }>
-					<div className={ styles.notice__title }>
-						{ status === 'success' ? (
-							<Spinner className={ styles.spinner } />
-						) : (
-							<Icon icon={ warning } size={ 30 } />
-						) }
-						<Text variant="title-small" mb={ 2 }>
-							{ title }
-						</Text>
-					</div>
-					<Text>{ content }</Text>
-					<div className={ styles.notice__actions }>
-						{ userConnectionNeeded && (
-							<Button
-								className={ styles.notice__action }
-								isExternalLink={ true }
-								weight="regular"
-								isLoading={ userIsConnecting }
-								onClick={ handleConnectUser }
-							>
-								{ __( 'Connect your user account', 'jetpack-components' ) }
-							</Button>
-						) }
-						{ siteCredentialsNeeded && (
-							<Button
-								className={ styles.notice__action }
-								isExternalLink={ true }
-								weight="regular"
-								href={ credentialsRedirectUrl }
-								isLoading={ credentialsIsFetching }
-							>
-								{ __( 'Enter server credentials', 'jetpack-components' ) }
-							</Button>
-						) }
-					</div>
-				</div>
-			}
-		/>
-	);
-};
-
-export default ThreatNotice;

package/components/threat-modal/threat-summary.tsx

@@ -1,30 +0,0 @@
-import { __ } from '@wordpress/i18n';
-import { useContext } from 'react';
-import { Button } from '@automattic/jetpack-components';
-import Text from '../text/index.js';
-import styles from './styles.module.scss';
-import { ThreatModalContext } from './index.js';
-
-/**
- * ThreatSummary component
- *
- * @return {JSX.Element} The rendered threat summary.
- */
-const ThreatSummary = (): JSX.Element => {
-	const { threat } = useContext( ThreatModalContext );
-
-	return (
-		<div className={ styles.section }>
-			{ !! threat.description && <Text>{ threat.description }</Text> }
-			{ !! threat.source && (
-				<div>
-					<Button variant="link" isExternalLink={ true } weight="regular" href={ threat.source }>
-						{ __( 'See more technical details of this threat', 'jetpack-components' ) }
-					</Button>
-				</div>
-			) }
-		</div>
-	);
-};
-
-export default ThreatSummary;

package/components/threat-modal/threat-technical-details.tsx

@@ -1,67 +0,0 @@
-import { __ } from '@wordpress/i18n';
-import { chevronDown, chevronUp, Icon } from '@wordpress/icons';
-import { useState, useCallback, useContext } from 'react';
-import { Text, Button } from '@automattic/jetpack-components';
-import DiffViewer from '../diff-viewer/index.js';
-import MarkedLines from '../marked-lines/index.js';
-import styles from './styles.module.scss';
-import { ThreatModalContext } from './index.js';
-
-/**
- * ThreatTechnicalDetails component
- *
- * @return {JSX.Element | null} The rendered technical details or null if no details are available.
- */
-const ThreatTechnicalDetails = (): JSX.Element => {
-	const { threat } = useContext( ThreatModalContext );
-
-	const [ open, setOpen ] = useState( false );
-
-	const toggleOpen = useCallback( () => {
-		setOpen( ! open );
-	}, [ open ] );
-
-	if ( ! threat.filename && ! threat.context && ! threat.diff ) {
-		return null;
-	}
-
-	return (
-		<div className={ styles.section }>
-			<div className={ styles.section__title }>
-				<Button
-					variant="link"
-					className={ styles.section__toggle }
-					aria-expanded={ open }
-					aria-controls={ `threat-details-${ threat.id }` }
-					onClick={ toggleOpen }
-				>
-					<div className={ styles.section__toggle__content }>
-						<Text variant="title-small" mb={ 0 }>
-							{ open
-								? __( 'Hide the technical details', 'jetpack-components' )
-								: __( 'Show the technical details', 'jetpack-components' ) }
-						</Text>
-						<Icon icon={ open ? chevronUp : chevronDown } size={ 24 } />
-					</div>
-				</Button>
-			</div>
-			{ open && (
-				<div
-					className={ open ? styles.section__open : styles.section__closed }
-					id={ `threat-details-${ threat.id }` }
-				>
-					{ threat.filename && (
-						<>
-							<Text>{ __( 'Threat found in file:', 'jetpack-components' ) }</Text>
-							<pre className={ styles.filename }>{ threat.filename }</pre>
-						</>
-					) }
-					{ threat.context && <MarkedLines context={ threat.context } /> }
-					{ threat.diff && <DiffViewer diff={ threat.diff } /> }
-				</div>
-			) }
-		</div>
-	);
-};
-
-export default ThreatTechnicalDetails;

package/components/threat-severity-badge/index.tsx

@@ -1,26 +0,0 @@
-import { _x } from '@wordpress/i18n';
-import Badge from '../badge/index.js';
-
-const ThreatSeverityBadge = ( { severity } ) => {
-	if ( severity >= 5 ) {
-		return (
-			<Badge variant="danger">
-				{ _x( 'Critical', 'Severity label for issues rated 5 or higher.', 'jetpack-components' ) }
-			</Badge>
-		);
-	}
-
-	if ( severity >= 3 && severity < 5 ) {
-		return (
-			<Badge variant="warning">
-				{ _x( 'High', 'Severity label for issues rated between 3 and 5.', 'jetpack-components' ) }
-			</Badge>
-		);
-	}
-
-	return (
-		<Badge>{ _x( 'Low', 'Severity label for issues rated below 3.', 'jetpack-components' ) }</Badge>
-	);
-};
-
-export default ThreatSeverityBadge;

package/components/threat-severity-badge/styles.module.scss

@@ -1,27 +0,0 @@
-.threat-severity-badge {
-	border-radius: 32px;
-	flex-shrink: 0;
-	font-size: 12px;
-	font-style: normal;
-	font-weight: 600;
-	line-height: 16px;
-	padding: calc( var( --spacing-base ) / 2 ); // 4px
-	position: relative;
-	text-align: center;
-	width: 60px;
-}
-
-.is-critical {
-	background: var( --jp-red-5 );
-	color: var( --jp-red-60 );
-}
-
-.is-high {
-	background: var( --jp-yellow-5 );
-	color: var( --jp-yellow-60 );
-}
-
-.is-low {
-	background: var( --jp-gray-0 );
-	color: var( --jp-gray-50 );
-}

package/components/threats-data-views/constants.ts

@@ -1,49 +0,0 @@
-import { __ } from '@wordpress/i18n';
-import {
-	code as fileIcon,
-	color as themeIcon,
-	plugins as pluginIcon,
-	shield as shieldIcon,
-	wordpress as coreIcon,
-} from '@wordpress/icons';
-
-export const THREAT_STATUSES: { value: string; label: string; variant?: 'success' | 'warning' }[] =
-	[
-		{ value: 'current', label: __( 'Active', 'jetpack-components' ), variant: 'warning' },
-		{ value: 'fixed', label: __( 'Fixed', 'jetpack-components' ), variant: 'success' },
-		{ value: 'ignored', label: __( 'Ignored', 'jetpack-components' ) },
-	];
-
-export const THREAT_TYPES = [
-	{ value: 'plugins', label: __( 'Plugin', 'jetpack-components' ) },
-	{ value: 'themes', label: __( 'Theme', 'jetpack-components' ) },
-	{ value: 'core', label: __( 'WordPress', 'jetpack-components' ) },
-	{ value: 'file', label: __( 'File', 'jetpack-components' ) },
-];
-
-export const THREAT_ICONS = {
-	plugins: pluginIcon,
-	themes: themeIcon,
-	core: coreIcon,
-	file: fileIcon,
-	default: shieldIcon,
-};
-
-export const THREAT_FIELD_THREAT = 'threat';
-export const THREAT_FIELD_TITLE = 'title';
-export const THREAT_FIELD_DESCRIPTION = 'description';
-export const THREAT_FIELD_ICON = 'icon';
-export const THREAT_FIELD_STATUS = 'status';
-export const THREAT_FIELD_TYPE = 'type';
-export const THREAT_FIELD_EXTENSION = 'extension';
-export const THREAT_FIELD_PLUGIN = 'plugin';
-export const THREAT_FIELD_THEME = 'theme';
-export const THREAT_FIELD_SEVERITY = 'severity';
-export const THREAT_FIELD_SIGNATURE = 'signature';
-export const THREAT_FIELD_FIRST_DETECTED = 'first-detected';
-export const THREAT_FIELD_FIXED_ON = 'fixed-on';
-export const THREAT_FIELD_AUTO_FIX = 'auto-fix';
-
-export const THREAT_ACTION_FIX = 'fix';
-export const THREAT_ACTION_IGNORE = 'ignore';
-export const THREAT_ACTION_UNIGNORE = 'unignore';