@google-psat/design-system 0.10.2 → 0.11.0-1

package/dist-types/components/sidebar/useSidebar/constants.d.ts

@@ -1,19 +1,20 @@
 export declare enum SIDEBAR_ITEMS_KEYS {
+    DASHBOARD = "dashboard",
     COOKIES = "cookies",
     COOKIES_WITH_ISSUES = "cookie-issues",
-    TECHNOLOGIES = "technologies",
     PRIVACY_SANDBOX = "privacy-sandbox",
     SITE_BOUNDARIES = "site-boundaries",
     CHIPS = "chips",
     RELATED_WEBSITE_SETS = "related-website-sets",
     PRIVATE_ADVERTISING = "private-advertising",
     TOPICS = "topics",
-    ATTRIBUTION = "attribution",
+    ATTRIBUTION_REPORTING = "attribution-reporting",
     PROTECTED_AUDIENCE = "protected-audience",
     PRIVATE_AGGREGATION = "private-aggregation",
     ANTI_COVERT_TRACKING = "anti-covert-tracking",
     BOUNCE_TRACKING = "bounce-tracking",
     FINGERPRINTING = "fingerprinting",
     FACILITATED_TESTING = "facilitated-testing",
+    WIKI = "wiki",
     SETTINGS = "settings"
 }

package/dist-types/components/sidebar/useSidebar/context.d.ts

@@ -1,7 +1,7 @@
 /**
  * Internal dependencies.
  */
-import { SidebarComponent, SidebarItems } from './types';
+import { CollapsedSidebarItems, SidebarComponent, SidebarItems } from './types';
 export interface SidebarStoreContext {
     state: {
         activePanel: {
@@ -12,7 +12,10 @@ export interface SidebarStoreContext {
         selectedItemKey: string | null;
         currentItemKey: string | null;
         sidebarItems: SidebarItems;
+        collapsedSidebarItems?: CollapsedSidebarItems;
         isSidebarFocused: boolean;
+        isCollapsed: boolean;
+        isSidebarCollapsible: boolean;
     };
     actions: {
         setIsSidebarFocused: React.Dispatch<boolean>;
@@ -21,6 +24,11 @@ export interface SidebarStoreContext {
         toggleDropdown: (action: boolean, key: string) => void;
         isKeyAncestor: (key: string) => boolean;
         isKeySelected: (key: string) => boolean;
+        toggleSidebarCollapse: () => void;
+        extractSelectedItemKeyTitles: () => Array<{
+            title: string;
+            key: string;
+        }>;
     };
 }
 export declare const initialState: SidebarStoreContext;

package/dist-types/components/sidebar/useSidebar/provider.d.ts

@@ -3,4 +3,4 @@
  */
 import React, { PropsWithChildren } from 'react';
 import { useSidebarProps } from './types';
-export declare const SidebarProvider: ({ data, defaultSelectedItemKey, children, }: PropsWithChildren<useSidebarProps>) => React.JSX.Element;
+export declare const SidebarProvider: ({ data, defaultSelectedItemKey, collapsedData, collapsedState, children, }: PropsWithChildren<useSidebarProps>) => React.JSX.Element;

package/dist-types/components/sidebar/useSidebar/types.d.ts

@@ -17,7 +17,17 @@ export type SidebarItemValue = {
 export type SidebarItems = {
     [key: string]: SidebarItemValue;
 };
+export type CollapsedSidebarItems = {
+    footerElements: {
+        [key: string]: {
+            icon: SidebarComponent;
+            title: (() => string) | string;
+        };
+    };
+};
 export interface useSidebarProps {
     data: SidebarItems;
     defaultSelectedItemKey?: string | null;
+    collapsedState?: boolean;
+    collapsedData?: CollapsedSidebarItems;
 }

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

@@ -1,8 +1,8 @@
 /**
  * External dependencies.
  */
-import type { CookieTableData, TechnologyData } from '@google-psat/common';
-export type TableData = (CookieTableData | TechnologyData) & {
+import type { CookieTableData } from '@google-psat/common';
+export type TableData = CookieTableData & {
     highlighted?: boolean;
 };
 export type InfoType = number | string | boolean | Array<string | number> | [];

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

@@ -0,0 +1,12 @@
+import React from 'react';
+interface TabsProps {
+    items: Array<{
+        title: string;
+        content: {
+            Element: (props: any) => React.JSX.Element;
+            props?: Record<string, any>;
+        };
+    }>;
+}
+declare const Tabs: ({ items }: TabsProps) => React.JSX.Element;
+export default Tabs;

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

@@ -58,3 +58,12 @@ export { default as GreenTick } from './green-tick-icon.svg';
 export { default as ChevronDown } from './chevron-down.svg';
 export { default as WarningBare } from './warning.svg';
 export { default as GroupsIcon } from './groups.svg';
+export { default as ExternalLinkBlack } from './external-link-black.svg';
+export { default as DashboardIcon } from './dashboard.svg';
+export { default as DashboardIconWhite } from './dashboard-white.svg';
+export { default as WikiIcon } from './wiki.svg';
+export { default as WikiIconWhite } from './wiki-white.svg';
+export { default as ExternalLinkIcon } from './external-link.svg';
+export { default as DoubleArrowIcon } from './double-arrow-icon.svg';
+export { default as Settings } from './settings.svg';
+export { default as MenuOpenIcon } from './menu-open-icon.svg';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@google-psat/design-system",
-  "version": "0.10.2",
+  "version": "0.11.0-1",
   "description": "A package for presentational components that are being used in multiple packages",
   "main": "dist/index.js",
   "types": "dist-types/index.d.ts",