@google-psat/design-system 0.9.0-3 → 0.10.0

package/dist-types/components/table/components/filtersSidebar/index.d.ts

@@ -2,5 +2,12 @@
  * External dependencies.
  */
 import React from 'react';
-declare const FiltersSidebar: () => React.JSX.Element | null;
+import { TableFilter } from '../../useTable';
+interface FiltersSidebarProps {
+    filters: TableFilter;
+    isSelectAllFilterSelected: (filterKey: string) => boolean;
+    toggleFilterSelection: (filterKey: string, filterValue: string, isRemovalAction?: boolean | undefined) => void;
+    toggleSelectAllFilter: (filterKey: string, isSingleFilterRemovalAction?: boolean | undefined) => void;
+}
+declare const FiltersSidebar: ({ filters, isSelectAllFilterSelected, toggleFilterSelection, toggleSelectAllFilter, }: FiltersSidebarProps) => React.JSX.Element | null;
 export default FiltersSidebar;

package/dist-types/components/table/components/filtersSidebar/listItem.d.ts

@@ -9,6 +9,8 @@ interface ListItemProps {
     expandAll: boolean;
     isSelectAllFilterSelected: boolean;
     toggleFilterExpansion: (filterKey: string, expand?: boolean) => void;
+    toggleFilterSelection: (filterKey: string, filterValue: string, isRemovalAction?: boolean) => void;
+    toggleSelectAllFilter: (filterKey: string, isSingleFilterRemovalAction?: boolean) => void;
 }
-declare const ListItem: ({ filter, filterKey, expandAll, toggleFilterExpansion, isSelectAllFilterSelected, }: ListItemProps) => React.JSX.Element;
+declare const ListItem: ({ filter, filterKey, expandAll, toggleFilterExpansion, isSelectAllFilterSelected, toggleFilterSelection, toggleSelectAllFilter, }: ListItemProps) => React.JSX.Element;
 export default ListItem;

package/dist-types/components/table/components/filtersSidebar/subList.d.ts

@@ -13,6 +13,8 @@ interface SubListProps {
     isExpanded: boolean;
     isSelectAllFilterEnabled: boolean;
     isSelectAllFilterSelected: boolean;
+    toggleFilterSelection: (filterKey: string, filterValue: string, isRemovalAction?: boolean | undefined) => void;
+    toggleSelectAllFilter: (filterKey: string, isSingleFilterRemovalAction?: boolean | undefined) => void;
 }
-declare const SubList: ({ filterValues, filterKey, sort, isExpanded, isSelectAllFilterEnabled, isSelectAllFilterSelected, }: SubListProps) => React.JSX.Element;
+declare const SubList: ({ filterValues, filterKey, sort, isExpanded, isSelectAllFilterEnabled, isSelectAllFilterSelected, toggleFilterSelection, toggleSelectAllFilter, }: SubListProps) => React.JSX.Element;
 export default SubList;

package/dist-types/components/table/index.d.ts

@@ -1,4 +1,8 @@
 export { default as Table } from './components';
+export { default as FiltersSidebar } from './components/filtersSidebar';
+export { default as ChipsBar } from './components/filtersSidebar/chips';
+export { default as useFiltering } from './useTable/useFiltering';
+export * from './useTable/useFiltering';
 export * from './persistentSettingsStore';
 export * from './useTable';
 export * from './utils';

package/dist-types/components/table/persistentSettingsStore/utils/extractStorage.d.ts

@@ -2,5 +2,5 @@
  * Internal dependencies
  */
 import { TablePersistentSettingsStoreContext } from '..';
-declare const extractStorage: (persistenceKey: string, isChromeExtension: boolean) => Promise<TablePersistentSettingsStoreContext['state']>;
+declare const extractStorage: (persistenceKey: string, isChromeExtension: boolean) => Promise<TablePersistentSettingsStoreContext["state"]>;
 export default extractStorage;

package/dist-types/components/table/useTable/types.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 /**
  * External dependencies.
  */
-import { CookieTableData, TechnologyData } from '@google-psat/common';
+import type { CookieTableData, TechnologyData } from '@google-psat/common';
 export type TableData = (CookieTableData | TechnologyData) & {
     highlighted?: boolean;
 };
@@ -20,6 +19,7 @@ export type TableColumn = {
     showBodyCellPrefixIcon?: (row: TableRow) => boolean;
     widthWeightagePercentage?: number;
     width?: number;
+    sortingComparator?: (a: InfoType, b: InfoType) => number;
 };
 export type TableRow = {
     [accessorKey: string]: {

package/dist-types/components/table/useTable/useColumnResizing/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Internal dependencies.
  */

package/dist-types/components/table/useTable/useColumnSorting/index.d.ts

@@ -1,7 +1,7 @@
 /**
  * Internal dependencies.
  */
-import type { TableData } from '../types';
+import type { TableColumn, TableData } from '../types';
 export type DefaultOptions = {
     defaultSortKey?: string;
     defaultSortOrder?: 'asc' | 'desc';
@@ -13,5 +13,5 @@ export type ColumnSortingOutput = {
     sortKey: string;
     sortOrder: 'asc' | 'desc';
 };
-declare const useColumnSorting: (data: TableData[], tablePersistentSettingsKey?: string) => ColumnSortingOutput;
+declare const useColumnSorting: (data: TableData[], tableColumns: TableColumn[], tablePersistentSettingsKey?: string) => ColumnSortingOutput;
 export default useColumnSorting;

package/dist-types/components/table/useTable/useFiltering/hooks/useFiltersExtraction.d.ts

@@ -1,8 +1,8 @@
-import { PersistentStorageData, TableData, TableFilter } from '../../types';
 /**
- * External dependencies.
+ * Internal dependencies
  */
-declare const useFiltersExtraction: (data: TableData[], tableFilterData: TableFilter | undefined, options: React.MutableRefObject<PersistentStorageData['selectedFilters']>, selectAllFilterSelection: {
+import { PersistentStorageData, TableData, TableFilter } from '../../types';
+declare const useFiltersExtraction: (data: TableData[], tableFilterData: TableFilter | undefined, options: React.MutableRefObject<PersistentStorageData["selectedFilters"]>, selectAllFilterSelection: {
     [filterKey: string]: {
         selected: boolean | null;
     };

package/dist-types/components/table/useTable/useFiltering/hooks/useFiltersOptions.d.ts

@@ -6,5 +6,5 @@ declare const useFiltersOptions: (setSelectAllFilterSelection: React.Dispatch<Re
     [filterKey: string]: {
         selected: boolean | null;
     };
-}>>, setFilters: React.Dispatch<React.SetStateAction<TableFilter>>, options: React.MutableRefObject<PersistentStorageData['selectedFilters']>, isDataLoading: boolean) => void;
+}>>, setFilters: React.Dispatch<React.SetStateAction<TableFilter>>, options: React.MutableRefObject<PersistentStorageData["selectedFilters"]>, isDataLoading: boolean) => void;
 export default useFiltersOptions;

package/dist-types/components/table/useTable/useFiltering/hooks/useFiltersPersistence.d.ts

@@ -1,5 +1,5 @@
 import { PersistentStorageData, TableFilter } from '../../types';
-declare const useFiltersPersistence: (filters: TableFilter | undefined, options: React.MutableRefObject<PersistentStorageData['selectedFilters']>, selectAllFilters: {
+declare const useFiltersPersistence: (filters: TableFilter | undefined, options: React.MutableRefObject<PersistentStorageData["selectedFilters"]>, selectAllFilters: {
     [filterKey: string]: {
         selected: boolean | null;
     };

package/dist-types/components/table/useTable/useSearch/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Internal dependencies.
  */

package/dist-types/components/table/utils/generatExtensionCookietableCSV.d.ts

@@ -1,6 +1,6 @@
 /**
  * External dependencies.
  */
-import { CookieTableData } from '@google-psat/common';
+import { type CookieTableData } from '@google-psat/common';
 declare const generateExtensionCookieTableCSV: (cookies: CookieTableData[]) => Blob;
 export default generateExtensionCookieTableCSV;

package/dist-types/components/table/utils/generateCLICookieTableCSV.d.ts

@@ -1,6 +1,6 @@
 /**
  * External dependencies.
  */
-import { CookieTableData } from '@google-psat/common';
+import { type CookieTableData } from '@google-psat/common';
 declare const generateCLICookieTableCSV: (cookies: CookieTableData[]) => Blob;
 export default generateCLICookieTableCSV;

package/dist-types/components/table/utils/precalculatedFiltersUtils/calculateBlockedReasonsFilterValues.d.ts

@@ -13,7 +13,7 @@ import { type CookieTableData } from '@google-psat/common';
 declare const calculateBlockedReasonsFilterValues: (tabCookies: CookieTableData[], options: string[], clearQuery?: () => void) => {
     [filterValue: string]: {
         selected: boolean | null;
-        description?: string | undefined;
+        description?: string;
     };
 } | undefined;
 export default calculateBlockedReasonsFilterValues;

package/dist-types/components/table/utils/precalculatedFiltersUtils/calculateDynamicFilterValues.d.ts

@@ -16,5 +16,5 @@ import { TableFilter } from '../../useTable';
  * @param runTranslation Boolean to check if the translation should be run.
  * @returns	Filters for the provider key.
  */
-declare const calculateDynamicFilterValues: (key: string, tabCookies: CookieTableData[], options: string[], clearQuery?: () => void, runTranslation?: boolean) => TableFilter[keyof TableFilter]['filterValues'];
+declare const calculateDynamicFilterValues: (key: string, tabCookies: CookieTableData[], options: string[], clearQuery?: () => void, runTranslation?: boolean) => TableFilter[keyof TableFilter]["filterValues"];
 export default calculateDynamicFilterValues;

package/dist-types/components/table/utils/precalculatedFiltersUtils/calculateExemptionReasons.d.ts

@@ -1,4 +1,4 @@
-import { CookieTableData } from '@google-psat/common';
+import type { CookieTableData } from '@google-psat/common';
 /**
  * This function will return set of non duplicated cookie execmption reason.
  * @param cookies The cookie table data.
@@ -9,7 +9,7 @@ import { CookieTableData } from '@google-psat/common';
 declare function frameOnlyExemptionReasonValues(cookies: CookieTableData[], clearQuery?: () => void, options?: string[]): {
     [filterValue: string]: {
         selected: boolean | null;
-        description?: string | undefined;
+        description?: string;
     };
 } | undefined;
 export default frameOnlyExemptionReasonValues;

package/dist-types/components/table/utils/precalculatedFiltersUtils/evaluateStaticFilterValues.d.ts

@@ -7,10 +7,10 @@ import { TableFilter } from '../../useTable';
  * @param clearActivePanelQuery Function to clear the query to avoid conflicts.
  * @returns Filter values for the static filter.
  */
-declare const evaluateStaticFilterValues: (staticValues: TableFilter[keyof TableFilter]['filterValues'], filterKey: string, parsedQuery: Record<string, any>, clearActivePanelQuery?: () => void) => {
+declare const evaluateStaticFilterValues: (staticValues: TableFilter[keyof TableFilter]["filterValues"], filterKey: string, parsedQuery: Record<string, any>, clearActivePanelQuery?: () => void) => {
     [filterValue: string]: {
         selected: boolean | null;
-        description?: string | undefined;
+        description?: string;
     };
 } | undefined;
 export default evaluateStaticFilterValues;

package/dist-types/test-data/cookieMockData.d.ts

@@ -1,8 +1,7 @@
 /**
  * External dependencies.
  */
-import { type Cookie as ParsedCookie } from 'simple-cookie';
-import { TabCookies, TabFrames } from '@google-psat/common';
+import type { CookieData, TabCookies, TabFrames } from '@google-psat/common';
 export declare const emptyAnalytics: {
     platform: string;
     category: string;
@@ -14,11 +13,11 @@ export declare const emptyAnalytics: {
     gdprUrl: string;
     wildcard: string;
 };
-export declare const uncategorized1pCookie: ParsedCookie;
-export declare const uncategorized3pCookie: ParsedCookie;
-export declare const known1pCookie: ParsedCookie;
-export declare const known3pCookie: ParsedCookie;
-export declare const known3pCookieWithValue: ParsedCookie;
+export declare const uncategorized1pCookie: CookieData['parsedCookie'];
+export declare const uncategorized3pCookie: CookieData['parsedCookie'];
+export declare const known1pCookie: CookieData['parsedCookie'];
+export declare const known3pCookie: CookieData['parsedCookie'];
+export declare const known3pCookieWithValue: CookieData['parsedCookie'];
 declare const data: {
     tabCookies: TabCookies;
     tabUrl: string;

package/dist-types/test-data/cookieTableBody.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const bodyRowData: {
     row: {
         'parsedCookie.name': {

package/dist-types/utils/index.d.ts

@@ -3,3 +3,4 @@ export { default as prepareCookiesCount } from './prepareCookiesCount';
 export { default as prepareCookieStatsComponents } from './prepareCookieStatsComponents';
 export { default as prepareFrameStatsComponent } from './prepareFrameStatsComponent';
 export { default as prepareCookieDataMapping } from './prepareCookieDataMapping';
+export { default as prepareFrameStatsComponentForExtensionDashboard } from './prepareFrameStatsComponentForExtensionDashboard';

package/dist-types/utils/prepareFrameStatsComponentForExtensionDashboard.d.ts

@@ -0,0 +1,26 @@
+/**
+ * External dependencies
+ */
+import type { CompleteJson } from '@google-psat/common';
+/**
+ * Calcualte insights about frames to be shown on cookies landing page.
+ * @param json Complete json for the Dashboard.
+ * @returns object
+ */
+export default function prepareFrameStatsComponentForExtensionDashboard(json: CompleteJson | null): {
+    dataMapping: {
+        title: string;
+        count: number;
+        data: {
+            count: number;
+            color: string;
+        }[];
+    }[];
+    legend: {
+        label: string;
+        descriptionKey: string;
+        count: number;
+        color: string;
+        countClassName: string;
+    }[];
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@google-psat/design-system",
-  "version": "0.9.0-3",
+  "version": "0.10.0",
   "description": "A package for presentational components that are being used in multiple packages",
   "main": "dist/index.js",
   "types": "dist-types/index.d.ts",
@@ -13,7 +13,7 @@
   "scripts": {
     "build": "tsc",
     "dev": "tsc-watch",
-    "build:remove": "rimraf dist dist-types tsconfig.tsbuildinfo",
+    "prebuild": "rimraf dist dist-types tsconfig.tsbuildinfo",
     "publish:local": "npm publish --registry=http://localhost:4873",
     "publish:remote": "npm publish --access=public --registry=https://registry.npmjs.org",
     "unpublish:local": "npm unpublish --registry=http://localhost:4873 --force",
@@ -21,7 +21,7 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/GoogleChromeLabs/ps-analysis-tool.git",
+    "url": "https://github.com/GoogleChromeLabs/ps-analysis-tool",
     "directory": "packages/design-system"
   },
   "publishConfig": {
@@ -38,8 +38,14 @@
   "dependencies": {
     "@google-psat/common": "*",
     "@google-psat/i18n": "*",
+    "classnames": "^2.3.2",
+    "fast-xml-parser": "^4.4.1",
+    "file-saver": "^2.0.5",
+    "jszip": "^3.10.1",
     "p-queue": "^7.3.4",
+    "re-resizable": "^6.9.9",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "use-context-selector": "^1.4.1"
-  },
-  "devDependencies": {}
+  }
 }