@automattic/jetpack-components 0.70.1 → 0.72.0

package/build/components/threat-fixer-button/index.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" resolution-mode="require"/>
-import { type Threat } from '@automattic/jetpack-scan';
-/**
- * Threat Fixer Button component.
- *
- * @param {object}   props           - Component props.
- * @param {object}   props.threat    - The threat.
- * @param {Function} props.onClick   - The onClick function.
- * @param {string}   props.className - The className.
- *
- * @return {JSX.Element} The component.
- */
-export default function ThreatFixerButton({ threat, className, onClick, }: {
-    threat: Threat;
-    onClick: (items: Threat[]) => void;
-    className?: string;
-}): JSX.Element;

package/build/components/threat-fixer-button/index.js

@@ -1,56 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { getFixerState, getFixerAction, getFixerDescription, } from '@automattic/jetpack-scan';
-import { Tooltip } from '@wordpress/components';
-import { useCallback, useMemo } from '@wordpress/element';
-import { __ } from '@wordpress/i18n';
-import { Button } from '@automattic/jetpack-components';
-import styles from './styles.module.scss';
-/**
- * Threat Fixer Button component.
- *
- * @param {object}   props           - Component props.
- * @param {object}   props.threat    - The threat.
- * @param {Function} props.onClick   - The onClick function.
- * @param {string}   props.className - The className.
- *
- * @return {JSX.Element} The component.
- */
-export default function ThreatFixerButton({ threat, className, onClick, }) {
-    const fixerState = useMemo(() => {
-        return getFixerState(threat.fixer);
-    }, [threat.fixer]);
-    const tooltipText = useMemo(() => {
-        if (!threat.fixable) {
-            return null;
-        }
-        if (fixerState.error) {
-            return __('An error occurred auto-fixing this threat.', 'jetpack-components');
-        }
-        if (fixerState.stale) {
-            return __('The auto-fixer is taking longer than expected.', 'jetpack-components');
-        }
-        if (fixerState.inProgress) {
-            return __('An auto-fixer is in progress.', 'jetpack-components');
-        }
-        return getFixerDescription(threat);
-    }, [threat, fixerState]);
-    const buttonText = useMemo(() => {
-        if (!threat.fixable) {
-            return null;
-        }
-        if (fixerState.error) {
-            return __('Error', 'jetpack-components');
-        }
-        return getFixerAction(threat);
-    }, [threat, fixerState.error]);
-    const handleClick = useCallback((event) => {
-        event.stopPropagation();
-        onClick([threat]);
-    }, [onClick, threat]);
-    if (!threat.fixable) {
-        return null;
-    }
-    return (_jsx("div", { children: _jsx(Tooltip, { className: styles.tooltip, text: tooltipText, children: _jsx(Button, { size: "small", weight: "regular", variant: "secondary", onClick: handleClick, children: buttonText, className: className, isLoading: fixerState.inProgress, isDestructive: (threat.fixable && threat.fixable.fixer === 'delete') ||
-                    fixerState.error ||
-                    fixerState.stale, style: { minWidth: '72px' } }) }) }));
-}

package/build/components/threat-severity-badge/index.d.ts

@@ -1,4 +0,0 @@
-declare const ThreatSeverityBadge: ({ severity }: {
-    severity: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export default ThreatSeverityBadge;

package/build/components/threat-severity-badge/index.js

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

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

@@ -1,33 +0,0 @@
-export declare const THREAT_STATUSES: {
-    value: string;
-    label: string;
-    variant?: 'success' | 'warning';
-}[];
-export declare const THREAT_TYPES: {
-    value: string;
-    label: string;
-}[];
-export declare const THREAT_ICONS: {
-    plugins: any;
-    themes: any;
-    core: any;
-    file: any;
-    default: any;
-};
-export declare const THREAT_FIELD_THREAT = "threat";
-export declare const THREAT_FIELD_TITLE = "title";
-export declare const THREAT_FIELD_DESCRIPTION = "description";
-export declare const THREAT_FIELD_ICON = "icon";
-export declare const THREAT_FIELD_STATUS = "status";
-export declare const THREAT_FIELD_TYPE = "type";
-export declare const THREAT_FIELD_EXTENSION = "extension";
-export declare const THREAT_FIELD_PLUGIN = "plugin";
-export declare const THREAT_FIELD_THEME = "theme";
-export declare const THREAT_FIELD_SEVERITY = "severity";
-export declare const THREAT_FIELD_SIGNATURE = "signature";
-export declare const THREAT_FIELD_FIRST_DETECTED = "first-detected";
-export declare const THREAT_FIELD_FIXED_ON = "fixed-on";
-export declare const THREAT_FIELD_AUTO_FIX = "auto-fix";
-export declare const THREAT_ACTION_FIX = "fix";
-export declare const THREAT_ACTION_IGNORE = "ignore";
-export declare const THREAT_ACTION_UNIGNORE = "unignore";

package/build/components/threats-data-views/constants.js

@@ -1,37 +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: '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';

package/build/components/threats-data-views/index.d.ts

@@ -1,30 +0,0 @@
-/// <reference types="react" resolution-mode="require"/>
-import { type Threat } from '@automattic/jetpack-scan';
-import { type ActionButton, type Filter } from '@wordpress/dataviews';
-/**
- * DataViews component for displaying security threats.
- *
- * @param {object}   props                             - Component props.
- * @param {Array}    props.data                        - Threats data.
- * @param {Array}    props.filters                     - Initial DataView filters.
- * @param {Function} props.onChangeSelection           - Callback function run when an item is selected.
- * @param {Function} props.onFixThreats                - Threat fix action callback.
- * @param {Function} props.onIgnoreThreats             - Threat ignore action callback.
- * @param {Function} props.onUnignoreThreats           - Threat unignore action callback.
- * @param {Function} props.isThreatEligibleForFix      - Function to determine if a threat is eligible for fixing.
- * @param {Function} props.isThreatEligibleForIgnore   - Function to determine if a threat is eligible for ignoring.
- * @param {Function} props.isThreatEligibleForUnignore - Function to determine if a threat is eligible for unignoring.
- *
- * @return {JSX.Element} The ThreatsDataViews component.
- */
-export default function ThreatsDataViews({ data, filters, onChangeSelection, isThreatEligibleForFix, isThreatEligibleForIgnore, isThreatEligibleForUnignore, onFixThreats, onIgnoreThreats, onUnignoreThreats, }: {
-    data: Threat[];
-    filters?: Filter[];
-    onChangeSelection?: (selectedItemIds: string[]) => void;
-    isThreatEligibleForFix?: (threat: Threat) => boolean;
-    isThreatEligibleForIgnore?: (threat: Threat) => boolean;
-    isThreatEligibleForUnignore?: (threat: Threat) => boolean;
-    onFixThreats?: (threats: Threat[]) => void;
-    onIgnoreThreats?: ActionButton<Threat>['callback'];
-    onUnignoreThreats?: ActionButton<Threat>['callback'];
-}): JSX.Element;

package/build/components/threats-data-views/index.js

@@ -1,413 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { getThreatType } from '@automattic/jetpack-scan';
-import { DataViews, filterSortAndPaginate, } from '@wordpress/dataviews';
-import { dateI18n } from '@wordpress/date';
-import { __ } from '@wordpress/i18n';
-import { Icon } from '@wordpress/icons';
-import { useCallback, useMemo, useState } from 'react';
-import Badge from '../badge/index.js';
-import ThreatFixerButton from '../threat-fixer-button/index.js';
-import ThreatSeverityBadge from '../threat-severity-badge/index.js';
-import { THREAT_ACTION_FIX, THREAT_ACTION_IGNORE, THREAT_ACTION_UNIGNORE, THREAT_FIELD_AUTO_FIX, THREAT_FIELD_DESCRIPTION, THREAT_FIELD_EXTENSION, THREAT_FIELD_FIRST_DETECTED, THREAT_FIELD_FIXED_ON, THREAT_FIELD_ICON, THREAT_FIELD_PLUGIN, THREAT_FIELD_SEVERITY, THREAT_FIELD_SIGNATURE, THREAT_FIELD_STATUS, THREAT_FIELD_THEME, THREAT_FIELD_TITLE, THREAT_FIELD_TYPE, THREAT_ICONS, THREAT_STATUSES, THREAT_TYPES, } from './constants.js';
-import styles from './styles.module.scss';
-import ThreatsStatusToggleGroupControl from './threats-status-toggle-group-control.js';
-/**
- * DataViews component for displaying security threats.
- *
- * @param {object}   props                             - Component props.
- * @param {Array}    props.data                        - Threats data.
- * @param {Array}    props.filters                     - Initial DataView filters.
- * @param {Function} props.onChangeSelection           - Callback function run when an item is selected.
- * @param {Function} props.onFixThreats                - Threat fix action callback.
- * @param {Function} props.onIgnoreThreats             - Threat ignore action callback.
- * @param {Function} props.onUnignoreThreats           - Threat unignore action callback.
- * @param {Function} props.isThreatEligibleForFix      - Function to determine if a threat is eligible for fixing.
- * @param {Function} props.isThreatEligibleForIgnore   - Function to determine if a threat is eligible for ignoring.
- * @param {Function} props.isThreatEligibleForUnignore - Function to determine if a threat is eligible for unignoring.
- *
- * @return {JSX.Element} The ThreatsDataViews component.
- */
-export default function ThreatsDataViews({ data, filters, onChangeSelection, isThreatEligibleForFix, isThreatEligibleForIgnore, isThreatEligibleForUnignore, onFixThreats, onIgnoreThreats, onUnignoreThreats, }) {
-    const baseView = {
-        sort: {
-            field: 'severity',
-            direction: 'desc',
-        },
-        search: '',
-        filters: filters || [],
-        page: 1,
-        perPage: 20,
-    };
-    /**
-     * DataView default layouts.
-     *
-     * This property provides layout information about the view types that are active. If empty, enables all layout types (see “Layout Types”) with empty layout data.
-     *
-     * @see https://developer.wordpress.org/block-editor/reference-guides/packages/packages-dataviews/#defaultlayouts-record-string-view
-     */
-    const defaultLayouts = {
-        table: {
-            ...baseView,
-            fields: [THREAT_FIELD_SEVERITY, THREAT_FIELD_TYPE, THREAT_FIELD_AUTO_FIX],
-            titleField: THREAT_FIELD_TITLE,
-            descriptionField: THREAT_FIELD_DESCRIPTION,
-            showMedia: false,
-        },
-        list: {
-            ...baseView,
-            fields: [
-                THREAT_FIELD_SEVERITY,
-                THREAT_FIELD_TYPE,
-                THREAT_FIELD_EXTENSION,
-                THREAT_FIELD_SIGNATURE,
-            ],
-            titleField: THREAT_FIELD_TITLE,
-            mediaField: THREAT_FIELD_ICON,
-            showMedia: true,
-        },
-    };
-    /**
-     * DataView view object - configures how the dataset is visible to the user.
-     *
-     * @see https://developer.wordpress.org/block-editor/reference-guides/packages/packages-dataviews/#view-object
-     */
-    const [view, setView] = useState({
-        type: 'table',
-        ...defaultLayouts.table,
-    });
-    /**
-     * Compute values from the provided threats data.
-     *
-     * @member {object[]} themes    - List of unique themes included in the threats data.
-     * @member {object[]} plugins   - plugins included in the threats data.
-     * @member {object[]} signatures - List of unique threat signatures.
-     * @member {string[]}    dataFields - List of unique fields.
-     */
-    const { themes, plugins, signatures, dataFields, } = useMemo(() => {
-        return data.reduce((acc, threat) => {
-            // Extensions (Themes and Plugins)
-            if (threat.extension) {
-                switch (threat.extension.type) {
-                    case 'themes':
-                        if (!acc.themes.find(({ value }) => value === threat.extension.slug)) {
-                            acc.themes.push({ value: threat.extension.slug, label: threat.extension.name });
-                        }
-                        break;
-                    case 'plugins':
-                        if (!acc.plugins.find(({ value }) => value === threat.extension.slug)) {
-                            acc.plugins.push({ value: threat.extension.slug, label: threat.extension.name });
-                        }
-                        break;
-                    default:
-                        break;
-                }
-            }
-            // Signatures
-            if (threat.signature) {
-                if (!acc.signatures.find(({ value }) => value === threat.signature)) {
-                    acc.signatures.push({ value: threat.signature, label: threat.signature });
-                }
-            }
-            // Fields
-            const fields = Object.keys(threat);
-            fields.forEach(field => {
-                if (!acc.dataFields.includes(field) &&
-                    threat[field] !== null &&
-                    threat[field] !== undefined) {
-                    acc.dataFields.push(field);
-                }
-            });
-            return acc;
-        }, {
-            themes: [],
-            plugins: [],
-            signatures: [],
-            dataFields: [],
-        });
-    }, [data]);
-    /**
-     * DataView fields - describes the visible items for each record in the dataset.
-     *
-     * @see https://developer.wordpress.org/block-editor/reference-guides/packages/packages-dataviews/#fields-object
-     */
-    const fields = useMemo(() => {
-        const result = [
-            {
-                id: THREAT_FIELD_TITLE,
-                label: __('Threat', 'jetpack-components'),
-                enableGlobalSearch: true,
-                enableHiding: false,
-                render: ({ item }) => (_jsx("div", { className: styles.threat__title, children: item.title })),
-            },
-            {
-                id: THREAT_FIELD_DESCRIPTION,
-                label: __('Description', 'jetpack-components'),
-                enableGlobalSearch: true,
-                enableHiding: false,
-                render: ({ item }) => (_jsx("div", { className: styles.threat__description, children: item.description })),
-            },
-            {
-                id: THREAT_FIELD_ICON,
-                label: __('Icon', 'jetpack-components'),
-                enableHiding: false,
-                getValue({ item }) {
-                    return getThreatType(item);
-                },
-                render({ item }) {
-                    return (_jsx("div", { className: styles.threat__media, children: _jsx(Icon, { icon: THREAT_ICONS[getThreatType(item)], size: 20 }) }));
-                },
-            },
-            {
-                id: THREAT_FIELD_STATUS,
-                label: __('Status', 'jetpack-components'),
-                elements: THREAT_STATUSES,
-                getValue({ item }) {
-                    if (!item.status) {
-                        return 'current';
-                    }
-                    return (THREAT_STATUSES.find(({ value }) => value === item.status)?.value ?? item.status);
-                },
-                render({ item }) {
-                    if (item.status) {
-                        const status = THREAT_STATUSES.find(({ value }) => value === item.status);
-                        if (status) {
-                            return _jsx(Badge, { variant: status?.variant, children: status.label });
-                        }
-                    }
-                    return _jsx(Badge, { variant: "warning", children: __('Active', 'jetpack-components') });
-                },
-            },
-            {
-                id: THREAT_FIELD_TYPE,
-                label: __('Type', 'jetpack-components'),
-                elements: THREAT_TYPES,
-                getValue({ item }) {
-                    switch (getThreatType(item)) {
-                        case 'core':
-                            return __('WordPress', 'jetpack-components');
-                        case 'plugins':
-                            return __('Plugin', 'jetpack-components');
-                        case 'themes':
-                            return __('Theme', 'jetpack-components');
-                        case 'file':
-                            return __('File', 'jetpack-components');
-                        default:
-                            return __('Unknown', 'jetpack-components');
-                    }
-                },
-            },
-            {
-                id: THREAT_FIELD_EXTENSION,
-                label: __('Extension', 'jetpack-components'),
-                enableGlobalSearch: true,
-                enableHiding: true,
-                getValue({ item }) {
-                    return item.extension ? item.extension.slug : '';
-                },
-                render({ item }) {
-                    return item.extension ? item.extension.name : '';
-                },
-            },
-            {
-                id: THREAT_FIELD_PLUGIN,
-                label: __('Plugin', 'jetpack-components'),
-                enableGlobalSearch: true,
-                enableHiding: false,
-                elements: plugins,
-                getValue({ item }) {
-                    return item.extension ? item.extension.slug : '';
-                },
-            },
-            {
-                id: THREAT_FIELD_THEME,
-                label: __('Theme', 'jetpack-components'),
-                enableGlobalSearch: true,
-                enableHiding: false,
-                elements: themes,
-                getValue({ item }) {
-                    return item.extension ? item.extension.slug : '';
-                },
-            },
-            ...(dataFields.includes('severity')
-                ? [
-                    {
-                        id: THREAT_FIELD_SEVERITY,
-                        label: __('Severity', 'jetpack-components'),
-                        type: 'integer',
-                        getValue({ item }) {
-                            return item.severity ?? 0;
-                        },
-                        render({ item }) {
-                            return _jsx(ThreatSeverityBadge, { severity: item.severity });
-                        },
-                    },
-                ]
-                : []),
-            ...(dataFields.includes('signature')
-                ? [
-                    {
-                        id: THREAT_FIELD_SIGNATURE,
-                        label: __('Signature', 'jetpack-components'),
-                        elements: signatures,
-                        enableGlobalSearch: true,
-                        getValue({ item }) {
-                            return item.signature || '';
-                        },
-                    },
-                ]
-                : []),
-            ...(dataFields.includes('firstDetected')
-                ? [
-                    {
-                        id: THREAT_FIELD_FIRST_DETECTED,
-                        label: __('First Detected', 'jetpack-components'),
-                        type: 'datetime',
-                        getValue({ item }) {
-                            return item.firstDetected ? new Date(item.firstDetected) : null;
-                        },
-                        render({ item }) {
-                            return item.firstDetected ? (_jsx("span", { className: styles.threat__firstDetected, children: dateI18n('F j Y', item.firstDetected, false) })) : null;
-                        },
-                    },
-                ]
-                : []),
-            ...(dataFields.includes('fixedOn')
-                ? [
-                    {
-                        id: THREAT_FIELD_FIXED_ON,
-                        label: __('Fixed On', 'jetpack-components'),
-                        type: 'datetime',
-                        getValue({ item }) {
-                            return item.fixedOn ? new Date(item.fixedOn) : null;
-                        },
-                        render({ item }) {
-                            return item.fixedOn ? (_jsx("span", { className: styles.threat__fixedOn, children: dateI18n('F j Y', item.fixedOn, false) })) : null;
-                        },
-                    },
-                ]
-                : []),
-            ...(dataFields.includes('fixable')
-                ? [
-                    {
-                        id: THREAT_FIELD_AUTO_FIX,
-                        label: __('Auto-fix', 'jetpack-components'),
-                        enableHiding: false,
-                        elements: [
-                            {
-                                value: 'yes',
-                                label: __('Yes', 'jetpack-components'),
-                            },
-                            {
-                                value: 'no',
-                                label: __('No', 'jetpack-components'),
-                            },
-                        ],
-                        getValue({ item }) {
-                            return item.fixable ? 'yes' : 'no';
-                        },
-                        render({ item }) {
-                            if (!item.fixable) {
-                                return null;
-                            }
-                            return _jsx(ThreatFixerButton, { threat: item, onClick: onFixThreats });
-                        },
-                    },
-                ]
-                : []),
-        ];
-        return result;
-    }, [dataFields, plugins, themes, signatures, onFixThreats]);
-    /**
-     * DataView actions - collection of operations that can be performed upon each record.
-     *
-     * @see https://developer.wordpress.org/block-editor/reference-guides/packages/packages-dataviews/#actions-object
-     */
-    const actions = useMemo(() => {
-        const result = [];
-        if (dataFields.includes('fixable')) {
-            result.push({
-                id: THREAT_ACTION_FIX,
-                label: __('Auto-fix', 'jetpack-components'),
-                isPrimary: true,
-                callback: onFixThreats,
-                isEligible(item) {
-                    if (!onFixThreats) {
-                        return false;
-                    }
-                    if (isThreatEligibleForFix) {
-                        return isThreatEligibleForFix(item);
-                    }
-                    return !!item.fixable;
-                },
-            });
-        }
-        if (dataFields.includes('status')) {
-            result.push({
-                id: THREAT_ACTION_IGNORE,
-                label: __('Ignore', 'jetpack-components'),
-                isPrimary: true,
-                isDestructive: true,
-                callback: onIgnoreThreats,
-                isEligible(item) {
-                    if (!onIgnoreThreats) {
-                        return false;
-                    }
-                    if (isThreatEligibleForIgnore) {
-                        return isThreatEligibleForIgnore(item);
-                    }
-                    return item.status === 'current';
-                },
-            });
-        }
-        if (dataFields.includes('status')) {
-            result.push({
-                id: THREAT_ACTION_UNIGNORE,
-                label: __('Unignore', 'jetpack-components'),
-                isPrimary: true,
-                isDestructive: true,
-                callback: onUnignoreThreats,
-                isEligible(item) {
-                    if (!onUnignoreThreats) {
-                        return false;
-                    }
-                    if (isThreatEligibleForUnignore) {
-                        return isThreatEligibleForUnignore(item);
-                    }
-                    return item.status === 'ignored';
-                },
-            });
-        }
-        return result;
-    }, [
-        dataFields,
-        onFixThreats,
-        onIgnoreThreats,
-        onUnignoreThreats,
-        isThreatEligibleForFix,
-        isThreatEligibleForIgnore,
-        isThreatEligibleForUnignore,
-    ]);
-    /**
-     * Apply the view settings (i.e. filters, sorting, pagination) to the dataset.
-     *
-     * @see https://github.com/WordPress/gutenberg/blob/trunk/packages/dataviews/src/filter-and-sort-data-view.ts
-     */
-    const { data: processedData, paginationInfo } = useMemo(() => {
-        return filterSortAndPaginate(data, view, fields);
-    }, [data, view, fields]);
-    /**
-     * Callback function to update the view state.
-     *
-     * @see https://developer.wordpress.org/block-editor/reference-guides/packages/packages-dataviews/#onchangeview-function
-     */
-    const onChangeView = useCallback((newView) => {
-        setView(newView);
-    }, []);
-    /**
-     * DataView getItemId function - returns the unique ID for each record in the dataset.
-     *
-     * @see https://developer.wordpress.org/block-editor/reference-guides/packages/packages-dataviews/#getitemid-function
-     */
-    const getItemId = useCallback((item) => item.id.toString(), []);
-    return (_jsx(DataViews, { actions: actions, data: processedData, defaultLayouts: defaultLayouts, fields: fields, getItemId: getItemId, onChangeSelection: onChangeSelection, onChangeView: onChangeView, paginationInfo: paginationInfo, view: view, header: _jsx(ThreatsStatusToggleGroupControl, { data: data, view: view, onChangeView: onChangeView }) }));
-}

package/build/components/threats-data-views/threats-status-toggle-group-control.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="react" resolution-mode="require"/>
-import { type Threat } from '@automattic/jetpack-scan';
-import { type View } from '@wordpress/dataviews';
-/**
- * ToggleGroupControl component for filtering threats by status.
- * @param {object}     props              - Component props.
- * @param { Threat[]}  props.data         - Threats data.
- * @param { View }     props.view         - The current view.
- * @param { Function } props.onChangeView - Callback function to handle view changes.
- * @return {JSX.Element|null} The component or null.
- */
-export default function ThreatsStatusToggleGroupControl({ data, view, onChangeView, }: {
-    data: Threat[];
-    view: View;
-    onChangeView: (newView: View) => void;
-}): JSX.Element;