@wallarm-org/design-system 2.0.0 → 2.1.0

package/dist/components/Table/mocks.js

@@ -1,1064 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useCallback, useMemo, useState } from "react";
-import { Check, Copy, Filter, FilterX } from "../../icons/index.js";
-import { abbreviateNumber } from "../../utils/abbreviateNumber.js";
-import { Badge } from "../Badge/index.js";
-import { InlineCodeSnippet } from "../CodeSnippet/index.js";
-import { DrawerHeader } from "../Drawer/index.js";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuContextTrigger, DropdownMenuItem, DropdownMenuItemContent, DropdownMenuItemDescription, DropdownMenuItemIcon, DropdownMenuItemText, DropdownMenuSeparator } from "../DropdownMenu/index.js";
-import { FormatDateTime } from "../FormatDateTime/index.js";
-import { HttpMethod } from "../HttpMethod/index.js";
-import { Ip, IpAddress, IpCountry, IpProvider, sourceLabels } from "../Ip/index.js";
-import { Link } from "../Link/index.js";
-import { OverflowTooltip, OverflowTooltipContent, OverflowTooltipTrigger } from "../OverflowTooltip/index.js";
-import { HStack, VStack } from "../Stack/index.js";
-import { Switch, SwitchControl } from "../Switch/index.js";
-import { Text } from "../Text/index.js";
-import { createTableColumnHelper } from "./lib/index.js";
-const securityEvents = [
-    {
-        id: '1',
-        objectName: 'Rate limiting abuse on the payment endpoint',
-        tags: [
-            'api-abuse',
-            'account-takeover',
-            'credential-stuffing',
-            'scanner',
-            'brute-force'
-        ],
-        isActive: false,
-        requests: 22000,
-        sourceIp: '34.74.73.20',
-        sourceCountry: 'US',
-        sourceProvider: 'aws',
-        parameter: 'header.X-SESSION-ID',
-        status: 'Blocked',
-        firstDetected: '2026-01-28T15:00:00',
-        cweId: 'CWE-287',
-        lastSeen: '5 days ago',
-        endpointMethod: 'POST',
-        endpointPath: '/api/v1/payments',
-        state: true
-    },
-    {
-        id: '2',
-        objectName: 'Mass assignment vulnerability in user profile',
-        tags: [
-            'api-abuse',
-            'account-takeover',
-            'credential-stuffing',
-            'scanner',
-            'brute-force'
-        ],
-        isActive: false,
-        requests: 25000,
-        sourceIp: '34.74.73.20',
-        sourceCountry: 'US',
-        sourceProvider: 'aws',
-        parameter: 'header.X-DEVICE-ID',
-        status: 'Blocked',
-        firstDetected: '2026-01-27T16:20:10',
-        cweId: 'CWE-416',
-        lastSeen: '6 days ago',
-        endpointMethod: 'PUT',
-        endpointPath: '/api/v1/users/profile',
-        state: false
-    },
-    {
-        id: '3',
-        objectName: 'Insecure direct object reference in user data',
-        tags: [
-            'api-abuse',
-            'account-takeover',
-            'credential-stuffing',
-            'scanner',
-            'brute-force'
-        ],
-        isActive: true,
-        requests: 30000,
-        sourceIp: '34.74.73.20',
-        sourceCountry: 'US',
-        sourceProvider: 'aws',
-        parameter: 'header.X-CLIENT-VERSION',
-        status: 'Monitoring',
-        firstDetected: '2026-01-26T17:35:25',
-        cweId: 'CWE-89',
-        lastSeen: '7 days ago',
-        endpointMethod: 'GET',
-        endpointPath: '/api/v1/users/:id',
-        state: true
-    },
-    {
-        id: '4',
-        objectName: 'Improper error handling leading to info leak',
-        tags: [
-            'api-abuse',
-            'account-takeover',
-            'credential-stuffing',
-            'scanner',
-            'brute-force'
-        ],
-        isActive: true,
-        requests: 35000,
-        sourceIp: '34.74.73.20',
-        sourceCountry: 'US',
-        sourceProvider: 'aws',
-        parameter: 'header.X-ORIGIN',
-        status: 'Blocked',
-        firstDetected: '2026-01-25T18:50:15',
-        cweId: 'CWE-22',
-        lastSeen: '1 week ago',
-        endpointMethod: 'GET',
-        endpointPath: '/api/v1/errors/debug',
-        state: true
-    },
-    {
-        id: '5',
-        objectName: 'Broken authentication in the login API',
-        tags: [
-            'api-abuse',
-            'account-takeover',
-            'credential-stuffing',
-            'scanner',
-            'brute-force'
-        ],
-        isActive: true,
-        requests: 20000,
-        sourceIp: '34.74.73.20',
-        sourceCountry: 'US',
-        sourceProvider: 'aws',
-        parameter: 'header.X-TIMESTAMP',
-        status: 'Blocked',
-        firstDetected: '2026-01-29T14:45:30',
-        cweId: 'CWE-200',
-        lastSeen: '4 days ago',
-        endpointMethod: 'POST',
-        endpointPath: '/api/v1/auth/login',
-        state: false
-    },
-    {
-        id: '6',
-        objectName: 'Lack of resource validation in file upload',
-        tags: [
-            'api-abuse',
-            'account-takeover',
-            'credential-stuffing',
-            'scanner',
-            'brute-force'
-        ],
-        isActive: false,
-        requests: 40000,
-        sourceIp: '34.74.73.20',
-        sourceCountry: 'US',
-        sourceProvider: 'aws',
-        parameter: 'header.X-REQUEST-TYPE',
-        status: 'Blocked',
-        firstDetected: '2026-01-24T19:05:45',
-        cweId: 'CWE-352',
-        lastSeen: '2 days ago',
-        endpointMethod: 'POST',
-        endpointPath: '/api/v1/files/upload',
-        state: true
-    },
-    {
-        id: '7',
-        objectName: 'Server-side request forgery in image proxy',
-        tags: [
-            'api-abuse',
-            'account-takeover',
-            'credential-stuffing',
-            'scanner',
-            'brute-force'
-        ],
-        isActive: false,
-        requests: 50000,
-        sourceIp: '34.74.73.20',
-        sourceCountry: 'US',
-        sourceProvider: 'aws',
-        parameter: 'header.X-CLIENT-ID',
-        status: 'Monitoring',
-        firstDetected: '2026-01-23T20:30:00',
-        cweId: 'CWE-125',
-        lastSeen: '3 days ago',
-        endpointMethod: 'GET',
-        endpointPath: '/api/v1/images/proxy',
-        state: false
-    },
-    {
-        id: '8',
-        objectName: 'Unvalidated redirects and forwards in auth flow',
-        tags: [
-            'api-abuse',
-            'account-takeover',
-            'credential-stuffing',
-            'scanner',
-            'brute-force'
-        ],
-        isActive: true,
-        requests: 75000,
-        sourceIp: '34.74.73.20',
-        sourceCountry: 'US',
-        sourceProvider: 'aws',
-        parameter: 'header.X-RESPONSE-FORMAT',
-        status: 'Monitoring',
-        firstDetected: '2026-01-22T21:45:50',
-        cweId: 'CWE-134',
-        lastSeen: '4 days ago',
-        endpointMethod: 'GET',
-        endpointPath: '/api/v1/auth/redirect',
-        state: true
-    },
-    {
-        id: '9',
-        objectName: 'SQL injection in the user ID',
-        tags: [
-            'api-abuse',
-            'account-takeover',
-            'credential-stuffing',
-            'scanner',
-            'brute-force'
-        ],
-        isActive: false,
-        requests: 15000,
-        sourceIp: '34.74.73.20',
-        sourceCountry: 'US',
-        sourceProvider: 'aws',
-        parameter: 'header.X-API-KEY',
-        status: 'Blocked',
-        firstDetected: '2026-01-31T12:15:00',
-        cweId: 'CWE-79',
-        lastSeen: '1 day ago',
-        endpointMethod: 'DELETE',
-        endpointPath: '/api/v1/users/:id',
-        state: false
-    },
-    {
-        id: '10',
-        objectName: "Cross-site scripting in the API endpoint",
-        tags: [
-            'api-abuse',
-            'account-takeover',
-            'credential-stuffing',
-            'scanner',
-            'brute-force'
-        ],
-        isActive: false,
-        requests: 18000,
-        sourceIp: '34.74.73.20',
-        sourceCountry: 'US',
-        sourceProvider: 'aws',
-        parameter: 'header.X-USER-ID',
-        status: 'Blocked',
-        firstDetected: '2026-01-30T13:30:45',
-        cweId: 'CWE-89',
-        lastSeen: '3 days ago',
-        endpointMethod: 'PATCH',
-        endpointPath: '/api/v1/content',
-        state: true
-    }
-];
-const securityColumnHelper = createTableColumnHelper();
-const securityColumns = [
-    securityColumnHelper.accessor('objectName', {
-        header: 'Object name',
-        size: 300,
-        enableSorting: true,
-        meta: {
-            sortType: 'text',
-            resizeType: 'cut'
-        },
-        cell: ({ row })=>/*#__PURE__*/ jsxs(OverflowTooltip, {
-                children: [
-                    /*#__PURE__*/ jsx(OverflowTooltipTrigger, {
-                        asChild: true,
-                        children: /*#__PURE__*/ jsx(Link, {
-                            size: "sm",
-                            type: "table",
-                            weight: "regular",
-                            href: "#",
-                            children: row.original.objectName
-                        })
-                    }),
-                    /*#__PURE__*/ jsx(OverflowTooltipContent, {
-                        children: row.original.objectName
-                    })
-                ]
-            })
-    }),
-    securityColumnHelper.accessor('state', {
-        header: 'State',
-        size: 100,
-        cell: ({ getValue })=>/*#__PURE__*/ jsx(Switch, {
-                checked: getValue(),
-                children: /*#__PURE__*/ jsx(SwitchControl, {})
-            })
-    }),
-    securityColumnHelper.accessor('requests', {
-        header: 'Requests',
-        size: 160,
-        enableSorting: true,
-        cell: ({ getValue })=>/*#__PURE__*/ jsx(Text, {
-                size: "sm",
-                children: abbreviateNumber(getValue())
-            })
-    }),
-    securityColumnHelper.accessor('sourceIp', {
-        header: 'Source',
-        size: 200,
-        enableSorting: true,
-        meta: {
-            sortType: 'text'
-        },
-        cell: ({ row })=>/*#__PURE__*/ jsxs(Ip, {
-                children: [
-                    row.original.sourceCountry && /*#__PURE__*/ jsx(IpCountry, {
-                        code: row.original.sourceCountry
-                    }),
-                    /*#__PURE__*/ jsx(IpAddress, {
-                        children: row.original.sourceIp
-                    }),
-                    row.original.sourceProvider && /*#__PURE__*/ jsx(IpProvider, {
-                        children: sourceLabels[row.original.sourceProvider]
-                    })
-                ]
-            })
-    }),
-    securityColumnHelper.accessor('parameter', {
-        header: 'Parameters',
-        size: 220,
-        enableSorting: true,
-        meta: {
-            sortType: 'text',
-            resizeType: 'cut'
-        },
-        cell: ({ getValue })=>/*#__PURE__*/ jsx(InlineCodeSnippet, {
-                code: getValue(),
-                size: "sm",
-                copyable: false
-            })
-    }),
-    securityColumnHelper.accessor('status', {
-        header: 'Status',
-        size: 130,
-        enableSorting: true,
-        meta: {
-            sortType: 'text',
-            resizeType: 'cut'
-        },
-        cell: ({ getValue })=>{
-            const status = getValue();
-            return /*#__PURE__*/ jsx(Badge, {
-                variant: "dotted",
-                color: 'Blocked' === status ? 'red' : 'yellow',
-                type: "secondary",
-                size: "medium",
-                children: status
-            });
-        }
-    }),
-    securityColumnHelper.accessor('firstDetected', {
-        header: 'First detected',
-        size: 160,
-        enableSorting: true,
-        meta: {
-            sortType: 'date',
-            resizeType: 'cut'
-        },
-        cell: ({ getValue })=>/*#__PURE__*/ jsx(FormatDateTime, {
-                value: getValue(),
-                format: "relative"
-            })
-    }),
-    securityColumnHelper.accessor('cweId', {
-        header: 'Security info',
-        size: 130,
-        enableSorting: true,
-        meta: {
-            sortType: 'text'
-        },
-        cell: ({ getValue })=>/*#__PURE__*/ jsx(Badge, {
-                color: "gray",
-                type: "secondary",
-                size: "medium",
-                textVariant: "code",
-                children: getValue()
-            })
-    }),
-    securityColumnHelper.accessor('lastSeen', {
-        header: 'Last seen',
-        size: 120,
-        enableSorting: true,
-        meta: {
-            sortType: 'date',
-            resizeType: 'cut'
-        },
-        cell: ({ getValue })=>/*#__PURE__*/ jsx(Text, {
-                size: "sm",
-                color: "secondary",
-                children: getValue()
-            })
-    }),
-    securityColumnHelper.display({
-        id: 'endpoint',
-        header: 'Endpoints',
-        size: 220,
-        cell: ({ row })=>/*#__PURE__*/ jsxs(HStack, {
-                gap: 6,
-                children: [
-                    /*#__PURE__*/ jsx(HttpMethod, {
-                        method: row.original.endpointMethod
-                    }),
-                    /*#__PURE__*/ jsx(Text, {
-                        size: "sm",
-                        truncate: true,
-                        children: row.original.endpointPath
-                    })
-                ]
-            })
-    })
-];
-const securityColumnIds = securityColumns.map((c)=>'accessorKey' in c ? c.accessorKey : c.id).filter(Boolean);
-const createHeaderEntries = (groupId, count)=>Array.from({
-        length: count
-    }, (_, i)=>({
-            id: `${groupId}-${i + 1}`,
-            objectName: '/v1/antibot/api/report/{parameter_1}',
-            ip: '142.198.167.52/32',
-            ipCountry: 'ES',
-            provider: 'azure',
-            requests: 23000,
-            status: 'New',
-            lastEdited: '2 days ago',
-            lastSynced: '3 months ago',
-            version: 'Up to date'
-        }));
-const groupedHeaderData = [
-    {
-        id: 'group-csp',
-        objectName: 'Content Security Policy',
-        ip: '',
-        ipCountry: null,
-        provider: '',
-        requests: 0,
-        status: 'New',
-        lastEdited: '',
-        lastSynced: '',
-        version: 'Up to date',
-        children: createHeaderEntries('csp', 3)
-    },
-    {
-        id: 'group-cto',
-        objectName: 'Content-Type-Options',
-        ip: '',
-        ipCountry: null,
-        provider: '',
-        requests: 0,
-        status: 'New',
-        lastEdited: '',
-        lastSynced: '',
-        version: 'Up to date',
-        children: createHeaderEntries('cto', 5)
-    },
-    {
-        id: 'group-xfo',
-        objectName: 'X-Frame-Options',
-        ip: '',
-        ipCountry: null,
-        provider: '',
-        requests: 0,
-        status: 'New',
-        lastEdited: '',
-        lastSynced: '',
-        version: 'Up to date',
-        children: createHeaderEntries('xfo', 2)
-    },
-    {
-        id: 'group-hsts',
-        objectName: 'HTTP Strict Transport Security',
-        ip: '',
-        ipCountry: null,
-        provider: '',
-        requests: 0,
-        status: 'New',
-        lastEdited: '',
-        lastSynced: '',
-        version: 'Up to date',
-        children: createHeaderEntries('hsts', 4)
-    }
-];
-const headerColumnHelper = createTableColumnHelper();
-const headerColumns = [
-    headerColumnHelper.accessor('objectName', {
-        header: 'Object name',
-        size: 300,
-        enableSorting: true,
-        meta: {
-            sortType: 'text',
-            resizeType: 'cut'
-        },
-        cell: ({ getValue })=>/*#__PURE__*/ jsx(Text, {
-                size: "sm",
-                truncate: true,
-                children: getValue()
-            })
-    }),
-    headerColumnHelper.accessor('ip', {
-        header: 'IP',
-        size: 200,
-        enableSorting: true,
-        meta: {
-            sortType: 'text'
-        },
-        cell: ({ row })=>/*#__PURE__*/ jsxs(Ip, {
-                children: [
-                    row.original.ipCountry && /*#__PURE__*/ jsx(IpCountry, {
-                        code: row.original.ipCountry
-                    }),
-                    /*#__PURE__*/ jsx(IpAddress, {
-                        children: row.original.ip
-                    }),
-                    row.original.provider && /*#__PURE__*/ jsx(IpProvider, {
-                        children: sourceLabels[row.original.provider]
-                    })
-                ]
-            })
-    }),
-    headerColumnHelper.accessor('requests', {
-        header: 'Requests',
-        size: 100,
-        enableSorting: true,
-        cell: ({ getValue })=>/*#__PURE__*/ jsx(Text, {
-                size: "sm",
-                children: abbreviateNumber(getValue())
-            })
-    }),
-    headerColumnHelper.accessor('status', {
-        header: 'Status',
-        size: 100,
-        cell: ({ getValue })=>/*#__PURE__*/ jsx(Badge, {
-                color: "blue",
-                type: "secondary",
-                size: "medium",
-                children: getValue()
-            })
-    }),
-    headerColumnHelper.accessor('lastEdited', {
-        header: 'Last edited',
-        size: 130,
-        enableSorting: true,
-        meta: {
-            sortType: 'date'
-        },
-        cell: ({ getValue })=>/*#__PURE__*/ jsx(Text, {
-                size: "sm",
-                color: "secondary",
-                children: getValue()
-            })
-    }),
-    headerColumnHelper.accessor('lastSynced', {
-        header: 'Last synced',
-        size: 130,
-        enableSorting: true,
-        meta: {
-            sortType: 'date'
-        },
-        cell: ({ getValue })=>/*#__PURE__*/ jsx(Text, {
-                size: "sm",
-                color: "secondary",
-                children: getValue()
-            })
-    }),
-    headerColumnHelper.display({
-        id: 'version',
-        header: 'Version',
-        size: 140,
-        cell: ({ row })=>/*#__PURE__*/ jsxs(HStack, {
-                gap: 4,
-                align: "center",
-                children: [
-                    /*#__PURE__*/ jsx(Check, {
-                        size: "sm",
-                        className: "text-text-success"
-                    }),
-                    /*#__PURE__*/ jsx(Text, {
-                        size: "sm",
-                        color: "inherit",
-                        children: row.original.version
-                    })
-                ]
-            })
-    })
-];
-const headerColumnIds = headerColumns.map((c)=>'accessorKey' in c ? c.accessorKey : c.id).filter(Boolean);
-const HEADER_GROUPS = [
-    'Content Security Policy',
-    'Content-Type-Options',
-    'X-Frame-Options',
-    'HTTP Strict Transport Security',
-    'Referrer-Policy',
-    'Permissions-Policy',
-    'Cross-Origin-Opener-Policy',
-    'Cross-Origin-Resource-Policy',
-    'X-Content-Type-Options',
-    'Cache-Control',
-    'X-XSS-Protection',
-    'Expect-CT'
-];
-const IPS = [
-    '142.198.167.52/32',
-    '10.0.42.7/24',
-    '192.168.1.100/32',
-    '172.16.0.55/16'
-];
-const FLAGS = [
-    'ES',
-    'US',
-    'DE',
-    'JP'
-];
-const PROVIDERS = [
-    'azure',
-    'aws',
-    'gce',
-    'aws'
-];
-const STATUSES = [
-    'New',
-    'Active',
-    'Resolved'
-];
-const VERSIONS = [
-    'Up to date',
-    'Outdated'
-];
-const ENDPOINTS = [
-    '/v1/antibot/api/report/{parameter_1}',
-    '/v1/auth/verify/{token}',
-    '/v1/users/{id}/settings',
-    '/v1/webhooks/process/{event_type}',
-    '/v1/analytics/track/{metric}'
-];
-const createLargeGroupedData = (groupCount = 12, childrenPerGroup = 50)=>Array.from({
-        length: groupCount
-    }, (_, gi)=>{
-        const groupName = HEADER_GROUPS.at(gi % HEADER_GROUPS.length);
-        const groupId = `group-${gi}`;
-        return {
-            id: groupId,
-            objectName: groupName,
-            ip: '',
-            ipCountry: null,
-            provider: '',
-            requests: 0,
-            status: 'New',
-            lastEdited: '',
-            lastSynced: '',
-            version: 'Up to date',
-            children: Array.from({
-                length: childrenPerGroup
-            }, (_, ci)=>({
-                    id: `${groupId}-${ci}`,
-                    objectName: ENDPOINTS.at(ci % ENDPOINTS.length),
-                    ip: IPS.at(ci % IPS.length),
-                    ipCountry: FLAGS.at(ci % FLAGS.length),
-                    provider: PROVIDERS.at(ci % PROVIDERS.length),
-                    requests: 5000 + 1000 * ci,
-                    status: STATUSES.at(ci % STATUSES.length),
-                    lastEdited: `${ci % 14 + 1} days ago`,
-                    lastSynced: `${ci % 6 + 1} months ago`,
-                    version: VERSIONS.at(ci % VERSIONS.length)
-                }))
-        };
-    });
-const renderSecurityPreviewHeader = (row)=>/*#__PURE__*/ jsx(DrawerHeader, {
-        children: /*#__PURE__*/ jsx(Text, {
-            size: "lg",
-            weight: "medium",
-            children: row.original.objectName
-        })
-    });
-const SecurityPreviewContent = ({ row })=>/*#__PURE__*/ jsxs(VStack, {
-        gap: 16,
-        children: [
-            /*#__PURE__*/ jsxs(HStack, {
-                gap: 8,
-                children: [
-                    /*#__PURE__*/ jsx(Badge, {
-                        variant: "dotted",
-                        color: 'Blocked' === row.original.status ? 'red' : 'yellow',
-                        type: "secondary",
-                        size: "medium",
-                        children: row.original.status
-                    }),
-                    /*#__PURE__*/ jsx(Switch, {
-                        checked: row.original.state,
-                        children: /*#__PURE__*/ jsx(SwitchControl, {})
-                    }),
-                    /*#__PURE__*/ jsx(InlineCodeSnippet, {
-                        code: row.original.parameter,
-                        size: "sm",
-                        copyable: false
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsxs(VStack, {
-                gap: 4,
-                children: [
-                    /*#__PURE__*/ jsxs(Text, {
-                        size: "sm",
-                        color: "secondary",
-                        children: [
-                            "Source: ",
-                            row.original.sourceCountry,
-                            " \xb7 ",
-                            row.original.sourceProvider
-                        ]
-                    }),
-                    /*#__PURE__*/ jsxs(Text, {
-                        size: "sm",
-                        color: "secondary",
-                        children: [
-                            "First detected: ",
-                            row.original.firstDetected
-                        ]
-                    }),
-                    /*#__PURE__*/ jsxs(Text, {
-                        size: "sm",
-                        color: "secondary",
-                        children: [
-                            "Last seen: ",
-                            row.original.lastSeen
-                        ]
-                    }),
-                    /*#__PURE__*/ jsxs(Text, {
-                        size: "sm",
-                        color: "secondary",
-                        children: [
-                            "Security: ",
-                            row.original.cweId
-                        ]
-                    })
-                ]
-            })
-        ]
-    });
-SecurityPreviewContent.displayName = 'SecurityPreviewContent';
-const renderSecurityPreviewContent = (row)=>/*#__PURE__*/ jsx(SecurityPreviewContent, {
-        row: row
-    });
-const multiplySecurityEvents = (times = 4)=>Array.from({
-        length: times
-    }, (_, batch)=>securityEvents.map((row)=>({
-                ...row,
-                id: `${row.id}-${batch}`,
-                objectName: 0 === batch ? row.objectName : `${row.objectName} (${batch + 1})`
-            }))).flat();
-const createLargeSecurityEvents = (count = 1000)=>Array.from({
-        length: count
-    }, (_, i)=>{
-        const base = securityEvents.at(i % securityEvents.length);
-        return {
-            ...base,
-            id: String(i + 1),
-            requests: Math.round(100000 * Math.random()),
-            firstDetected: `2026-01-${String(i % 28 + 1).padStart(2, '0')}T${String(i % 24).padStart(2, '0')}:00:00`
-        };
-    });
-const fullFeaturedColumns = headerColumns.map((col)=>{
-    const key = 'accessorKey' in col ? col.accessorKey : void 0;
-    if ('objectName' === key) return {
-        ...col,
-        size: 220,
-        meta: {
-            ...col.meta,
-            resizeType: 'cut',
-            description: {
-                type: 'tooltip',
-                content: 'Target resource'
-            }
-        },
-        cell: ({ getValue })=>/*#__PURE__*/ jsxs(DropdownMenu, {
-                children: [
-                    /*#__PURE__*/ jsx(DropdownMenuContextTrigger, {
-                        children: /*#__PURE__*/ jsxs(OverflowTooltip, {
-                            children: [
-                                /*#__PURE__*/ jsx(OverflowTooltipTrigger, {
-                                    asChild: true,
-                                    children: /*#__PURE__*/ jsx(Text, {
-                                        size: "sm",
-                                        truncate: true,
-                                        children: getValue()
-                                    })
-                                }),
-                                /*#__PURE__*/ jsx(OverflowTooltipContent, {
-                                    children: getValue()
-                                })
-                            ]
-                        })
-                    }),
-                    /*#__PURE__*/ jsxs(DropdownMenuContent, {
-                        children: [
-                            /*#__PURE__*/ jsxs(DropdownMenuItem, {
-                                onSelect: ()=>alert(`Copied: ${getValue()}`),
-                                children: [
-                                    /*#__PURE__*/ jsx(DropdownMenuItemIcon, {
-                                        children: /*#__PURE__*/ jsx(Copy, {})
-                                    }),
-                                    /*#__PURE__*/ jsx(DropdownMenuItemText, {
-                                        children: "Copy value"
-                                    })
-                                ]
-                            }),
-                            /*#__PURE__*/ jsx(DropdownMenuSeparator, {}),
-                            /*#__PURE__*/ jsxs(DropdownMenuItem, {
-                                onSelect: ()=>alert(`Show only: ${getValue()}`),
-                                children: [
-                                    /*#__PURE__*/ jsx(DropdownMenuItemIcon, {
-                                        children: /*#__PURE__*/ jsx(Filter, {})
-                                    }),
-                                    /*#__PURE__*/ jsxs(DropdownMenuItemContent, {
-                                        children: [
-                                            /*#__PURE__*/ jsx(DropdownMenuItemText, {
-                                                children: "Show only"
-                                            }),
-                                            /*#__PURE__*/ jsx(DropdownMenuItemDescription, {
-                                                children: "Filter to matching rows"
-                                            })
-                                        ]
-                                    })
-                                ]
-                            }),
-                            /*#__PURE__*/ jsxs(DropdownMenuItem, {
-                                onSelect: ()=>alert(`Exclude: ${getValue()}`),
-                                children: [
-                                    /*#__PURE__*/ jsx(DropdownMenuItemIcon, {
-                                        children: /*#__PURE__*/ jsx(FilterX, {})
-                                    }),
-                                    /*#__PURE__*/ jsxs(DropdownMenuItemContent, {
-                                        children: [
-                                            /*#__PURE__*/ jsx(DropdownMenuItemText, {
-                                                children: "Exclude"
-                                            }),
-                                            /*#__PURE__*/ jsx(DropdownMenuItemDescription, {
-                                                children: "Filter out matching rows"
-                                            })
-                                        ]
-                                    })
-                                ]
-                            })
-                        ]
-                    })
-                ]
-            })
-    };
-    if ('ip' === key) return {
-        ...col,
-        meta: {
-            ...col.meta,
-            description: {
-                type: 'tooltip',
-                content: 'Origin IP'
-            }
-        },
-        cell: ({ row })=>/*#__PURE__*/ jsxs(DropdownMenu, {
-                children: [
-                    /*#__PURE__*/ jsx(DropdownMenuContextTrigger, {
-                        children: /*#__PURE__*/ jsxs(Ip, {
-                            children: [
-                                row.original.ipCountry && /*#__PURE__*/ jsx(IpCountry, {
-                                    code: row.original.ipCountry
-                                }),
-                                /*#__PURE__*/ jsx(IpAddress, {
-                                    children: row.original.ip
-                                }),
-                                row.original.provider && /*#__PURE__*/ jsx(IpProvider, {
-                                    children: sourceLabels[row.original.provider]
-                                })
-                            ]
-                        })
-                    }),
-                    /*#__PURE__*/ jsxs(DropdownMenuContent, {
-                        children: [
-                            /*#__PURE__*/ jsxs(DropdownMenuItem, {
-                                onSelect: ()=>alert(`Copied: ${row.original.ip}`),
-                                children: [
-                                    /*#__PURE__*/ jsx(DropdownMenuItemIcon, {
-                                        children: /*#__PURE__*/ jsx(Copy, {})
-                                    }),
-                                    /*#__PURE__*/ jsx(DropdownMenuItemText, {
-                                        children: "Copy IP"
-                                    })
-                                ]
-                            }),
-                            /*#__PURE__*/ jsx(DropdownMenuSeparator, {}),
-                            /*#__PURE__*/ jsxs(DropdownMenuItem, {
-                                onSelect: ()=>alert(`Show only: ${row.original.ip}`),
-                                children: [
-                                    /*#__PURE__*/ jsx(DropdownMenuItemIcon, {
-                                        children: /*#__PURE__*/ jsx(Filter, {})
-                                    }),
-                                    /*#__PURE__*/ jsxs(DropdownMenuItemContent, {
-                                        children: [
-                                            /*#__PURE__*/ jsx(DropdownMenuItemText, {
-                                                children: "Show only"
-                                            }),
-                                            /*#__PURE__*/ jsx(DropdownMenuItemDescription, {
-                                                children: "Filter to this IP"
-                                            })
-                                        ]
-                                    })
-                                ]
-                            }),
-                            /*#__PURE__*/ jsxs(DropdownMenuItem, {
-                                onSelect: ()=>alert(`Exclude: ${row.original.ip}`),
-                                children: [
-                                    /*#__PURE__*/ jsx(DropdownMenuItemIcon, {
-                                        children: /*#__PURE__*/ jsx(FilterX, {})
-                                    }),
-                                    /*#__PURE__*/ jsxs(DropdownMenuItemContent, {
-                                        children: [
-                                            /*#__PURE__*/ jsx(DropdownMenuItemText, {
-                                                children: "Exclude"
-                                            }),
-                                            /*#__PURE__*/ jsx(DropdownMenuItemDescription, {
-                                                children: "Filter out this IP"
-                                            })
-                                        ]
-                                    })
-                                ]
-                            })
-                        ]
-                    })
-                ]
-            })
-    };
-    if ('requests' === key) return {
-        ...col,
-        meta: {
-            ...col.meta,
-            description: {
-                type: 'text',
-                content: 'Total hits'
-            }
-        }
-    };
-    if ('status' === key) return {
-        ...col,
-        meta: {
-            ...col.meta,
-            description: {
-                type: 'tooltip',
-                content: 'Resolution state'
-            }
-        }
-    };
-    if ('lastEdited' === key) return {
-        ...col,
-        meta: {
-            ...col.meta,
-            description: {
-                type: 'tooltip',
-                content: 'Last modified'
-            }
-        }
-    };
-    if ('lastSynced' === key) return {
-        ...col,
-        meta: {
-            ...col.meta,
-            description: {
-                type: 'tooltip',
-                content: 'Last sync time'
-            }
-        }
-    };
-    return col;
-});
-const INFINITE_PAGE_SIZE = 50;
-const INFINITE_MAX_ITEMS = 500;
-const BIDIRECTIONAL_TOTAL = 500;
-const BIDIRECTIONAL_PAGE_SIZE = 50;
-const BIDIRECTIONAL_INITIAL_ANCHOR_INDEX = 250;
-const useInfiniteData = ()=>{
-    const allData = useMemo(()=>createLargeSecurityEvents(INFINITE_MAX_ITEMS), []);
-    const [data, setData] = useState(()=>allData.slice(0, INFINITE_PAGE_SIZE));
-    const [isFetching, setIsFetching] = useState(false);
-    const hasMore = data.length < allData.length;
-    const fetchNextPage = useCallback(()=>{
-        if (isFetching || !hasMore) return;
-        setIsFetching(true);
-        setTimeout(()=>{
-            setData((prev)=>allData.slice(0, prev.length + INFINITE_PAGE_SIZE));
-            setIsFetching(false);
-        }, 800);
-    }, [
-        isFetching,
-        hasMore,
-        allData
-    ]);
-    return {
-        data,
-        isFetching,
-        hasMore,
-        totalItems: INFINITE_MAX_ITEMS,
-        fetchNextPage
-    };
-};
-const useBidirectionalData = ()=>{
-    const allData = useMemo(()=>createLargeSecurityEvents(BIDIRECTIONAL_TOTAL), []);
-    const initialStart = Math.max(0, BIDIRECTIONAL_INITIAL_ANCHOR_INDEX - BIDIRECTIONAL_PAGE_SIZE);
-    const initialEnd = Math.min(allData.length, BIDIRECTIONAL_INITIAL_ANCHOR_INDEX + BIDIRECTIONAL_PAGE_SIZE);
-    const [range, setRange] = useState({
-        start: initialStart,
-        end: initialEnd
-    });
-    const [isFetchingPrev, setIsFetchingPrev] = useState(false);
-    const [isFetchingNext, setIsFetchingNext] = useState(false);
-    const data = useMemo(()=>allData.slice(range.start, range.end), [
-        allData,
-        range
-    ]);
-    const anchorId = allData[BIDIRECTIONAL_INITIAL_ANCHOR_INDEX]?.id;
-    const hasPrev = range.start > 0;
-    const hasNext = range.end < allData.length;
-    const fetchPrevPage = useCallback(()=>{
-        if (isFetchingPrev || range.start <= 0) return;
-        setIsFetchingPrev(true);
-        setTimeout(()=>{
-            setRange((prev)=>({
-                    ...prev,
-                    start: Math.max(0, prev.start - BIDIRECTIONAL_PAGE_SIZE)
-                }));
-            setIsFetchingPrev(false);
-        }, 600);
-    }, [
-        isFetchingPrev,
-        range.start
-    ]);
-    const fetchNextPage = useCallback(()=>{
-        if (isFetchingNext || range.end >= allData.length) return;
-        setIsFetchingNext(true);
-        setTimeout(()=>{
-            setRange((prev)=>({
-                    ...prev,
-                    end: Math.min(allData.length, prev.end + BIDIRECTIONAL_PAGE_SIZE)
-                }));
-            setIsFetchingNext(false);
-        }, 600);
-    }, [
-        isFetchingNext,
-        range.end,
-        allData.length
-    ]);
-    return {
-        data,
-        anchorId,
-        isFetchingPrev,
-        isFetchingNext,
-        hasPrev,
-        hasNext,
-        fetchPrevPage,
-        fetchNextPage
-    };
-};
-export { createLargeGroupedData, createLargeSecurityEvents, fullFeaturedColumns, groupedHeaderData, headerColumnHelper, headerColumnIds, headerColumns, multiplySecurityEvents, renderSecurityPreviewContent, renderSecurityPreviewHeader, securityColumnHelper, securityColumnIds, securityColumns, securityEvents, useBidirectionalData, useInfiniteData };