@google-psat/report 0.14.0 → 1.0.0-1

package/dist/dashboard/components/cookiesWithIssues/index.js

@@ -18,9 +18,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * External dependencies.
  */
 import { useState } from 'react';
-import { Resizable } from 're-resizable';
 import {} from '@google-psat/common';
-import { CookieTable, CookieDetails } from '@google-psat/design-system';
+import { CookieTable, CookieDetails, ResizableTray, } from '@google-psat/design-system';
 /**
  * Internal dependencies.
  */
@@ -30,10 +29,10 @@ const CookiesWithIssues = ({ cookies, selectedSite, hostName, }) => {
     const { tableColumns, filters, searchKeys, tablePersistentSettingsKey } = useCookieListing(cookies, 'frame', 'cookiesWithIssuesListing', selectedSite);
     //@ts-ignore -- PSAT_EXTENSTION is added only when the report is downloaded from the extension. Since optional chaining is done it will return false if it doesnt exist.
     const isCLI = globalThis?.PSAT_EXTENSION ? false : true;
-    return (_jsxs("div", { className: "w-full h-full flex flex-col", children: [_jsx(Resizable, { defaultSize: {
+    return (_jsxs("div", { className: "w-full h-full flex flex-col", children: [_jsx(ResizableTray, { defaultSize: {
                     width: '100%',
                     height: '80%',
-                }, minHeight: "6%", maxHeight: "95%", enable: {
+                }, minHeight: "6%", maxHeight: "95%", trayId: "cookies-with-issues-table", enable: {
                     top: false,
                     right: false,
                     bottom: true,

package/dist/dashboard/components/siteMapReport/cookies.js

@@ -26,29 +26,9 @@ import { useSidebar } from '@google-psat/design-system';
 import AssembledCookiesLanding from '../siteReport/tabs/cookies/cookiesLandingContainer';
 import SiteReport from '../siteReport';
 import { generateSiteMapReportandDownload } from '../utils/reportDownloader';
-const CookiesTab = ({ selectedSite, tabCookies, tabFrames, completeJson, path, libraryMatches, query = '', clearQuery = noop, }) => {
+const CookiesTab = ({ selectedSite, tabCookies, tabFrames, completeJson, path, query = '', clearQuery = noop, }) => {
     const isKeySelected = useSidebar(({ actions }) => actions.isKeySelected);
     const [appliedFilters, setAppliedFilters] = useState({});
-    const [siteMapLibraryMatches, libraryMatchesUrlCount] = useMemo(() => {
-        const _libraryMatchesUrlCount = {};
-        const _siteMapLibraryMatches = completeJson?.reduce((acc, data) => {
-            const _libraryMatches = data.libraryMatches;
-            Object.keys(_libraryMatches).forEach((key) => {
-                acc[key] =
-                    // @ts-ignore
-                    acc[key]?.matches?.length || acc[key]?.domQuerymatches?.length
-                        ? acc[key]
-                        : _libraryMatches[key];
-                if (Object.keys(_libraryMatches[key]?.matches ?? {}).length ||
-                    Object.keys(_libraryMatches[key]?.domQuerymatches ?? {}).length) {
-                    _libraryMatchesUrlCount[key] =
-                        (_libraryMatchesUrlCount[key] || 0) + 1;
-                }
-            });
-            return acc;
-        }, {}) || {};
-        return [_siteMapLibraryMatches, _libraryMatchesUrlCount];
-    }, [completeJson]);
     const downloadReport = useCallback(async () => {
         if (!Array.isArray(completeJson)) {
             return;
@@ -66,6 +46,6 @@ const CookiesTab = ({ selectedSite, tabCookies, tabFrames, completeJson, path, l
     const sitemapPath = 
     // @ts-ignore - Global object
     globalThis?.PSAT_DATA?.siteMapUrl || globalThis?.PSAT_DATA?.selectedSite;
-    return (_jsx(_Fragment, { children: !selectedSite ? (_jsx(AssembledCookiesLanding, { tabCookies: tabCookies, tabFrames: tabFrames, libraryMatches: siteMapLibraryMatches, libraryMatchesUrlCount: libraryMatchesUrlCount, downloadReport: downloadReport, menuBarScrollContainerId: "dashboard-sitemap-layout-container", setAppliedFilters: setAppliedFilters, query: query, clearQuery: clearQuery, url: sitemapPath })) : (_jsx(SiteReport, { cookies: siteFilteredCookies, completeJson: siteFilteredCompleteJson, selectedSite: selectedSite || '', path: path, libraryMatches: libraryMatches && selectedSite ? libraryMatches[selectedSite] : {}, query: query, clearQuery: clearQuery })) }));
+    return (_jsx(_Fragment, { children: !selectedSite ? (_jsx(AssembledCookiesLanding, { tabCookies: tabCookies, tabFrames: tabFrames, downloadReport: downloadReport, menuBarScrollContainerId: "dashboard-sitemap-layout-container", setAppliedFilters: setAppliedFilters, query: query, clearQuery: clearQuery, url: sitemapPath })) : (_jsx(SiteReport, { cookies: siteFilteredCookies, completeJson: siteFilteredCompleteJson, selectedSite: selectedSite || '', path: path, query: query, clearQuery: clearQuery })) }));
 };
 export default CookiesTab;

package/dist/dashboard/components/siteMapReport/index.js

@@ -24,8 +24,8 @@ import { SidebarProvider } from '@google-psat/design-system';
  */
 import sidebarData from './sidebarData';
 import Layout from './layout';
-const SiteMapReport = ({ landingPageCookies, completeJson, path, libraryMatches, erroredOutUrls, }) => {
+const SiteMapReport = ({ landingPageCookies, completeJson, path, erroredOutUrls, }) => {
     const [data, setData] = useState(sidebarData);
-    return (_jsx(SidebarProvider, { data: data, children: _jsx(Layout, { erroredOutUrls: erroredOutUrls, landingPageCookies: landingPageCookies, completeJson: completeJson, sidebarData: data, setSidebarData: setData, path: path, libraryMatches: libraryMatches }) }));
+    return (_jsx(SidebarProvider, { data: data, children: _jsx(Layout, { erroredOutUrls: erroredOutUrls, landingPageCookies: landingPageCookies, completeJson: completeJson, sidebarData: data, setSidebarData: setData, path: path }) }));
 };
 export default SiteMapReport;

package/dist/dashboard/components/siteMapReport/layout.js

@@ -27,7 +27,7 @@ import { useSidebar, Sidebar, SIDEBAR_ITEMS_KEYS, File, FileWhite, } from '@goog
 import SiteMapCookiesWithIssues from './sitemapCookiesWithIssues';
 import CookiesTab from './cookies';
 import ErroredOutUrls from '../urlsWithIssues';
-const Layout = ({ landingPageCookies, completeJson, sidebarData, setSidebarData, path, erroredOutUrls, libraryMatches, }) => {
+const Layout = ({ landingPageCookies, completeJson, sidebarData, setSidebarData, path, erroredOutUrls, }) => {
     const [sites, setSites] = useState([]);
     useEffect(() => {
         const _sites = new Set();
@@ -75,7 +75,6 @@ const Layout = ({ landingPageCookies, completeJson, sidebarData, setSidebarData,
                     tabFrames,
                     completeJson,
                     path,
-                    libraryMatches,
                     query,
                     clearQuery,
                 },
@@ -91,7 +90,6 @@ const Layout = ({ landingPageCookies, completeJson, sidebarData, setSidebarData,
                             tabFrames,
                             completeJson,
                             path,
-                            libraryMatches,
                             query,
                             clearQuery,
                         },
@@ -130,7 +128,6 @@ const Layout = ({ landingPageCookies, completeJson, sidebarData, setSidebarData,
         completeJson,
         cookiesWithIssues,
         doesSiteHaveCookies,
-        libraryMatches,
         path,
         query,
         reshapedCookies,

package/dist/dashboard/components/siteReport/index.js

@@ -26,8 +26,8 @@ import { SidebarProvider } from '@google-psat/design-system';
 import { Provider as ContentStoreProvider } from './stateProviders/contentStore';
 import Layout from './components/layout';
 import Tabs from './tabs';
-const SiteReport = ({ cookies, completeJson, selectedSite, path, libraryMatches, query = '', clearQuery = noop, }) => {
+const SiteReport = ({ cookies, completeJson, selectedSite, path, query = '', clearQuery = noop, }) => {
     const [data, setData] = useState(Tabs);
-    return (_jsx(ContentStoreProvider, { cookies: cookies, completeJson: completeJson, libraryMatches: libraryMatches, path: path, children: _jsx(SidebarProvider, { data: data, children: _jsx(Layout, { selectedSite: selectedSite, setSidebarData: setData, query: query, clearQuery: clearQuery }) }) }));
+    return (_jsx(ContentStoreProvider, { cookies: cookies, completeJson: completeJson, path: path, children: _jsx(SidebarProvider, { data: data, children: _jsx(Layout, { selectedSite: selectedSite, setSidebarData: setData, query: query, clearQuery: clearQuery }) }) }));
 };
 export default SiteReport;

package/dist/dashboard/components/siteReport/stateProviders/contentStore/index.js

@@ -24,18 +24,16 @@ const initialState = {
         tabCookies: {},
         completeJson: null,
         path: '',
-        libraryMatches: null,
     },
 };
 export const Context = createContext(initialState);
-export const Provider = ({ cookies, completeJson, children, path, libraryMatches, }) => {
+export const Provider = ({ cookies, completeJson, children, path, }) => {
     const tabCookies = useMemo(() => reshapeCookies(cookies), [cookies]);
     return (_jsx(Context.Provider, { value: {
             state: {
                 tabCookies,
                 completeJson,
                 path,
-                libraryMatches,
             },
         }, children: children }));
 };

package/dist/dashboard/components/siteReport/tabs/cookies/cookiesLandingContainer/cookieLanding/landing.js

@@ -25,10 +25,9 @@ import { MenuBar, } from '@google-psat/design-system';
  */
 import CookiesSection from './cookiesSection';
 import BlockedCookiesSection from './blockedCookiesSection';
-import KnownBreakages from './knownBreakages';
 import ExemptedCookiesSection from './exemptedCookiesSection';
 import FramesSection from './framesSection';
-const Landing = ({ tabFrames, tabCookies, cookiesWithIssues, downloadReport, libraryMatches, libraryMatchesUrlCount, menuBarScrollContainerId = 'dashboard-layout-container', }) => {
+const Landing = ({ tabFrames, tabCookies, cookiesWithIssues, downloadReport, menuBarScrollContainerId = 'dashboard-layout-container', }) => {
     const sections = useMemo(() => {
         const baseSections = [
             {
@@ -54,17 +53,6 @@ const Landing = ({ tabFrames, tabCookies, cookiesWithIssues, downloadReport, lib
                     },
                 },
             },
-            {
-                name: I18n.getMessage('knownBreakages'),
-                link: 'known-breakages',
-                panel: {
-                    Element: KnownBreakages,
-                    props: {
-                        libraryMatches: libraryMatches ?? {},
-                        libraryMatchesUrlCount,
-                    },
-                },
-            },
         ];
         // @ts-ignore -- PSAT_USING_CDP is added only when the report is downloaded from the extension. Only false value to be considered.
         if (globalThis?.PSAT_USING_CDP !== false) {
@@ -95,13 +83,7 @@ const Landing = ({ tabFrames, tabCookies, cookiesWithIssues, downloadReport, lib
             });
         }
         return baseSections;
-    }, [
-        cookiesWithIssues,
-        libraryMatches,
-        libraryMatchesUrlCount,
-        tabCookies,
-        tabFrames,
-    ]);
+    }, [cookiesWithIssues, tabCookies, tabFrames]);
     const menuData = useMemo(() => sections.map(({ name, link }) => ({ name, link })), [sections]);
     return (_jsxs(_Fragment, { children: [_jsx(MenuBar, { disableReportDownload: false, downloadReport: 
                 // @ts-ignore -- PSAT_DATA is not present in globalThis type.

package/dist/dashboard/components/siteReport/tabs/cookies/cookiesLandingContainer/index.js

@@ -20,14 +20,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { memo, useEffect, useMemo, useState } from 'react';
 import { getCookieKey, noop, } from '@google-psat/common';
 import { I18n } from '@google-psat/i18n';
-import { Resizable } from 're-resizable';
-import { TableChipsBar, TableFiltersSidebar, useGlobalFiltering, FilterIcon, } from '@google-psat/design-system';
+import { TableChipsBar, TableFiltersSidebar, useGlobalFiltering, FilterIcon, ResizableTray, } from '@google-psat/design-system';
 /**
  * Internal dependencies.
  */
 import Landing from './cookieLanding/landing';
 import Header from '../../../../header';
-const AssembledCookiesLanding = ({ tabCookies, tabFrames, setAppliedFilters, downloadReport, libraryMatches, libraryMatchesUrlCount, menuBarScrollContainerId = 'dashboard-layout-container', query = '', clearQuery = noop, url, }) => {
+const AssembledCookiesLanding = ({ tabCookies, tabFrames, setAppliedFilters, downloadReport, menuBarScrollContainerId = 'dashboard-layout-container', query = '', clearQuery = noop, url, }) => {
     const cookies = useMemo(() => Object.values(tabCookies || {}), [tabCookies]);
     const filterOutput = useGlobalFiltering(cookies, query, clearQuery);
     // @ts-ignore Using global variable.
@@ -52,8 +51,8 @@ const AssembledCookiesLanding = ({ tabCookies, tabFrames, setAppliedFilters, dow
                                 ? 'text-royal-blue dark:text-medium-persian-blue'
                                 : 'text-mischka' }) }), _jsx(TableChipsBar, { selectedFilters: filterOutput.selectedFilters, resetFilters: filterOutput.resetFilters, toggleFilterSelection: filterOutput.toggleFilterSelection })] }), _jsxs("div", { className: "flex grow-0", style: {
                     height: 'calc(100% - 82px)',
-                }, children: [showFilterSidebar && (_jsx(Resizable, { minWidth: "100px", maxWidth: "50%", enable: {
+                }, children: [showFilterSidebar && (_jsx(ResizableTray, { minWidth: "100px", maxWidth: "50%", enable: {
                             right: true,
-                        }, className: "border border-r border-gray-300 dark:border-quartz", children: _jsx(TableFiltersSidebar, { filters: filterOutput.filters, toggleFilterSelection: filterOutput.toggleFilterSelection, toggleSelectAllFilter: filterOutput.toggleSelectAllFilter, isSelectAllFilterSelected: filterOutput.isSelectAllFilterSelected }) })), _jsx("div", { className: "flex-1 overflow-auto h-full", id: menuBarScrollContainerId, children: _jsx(Landing, { tabCookies: cookiesByKey, tabFrames: tabFrames, cookiesWithIssues: cookiesWithIssues, downloadReport: downloadReport, libraryMatches: libraryMatches, libraryMatchesUrlCount: libraryMatchesUrlCount, menuBarScrollContainerId: menuBarScrollContainerId }) })] })] }));
+                        }, className: "border border-r border-gray-300 dark:border-quartz", trayId: "cookies-landing-table-bottom-tray", children: _jsx(TableFiltersSidebar, { filters: filterOutput.filters, toggleFilterSelection: filterOutput.toggleFilterSelection, toggleSelectAllFilter: filterOutput.toggleSelectAllFilter, isSelectAllFilterSelected: filterOutput.isSelectAllFilterSelected }) })), _jsx("div", { className: "flex-1 overflow-auto h-full", id: menuBarScrollContainerId, children: _jsx(Landing, { tabCookies: cookiesByKey, tabFrames: tabFrames, cookiesWithIssues: cookiesWithIssues, downloadReport: downloadReport, menuBarScrollContainerId: menuBarScrollContainerId }) })] })] }));
 };
 export default memo(AssembledCookiesLanding);

package/dist/dashboard/components/siteReport/tabs/cookies/cookiesListing/index.js

@@ -18,9 +18,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * External dependencies
  */
 import { useMemo, useState } from 'react';
-import { Resizable } from 're-resizable';
 import {} from '@google-psat/common';
-import { CookieTable, CookieDetails } from '@google-psat/design-system';
+import { CookieTable, CookieDetails, ResizableTray, } from '@google-psat/design-system';
 /**
  * Internal dependencies
  */
@@ -37,11 +36,11 @@ const CookiesListing = ({ selectedFrameUrl, selectedSite, }) => {
     const { tableColumns, filters, searchKeys, tablePersistentSettingsKey, isSidebarOpen, } = useCookieListing(memoTabCookies, selectedFrameUrl, 'cookiesListing', selectedSite);
     //@ts-ignore -- PSAT_EXTENSTION is added only when the report is downloaded from the extension. Since optional chaining is done it will return false if it doesnt exist.
     const isCLI = globalThis?.PSAT_EXTENSION ? false : true;
-    return (_jsxs("div", { className: "w-full h-full flex flex-col", children: [_jsx(Resizable, { defaultSize: {
+    return (_jsxs("div", { className: "w-full h-full flex flex-col", children: [_jsx(ResizableTray, { defaultSize: {
                     width: '100%',
                     height: '80%',
                 }, minHeight: "6%", maxHeight: "95%", enable: {
                     bottom: true,
-                }, className: "h-full flex", children: _jsx(CookieTable, { data: cookies, tableColumns: tableColumns, tableFilters: filters, tableSearchKeys: searchKeys, tablePersistentSettingsKey: tablePersistentSettingsKey, selectedFrame: selectedFrameUrl, selectedFrameCookie: selectedFrameCookie, setSelectedFrameCookie: setSelectedFrameCookie, isFiltersSidebarOpen: isSidebarOpen, isCLI: isCLI, hostname: path }) }), _jsx(CookieDetails, { isUsingCDP: true, selectedFrameCookie: selectedFrameCookie })] }));
+                }, className: "h-full flex", trayId: "report-cookiesListing", children: _jsx(CookieTable, { data: cookies, tableColumns: tableColumns, tableFilters: filters, tableSearchKeys: searchKeys, tablePersistentSettingsKey: tablePersistentSettingsKey, selectedFrame: selectedFrameUrl, selectedFrameCookie: selectedFrameCookie, setSelectedFrameCookie: setSelectedFrameCookie, isFiltersSidebarOpen: isSidebarOpen, isCLI: isCLI, hostname: path }) }), _jsx(CookieDetails, { isUsingCDP: true, selectedFrameCookie: selectedFrameCookie })] }));
 };
 export default CookiesListing;

package/dist/dashboard/components/siteReport/tabs/cookies/index.js

@@ -25,10 +25,9 @@ import { useContentStore } from '../../stateProviders/contentStore';
 import { generateSiteReportandDownload } from '../../../utils/reportDownloader';
 import AssembledCookiesLanding from './cookiesLandingContainer';
 const CookiesTab = ({ selectedFrameUrl, selectedSite, query = '', clearQuery = noop, url = '', }) => {
-    const { tabCookies, completeJson, libraryMatches } = useContentStore(({ state }) => ({
+    const { tabCookies, completeJson } = useContentStore(({ state }) => ({
         tabCookies: state.tabCookies,
         completeJson: state.completeJson,
-        libraryMatches: state.libraryMatches,
     }));
     const [appliedFilters, setAppliedFilters] = useState({});
     const tabFrames = useMemo(() => {
@@ -51,6 +50,6 @@ const CookiesTab = ({ selectedFrameUrl, selectedSite, query = '', clearQuery = n
             await generateSiteReportandDownload(completeJson, appliedFilters);
         }
     }, [appliedFilters, completeJson, selectedSite]);
-    return (_jsx("div", { className: "w-full h-full flex items-center justify-center", children: selectedFrameUrl ? (_jsx(CookiesListing, { selectedFrameUrl: selectedFrameUrl, selectedSite: selectedSite })) : (_jsx("div", { className: "flex flex-col h-full w-full", children: _jsx(AssembledCookiesLanding, { tabCookies: tabCookies, libraryMatches: libraryMatches, tabFrames: tabFrames, downloadReport: downloadReport, setAppliedFilters: setAppliedFilters, query: query, clearQuery: clearQuery, url: url }) })) }));
+    return (_jsx("div", { className: "w-full h-full flex items-center justify-center", children: selectedFrameUrl ? (_jsx(CookiesListing, { selectedFrameUrl: selectedFrameUrl, selectedSite: selectedSite })) : (_jsx("div", { className: "flex flex-col h-full w-full", children: _jsx(AssembledCookiesLanding, { tabCookies: tabCookies, tabFrames: tabFrames, downloadReport: downloadReport, setAppliedFilters: setAppliedFilters, query: query, clearQuery: clearQuery, url: url }) })) }));
 };
 export default CookiesTab;

package/dist/dashboard/components/urlsWithIssues/index.js

@@ -18,10 +18,9 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
  * External dependencies
  */
 import { useMemo, useState } from 'react';
-import { Resizable } from 're-resizable';
 import { noop } from '@google-psat/common';
 import { I18n } from '@google-psat/i18n';
-import { Table, TableProvider, } from '@google-psat/design-system';
+import { Table, TableProvider, ResizableTray, } from '@google-psat/design-system';
 const ErroredOutUrls = ({ erroredOutUrls }) => {
     const [selectedRow, setSelectedRow] = useState();
     const tableColumns = useMemo(() => [
@@ -43,7 +42,7 @@ const ErroredOutUrls = ({ erroredOutUrls }) => {
         },
     ], []);
     const filters = useMemo(() => ({}), []);
-    return (_jsxs("div", { className: "w-full h-full text-outer-space-crayola border-x border-american-silver dark:border-quartz flex flex-col", children: [_jsx(Resizable, { defaultSize: {
+    return (_jsxs("div", { className: "w-full h-full text-outer-space-crayola border-x border-american-silver dark:border-quartz flex flex-col", children: [_jsx(ResizableTray, { defaultSize: {
                     width: '100%',
                     height: '80%',
                 }, minHeight: "6%", maxHeight: "95%", enable: {
@@ -51,11 +50,11 @@ const ErroredOutUrls = ({ erroredOutUrls }) => {
                     right: false,
                     bottom: true,
                     left: false,
-                }, className: "h-full flex", children: _jsx(TableProvider, { data: erroredOutUrls, tableColumns: tableColumns, tableFilterData: filters, tableSearchKeys: ['url'], tablePersistentSettingsKey: "urlsWithIssues", onRowClick: (row) => {
+                }, className: "h-full flex", trayId: "urls-with-issues-table-bottom-tray", children: _jsx(TableProvider, { data: erroredOutUrls, tableColumns: tableColumns, tableFilterData: filters, tableSearchKeys: ['url'], tablePersistentSettingsKey: "urlsWithIssues", onRowClick: (row) => {
                         setSelectedRow(row);
                     }, onRowContextMenu: noop, getRowObjectKey: (row) => {
                         return row.originalData.url;
-                    }, children: _jsx(Table, { hideFiltering: true, selectedKey: selectedRow?.url }) }) }), _jsx("div", { className: "flex-1 border border-gray-300 dark:border-quartz shadow h-full min-w-[10rem]", children: selectedRow ? (_jsxs("div", { className: "text-xs py-1 px-1.5", children: [selectedRow.url && (_jsxs(_Fragment, { children: [_jsx("p", { className: "font-bold text-granite-gray dark:text-manatee mb-1 text-semibold flex items-center", children: _jsx("span", { children: "Error Message" }) }), _jsx("p", { className: "mb-4 break-words text-outer-space-crayola dark:text-bright-gray", children: selectedRow.errorMessage })] })), _jsxs(_Fragment, { children: [_jsx("p", { className: "font-bold text-granite-gray dark:text-manatee mb-1", children: "Error code" }), _jsx("p", { className: "mb-4 text-outer-space-crayola dark:text-bright-gray", children: selectedRow?.errorCode || I18n.getMessage('noDescription') })] }), selectedRow?.stackTrace && (_jsxs(_Fragment, { children: [_jsx("p", { className: "font-bold text-granite-gray dark:text-manatee mb-1", children: "Stack trace" }), _jsx("p", { className: "text-outer-space-crayola dark:text-bright-gray", children: _jsx("pre", { children: _jsx("code", { dangerouslySetInnerHTML: {
+                    }, children: _jsx(Table, { hideFiltering: true, selectedKey: selectedRow?.url }) }) }), _jsx("div", { className: "flex-1 border border-gray-300 dark:border-quartz shadow-sm h-full min-w-[10rem]", children: selectedRow ? (_jsxs("div", { className: "text-xs py-1 px-1.5", children: [selectedRow.url && (_jsxs(_Fragment, { children: [_jsx("p", { className: "font-bold text-granite-gray dark:text-manatee mb-1 text-semibold flex items-center", children: _jsx("span", { children: "Error Message" }) }), _jsx("p", { className: "mb-4 break-words text-outer-space-crayola dark:text-bright-gray", children: selectedRow.errorMessage })] })), _jsxs(_Fragment, { children: [_jsx("p", { className: "font-bold text-granite-gray dark:text-manatee mb-1", children: "Error code" }), _jsx("p", { className: "mb-4 text-outer-space-crayola dark:text-bright-gray", children: selectedRow?.errorCode || I18n.getMessage('noDescription') })] }), selectedRow?.stackTrace && (_jsxs(_Fragment, { children: [_jsx("p", { className: "font-bold text-granite-gray dark:text-manatee mb-1", children: "Stack trace" }), _jsx("p", { className: "text-outer-space-crayola dark:text-bright-gray", children: _jsx("pre", { children: _jsx("code", { dangerouslySetInnerHTML: {
                                                 __html: selectedRow?.stackTrace ||
                                                     I18n.getMessage('noDescription'),
                                             } }) }) })] }))] })) : (_jsx("div", { className: "h-full p-8 flex items-center", children: _jsx("p", { className: "text-lg w-full font-bold text-granite-gray dark:text-manatee text-center", children: I18n.getMessage('selectRowToPreview') }) })) })] }));

package/dist/dashboard/components/utils/NamePrefixIconSelector.js

@@ -40,10 +40,10 @@ const NamePrefixIconSelector = ({ originalData }) => {
     }
     if (isInboundBlocked && isOutboundBlocked) {
         if (isInboundBlockedInAll && isOutboundBlockedInAll) {
-            return _jsx(OutboundInboundIcon, { className: "stroke-[#D8302F] scale-150" });
+            return (_jsx(OutboundInboundIcon, { className: "[&_line]:stroke-[#D8302F] scale-150" }));
         }
         if (!isInboundBlockedInAll && !isOutboundBlockedInAll) {
-            return _jsx(OutboundInboundIcon, { className: "stroke-[#FE8455] scale-150" });
+            return (_jsx(OutboundInboundIcon, { className: "[&_line]:stroke-[#FE8455] scale-150" }));
         }
         if (isInboundBlockedInAll) {
             return _jsx(OutboundInboundColoredIcon, { className: "rotate-180 scale-150" });
@@ -52,15 +52,15 @@ const NamePrefixIconSelector = ({ originalData }) => {
     }
     if (isInboundBlocked) {
         if (isInboundBlockedInAll) {
-            return _jsx(InboundIcon, { className: "stroke-[#D8302F] scale-150" });
+            return _jsx(InboundIcon, { className: "[&_line]:stroke-[#D8302F] scale-150" });
         }
-        return _jsx(InboundIcon, { className: "stroke-[#FE8455] scale-150" });
+        return _jsx(InboundIcon, { className: "[&_line]:stroke-[#FE8455] scale-150" });
     }
     if (isOutboundBlocked) {
         if (isOutboundBlockedInAll) {
-            return _jsx(OutboundIcon, { className: "stroke-[#D8302F] scale-150" });
+            return _jsx(OutboundIcon, { className: "[&_line]:stroke-[#D8302F] scale-150" });
         }
-        return _jsx(OutboundIcon, { className: "stroke-[#FE8455] scale-150" });
+        return _jsx(OutboundIcon, { className: "[&_line]:stroke-[#FE8455] scale-150" });
     }
     return _jsx(_Fragment, {});
 };

package/dist/dashboard/hooks/useCookieListing/index.js

@@ -46,7 +46,6 @@ const useCookieListing = (tabCookies, selectedFrameUrl, persistenceKey = 'cookie
                 accessorKey: 'parsedCookie.name',
                 cell: (info) => info,
                 enableHiding: false,
-                widthWeightagePercentage: 13,
                 enableBodyCellPrefixIcon: true,
                 bodyCellPrefixIcon: {
                     Element: NamePrefixIconSelector,
@@ -64,67 +63,56 @@ const useCookieListing = (tabCookies, selectedFrameUrl, persistenceKey = 'cookie
                 header: I18n.getMessage('scope'),
                 accessorKey: 'isFirstParty',
                 cell: (info) => !info ? I18n.getMessage('thirdParty') : I18n.getMessage('firstParty'),
-                widthWeightagePercentage: 8,
             },
             {
                 header: I18n.getMessage('domain'),
                 accessorKey: 'parsedCookie.domain',
                 cell: (info) => info,
-                widthWeightagePercentage: 9,
             },
             {
                 header: I18n.getMessage('partitionKey'),
                 accessorKey: 'parsedCookie.partitionKey',
                 cell: (info) => info,
-                widthWeightagePercentage: 9,
             },
             {
                 header: I18n.getMessage('sameSite'),
                 accessorKey: 'parsedCookie.samesite',
                 cell: (info) => I18n.getMessage((info?.toString() || '').toLowerCase()),
-                widthWeightagePercentage: 8,
             },
             {
                 header: I18n.getMessage('category'),
                 accessorKey: 'analytics.category',
                 cell: (info) => I18n.getMessage(info.toLowerCase() || 'uncategorized'),
-                widthWeightagePercentage: 10,
             },
             {
                 header: I18n.getMessage('platform'),
                 accessorKey: 'analytics.platform',
                 cell: (info) => (info ? info : I18n.getMessage('unknown')),
-                widthWeightagePercentage: 10,
             },
             {
                 header: I18n.getMessage('httpOnly'),
                 accessorKey: 'parsedCookie.httponly',
                 cell: (info) => (_jsx("p", { className: "flex justify-center items-center", children: info ? _jsx("span", { className: "font-serif", children: "\u2713" }) : '' })),
-                widthWeightagePercentage: 5,
             },
             {
                 header: I18n.getMessage('secure'),
                 accessorKey: 'parsedCookie.secure',
                 cell: (info) => (_jsx("p", { className: "flex justify-center items-center", children: info ? _jsx("span", { className: "font-serif", children: "\u2713" }) : '' })),
-                widthWeightagePercentage: 5,
             },
             {
                 header: I18n.getMessage('value'),
                 accessorKey: 'parsedCookie.value',
                 cell: (info) => info,
-                widthWeightagePercentage: 10,
             },
             {
                 header: I18n.getMessage('path'),
                 accessorKey: 'parsedCookie.path',
                 cell: (info) => info,
-                widthWeightagePercentage: 4,
             },
             {
                 header: I18n.getMessage('expires'),
                 accessorKey: 'parsedCookie.expires',
                 cell: (info) => info === 'Session' || !info ? I18n.getMessage('session') : info,
-                widthWeightagePercentage: 7,
             },
         ];
         if (isExtension) {
@@ -133,13 +121,11 @@ const useCookieListing = (tabCookies, selectedFrameUrl, persistenceKey = 'cookie
                 accessorKey: 'parsedCookie.priority',
                 isHiddenByDefault: true,
                 cell: (info) => I18n.getMessage(info?.toLowerCase()),
-                widthWeightagePercentage: 4,
             }, {
                 header: I18n.getMessage('size'),
                 accessorKey: 'parsedCookie.size',
                 isHiddenByDefault: true,
                 cell: (info) => info,
-                widthWeightagePercentage: 3,
             });
         }
         return baseColumns;

package/dist-types/dashboard/components/siteMapReport/cookies.d.ts

@@ -1,15 +1,12 @@
-import { type CompleteJson, type LibraryData, type TabCookies, type TabFrames } from '@google-psat/common';
+import { type CompleteJson, type TabCookies, type TabFrames } from '@google-psat/common';
 interface CookiesTabProps {
     selectedSite?: string;
     tabCookies: TabCookies;
     tabFrames: TabFrames;
     completeJson: CompleteJson[] | null;
     path: string;
-    libraryMatches: {
-        [url: string]: LibraryData;
-    } | null;
     query?: string;
     clearQuery?: () => void;
 }
-declare const CookiesTab: ({ selectedSite, tabCookies, tabFrames, completeJson, path, libraryMatches, query, clearQuery, }: CookiesTabProps) => import("react/jsx-runtime").JSX.Element;
+declare const CookiesTab: ({ selectedSite, tabCookies, tabFrames, completeJson, path, query, clearQuery, }: CookiesTabProps) => import("react/jsx-runtime").JSX.Element;
 export default CookiesTab;

package/dist-types/dashboard/components/siteMapReport/index.d.ts

@@ -1,12 +1,9 @@
-import type { CookieFrameStorageType, CompleteJson, LibraryData, ErroredOutUrlsData } from '@google-psat/common';
+import type { CookieFrameStorageType, CompleteJson, ErroredOutUrlsData } from '@google-psat/common';
 interface SiteMapReportProps {
     landingPageCookies: CookieFrameStorageType;
     completeJson: CompleteJson[] | null;
     path: string;
-    libraryMatches: {
-        [url: string]: LibraryData;
-    } | null;
     erroredOutUrls: ErroredOutUrlsData[];
 }
-declare const SiteMapReport: ({ landingPageCookies, completeJson, path, libraryMatches, erroredOutUrls, }: SiteMapReportProps) => import("react/jsx-runtime").JSX.Element;
+declare const SiteMapReport: ({ landingPageCookies, completeJson, path, erroredOutUrls, }: SiteMapReportProps) => import("react/jsx-runtime").JSX.Element;
 export default SiteMapReport;

package/dist-types/dashboard/components/siteMapReport/layout.d.ts

@@ -2,7 +2,7 @@
  * External dependencies.
  */
 import React from 'react';
-import { type CookieFrameStorageType, type CompleteJson, type LibraryData, type ErroredOutUrlsData } from '@google-psat/common';
+import { type CookieFrameStorageType, type CompleteJson, type ErroredOutUrlsData } from '@google-psat/common';
 import { type SidebarItems } from '@google-psat/design-system';
 interface LayoutProps {
     landingPageCookies: CookieFrameStorageType;
@@ -10,10 +10,7 @@ interface LayoutProps {
     sidebarData: SidebarItems;
     setSidebarData: React.Dispatch<React.SetStateAction<SidebarItems>>;
     path: string;
-    libraryMatches: {
-        [url: string]: LibraryData;
-    } | null;
     erroredOutUrls: ErroredOutUrlsData[];
 }
-declare const Layout: ({ landingPageCookies, completeJson, sidebarData, setSidebarData, path, erroredOutUrls, libraryMatches, }: LayoutProps) => import("react/jsx-runtime").JSX.Element;
+declare const Layout: ({ landingPageCookies, completeJson, sidebarData, setSidebarData, path, erroredOutUrls, }: LayoutProps) => import("react/jsx-runtime").JSX.Element;
 export default Layout;

package/dist-types/dashboard/components/siteReport/index.d.ts

@@ -1,4 +1,4 @@
-import { type CompleteJson, type CookieJsonDataType, type LibraryData } from '@google-psat/common';
+import { type CompleteJson, type CookieJsonDataType } from '@google-psat/common';
 interface SiteReportProps {
     cookies: {
         [frame: string]: {
@@ -8,9 +8,8 @@ interface SiteReportProps {
     completeJson: CompleteJson[] | null;
     selectedSite: string | null;
     path: string;
-    libraryMatches: LibraryData | null;
     query?: string;
     clearQuery?: () => void;
 }
-declare const SiteReport: ({ cookies, completeJson, selectedSite, path, libraryMatches, query, clearQuery, }: SiteReportProps) => import("react/jsx-runtime").JSX.Element;
+declare const SiteReport: ({ cookies, completeJson, selectedSite, path, query, clearQuery, }: SiteReportProps) => import("react/jsx-runtime").JSX.Element;
 export default SiteReport;

package/dist-types/dashboard/components/siteReport/stateProviders/contentStore/index.d.ts

@@ -2,7 +2,7 @@
  * External dependencies.
  */
 import { type PropsWithChildren } from 'react';
-import { type CompleteJson, type CookieJsonDataType, type CookieTableData, type LibraryData } from '@google-psat/common';
+import { type CompleteJson, type CookieJsonDataType, type CookieTableData } from '@google-psat/common';
 export interface ContentStore {
     state: {
         tabCookies: {
@@ -10,10 +10,9 @@ export interface ContentStore {
         };
         completeJson: CompleteJson[] | null;
         path: string;
-        libraryMatches: LibraryData | null;
     };
 }
-export declare const Context: import("use-context-selector").Context<ContentStore>;
+export declare const Context: import("@google-psat/common").Context<ContentStore>;
 interface ContentStoreProviderProps {
     cookies: {
         [frame: string]: {
@@ -22,9 +21,8 @@ interface ContentStoreProviderProps {
     };
     completeJson: CompleteJson[] | null;
     path: string;
-    libraryMatches: LibraryData | null;
 }
-export declare const Provider: ({ cookies, completeJson, children, path, libraryMatches, }: PropsWithChildren<ContentStoreProviderProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const Provider: ({ cookies, completeJson, children, path, }: PropsWithChildren<ContentStoreProviderProps>) => import("react/jsx-runtime").JSX.Element;
 export declare function useContentStore(): ContentStore;
 export declare function useContentStore<T>(selector: (state: ContentStore) => T): T;
 export {};

package/dist-types/dashboard/components/siteReport/tabs/cookies/cookiesLandingContainer/cookieLanding/landing.d.ts

@@ -1,15 +1,14 @@
-import type { LibraryData, TabCookies, TabFrames } from '@google-psat/common';
+import type { TabCookies, TabFrames } from '@google-psat/common';
 interface LandingProps {
     tabFrames: TabFrames;
     tabCookies: TabCookies;
     cookiesWithIssues: TabCookies;
     downloadReport?: () => Promise<void>;
-    libraryMatches: LibraryData | null;
     isSiteMapLandingContainer?: boolean;
     menuBarScrollContainerId?: string;
     libraryMatchesUrlCount?: {
         [url: string]: number;
     };
 }
-declare const Landing: ({ tabFrames, tabCookies, cookiesWithIssues, downloadReport, libraryMatches, libraryMatchesUrlCount, menuBarScrollContainerId, }: LandingProps) => import("react/jsx-runtime").JSX.Element;
+declare const Landing: ({ tabFrames, tabCookies, cookiesWithIssues, downloadReport, menuBarScrollContainerId, }: LandingProps) => import("react/jsx-runtime").JSX.Element;
 export default Landing;

package/dist-types/dashboard/components/siteReport/tabs/cookies/cookiesLandingContainer/index.d.ts

@@ -2,22 +2,18 @@
  * External dependencies.
  */
 import React from 'react';
-import { type LibraryData, type TabCookies, type TabFrames } from '@google-psat/common';
+import { type TabCookies, type TabFrames } from '@google-psat/common';
 import { type TableFilter } from '@google-psat/design-system';
 interface AssembledCookiesLandingProps {
     tabCookies: TabCookies;
     tabFrames: TabFrames;
     setAppliedFilters: React.Dispatch<React.SetStateAction<TableFilter>>;
     downloadReport?: () => Promise<void>;
-    libraryMatches: LibraryData | null;
-    libraryMatchesUrlCount?: {
-        [url: string]: number;
-    };
     isSiteMapLandingContainer?: boolean;
     menuBarScrollContainerId?: string;
     query?: string;
     clearQuery?: () => void;
     url: string | undefined | null;
 }
-declare const _default: React.MemoExoticComponent<({ tabCookies, tabFrames, setAppliedFilters, downloadReport, libraryMatches, libraryMatchesUrlCount, menuBarScrollContainerId, query, clearQuery, url, }: AssembledCookiesLandingProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ tabCookies, tabFrames, setAppliedFilters, downloadReport, menuBarScrollContainerId, query, clearQuery, url, }: AssembledCookiesLandingProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@google-psat/report",
-  "version": "0.14.0",
+  "version": "1.0.0-1",
   "description": "Static HTML analysis report",
   "main": "dist/index.js",
   "types": "dist-types/index.d.ts",
@@ -33,21 +33,11 @@
     "@google-psat/common": "*",
     "@google-psat/design-system": "*",
     "@google-psat/i18n": "*",
-    "@google-psat/library-detection": "*",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "re-resizable": "^6.11.2"
   },
   "devDependencies": {
-    "@babel/plugin-transform-react-jsx": "^7.22.15",
-    "@babel/preset-env": "^7.22.15",
-    "@babel/preset-react": "^7.22.15",
-    "@babel/preset-typescript": "^7.22.15",
-    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.15",
-    "@types/file-saver": "^2.0.5",
-    "babel-loader": "^9.1.3",
-    "webpack": "^5.94.0",
-    "webpack-cli": "^5.1.4",
-    "webpack-dev-server": "^4.15.1",
-    "webpackbar": "^5.0.2"
+    "@types/file-saver": "^2.0.5"
   }
 }

package/tsconfig.json

@@ -21,9 +21,6 @@
     },
     {
       "path": "../i18n"
-    },
-    {
-      "path": "../library-detection"
     }
   ]
 }

package/babel.config.cjs

@@ -1,36 +0,0 @@
-/*
- * Copyright 2023 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     https://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-module.exports = function (api) {
-  const isProduction = api.env('production');
-
-  return {
-    presets: [
-      ['@babel/preset-env'],
-      [
-        '@babel/preset-react',
-        {
-          development: !isProduction,
-        },
-      ],
-      '@babel/preset-typescript',
-    ],
-    plugins: [
-      ['@babel/plugin-transform-react-jsx'],
-      ['babel-plugin-styled-components'],
-    ],
-    sourceMaps: true,
-  };
-};