@google-psat/design-system 0.14.1 → 1.2.1

package/dist-types/components/dropdown/options.d.ts

@@ -0,0 +1,20 @@
+/**
+ * External dependencies
+ */
+import React from 'react';
+export interface Option {
+    value: string;
+    label: string;
+}
+export interface OptGroup {
+    label: string;
+    options: Option[];
+    disabled?: boolean;
+}
+interface OptionsProps {
+    options?: Option[];
+    groups?: OptGroup[];
+    placeholder?: string;
+}
+declare const OptionsComponent: ({ options, groups, placeholder }: OptionsProps) => React.JSX.Element;
+export default OptionsComponent;

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

@@ -53,3 +53,10 @@ export { default as Link } from './link';
 export { default as CardsPanel } from './landingPage/cardsPanel';
 export { default as FrameContent } from './frameContent';
 export { default as JsonView } from './jsonView/jsonView';
+export { default as Timeline } from './timeline';
+export * from './timeline';
+export { default as MultiSelectDropDown } from './multiSelectDropDown';
+export { default as Dropdown } from './dropdown';
+export type { OptGroup, Option } from './dropdown/options';
+export { default as ResizableTray } from './resizableTray';
+export { default as Slider } from './slider';

package/dist-types/components/landingPage/LandingPage.d.ts

@@ -8,15 +8,12 @@ export interface LandingPageProps {
     hideTitle?: boolean;
     children?: ReactNode;
     psInfoKey?: PSInfoKeyType;
-    iframeSrc?: string;
     contentPanel?: ReactNode;
     containerStyles?: string;
-    iframeBorderClass?: string;
-    extraClasses?: string;
     showQuickLinks?: boolean;
     showSupportLink?: boolean;
-    hasTabs?: boolean;
     isLandingPageContainer?: boolean;
+    extraClasses?: string;
 }
-declare const LandingPage: ({ title, hideTitle, psInfoKey, iframeSrc, iframeBorderClass, children, extraClasses, containerStyles, contentPanel, showQuickLinks, showSupportLink, hasTabs, isLandingPageContainer, }: LandingPageProps) => React.JSX.Element;
+declare const LandingPage: ({ title, hideTitle, psInfoKey, children, containerStyles, contentPanel, showQuickLinks, showSupportLink, isLandingPageContainer, extraClasses, }: LandingPageProps) => React.JSX.Element;
 export default LandingPage;

package/dist-types/components/landingPage/cardsPanel.d.ts

@@ -6,12 +6,11 @@ import React, { ComponentType, SVGProps } from 'react';
  * Internal dependencies.
  */
 import { SIDEBAR_ITEMS_KEYS } from '../sidebar';
-type PinnedItem = {
+type FeaturedItem = {
     name: string;
     icon: ComponentType<SVGProps<SVGSVGElement>>;
     sidebarKey: SIDEBAR_ITEMS_KEYS;
-};
-type FeatureItem = PinnedItem & {
+    url?: string;
     description: string;
     colorClasses?: {
         heading?: string;
@@ -19,13 +18,13 @@ type FeatureItem = PinnedItem & {
     buttons?: {
         name: string;
         sidebarKey: SIDEBAR_ITEMS_KEYS;
+        url?: string;
     }[];
 };
 type CardsPanelProps = {
-    pinnedItems?: PinnedItem[];
-    featuredItems: FeatureItem[];
-    hasTitle?: boolean;
-    onFeaturedButtonClick: (event: React.MouseEvent, sidebarKey: SIDEBAR_ITEMS_KEYS) => void;
+    featuredItems: FeaturedItem[];
+    onFeaturedButtonClick: (event: React.MouseEvent, sidebarKey: SIDEBAR_ITEMS_KEYS, url?: string) => void;
+    centered?: boolean;
 };
-declare const CardsPanel: ({ pinnedItems, featuredItems, hasTitle, onFeaturedButtonClick, }: CardsPanelProps) => React.JSX.Element;
+declare const CardsPanel: ({ featuredItems, onFeaturedButtonClick, centered, }: CardsPanelProps) => React.JSX.Element;
 export default CardsPanel;

package/dist-types/components/landingPage/contentPanel.d.ts

@@ -10,7 +10,7 @@ export interface ContentPanelProps {
         description: () => string;
         url: string;
         storyUrl?: string;
-        onClick: () => void;
+        onStoryIconClick: (event: React.MouseEvent<HTMLDivElement>) => void;
         sidebarItemKey?: SIDEBAR_ITEMS_KEYS;
     }[];
 }

package/dist-types/components/landingPage/infoCard/fetchPSInfo.d.ts

@@ -10,12 +10,14 @@ export declare enum PSInfoKey {
     'StorageAccess' = "storage-access",
     'FedCM' = "fedcm",
     'IPProtection' = "ip-protection",
+    'ScriptBlocking' = "script-blocking",
     'PrivateStateTokens' = "private-state-tokens"
 }
 export type PSInfoKeyType = (typeof PSInfoKey)[keyof typeof PSInfoKey];
 export type PSInfo = {
     name: string;
     description: string;
+    links: string[];
     useI18n: boolean;
     proposal: string;
     publicExplainer: string;

package/dist-types/components/landingPage/infoCard/index.d.ts

@@ -5,6 +5,7 @@ import React from 'react';
 import { type PSInfoKeyType } from './fetchPSInfo';
 interface InfoCardProps {
     infoKey: PSInfoKeyType;
+    explainers?: Record<string, string[]>;
 }
-declare const InfoCard: ({ infoKey }: InfoCardProps) => React.JSX.Element;
+declare const InfoCard: ({ infoKey, explainers }: InfoCardProps) => React.JSX.Element;
 export default InfoCard;

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

@@ -4,7 +4,8 @@
 import React from 'react';
 interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
     href: string;
+    stopPropogation?: boolean;
     children: React.ReactElement | string;
 }
-declare const Link: ({ href, children, ...rest }: LinkProps) => React.JSX.Element;
+declare const Link: ({ href, children, stopPropogation, ...rest }: LinkProps) => React.JSX.Element;
 export default Link;

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

@@ -5,6 +5,10 @@ import React from 'react';
 interface MessageBoxProps {
     headerText: string;
     bodyText: string;
+    width?: string;
+    additionalClasses?: string;
+    bodyTextClass?: string;
+    headerTextClass?: string;
 }
-declare const MessageBox: ({ headerText, bodyText }: MessageBoxProps) => React.JSX.Element;
+declare const MessageBox: ({ headerText, bodyText, width, additionalClasses, bodyTextClass, headerTextClass, }: MessageBoxProps) => React.JSX.Element;
 export default MessageBox;

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

@@ -0,0 +1,14 @@
+/**
+ * External dependencies
+ */
+import React from 'react';
+import { Option } from '../dropdown/options';
+interface MultiSelectDropdownProps {
+    options: Option[];
+    selected: string[];
+    onChange: (selected: string[]) => void;
+    placeholder?: string;
+    specialValue?: string;
+}
+declare const MultiSelectDropdown: ({ options, selected, onChange, placeholder, specialValue, }: MultiSelectDropdownProps) => React.JSX.Element;
+export default MultiSelectDropdown;

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

@@ -1,10 +1,13 @@
 import React from 'react';
 interface PillToggleProps {
-    firstOption: string;
-    secondOption: string;
-    pillToggle: string;
-    setPillToggle: (value: string) => void;
+    options: string[];
+    pillToggle: string | null;
+    setPillToggle: (value: string | null) => void;
     eeAnimatedTab: boolean;
+    width?: string;
+    highlightOption?: string;
+    setHighlightOption?: (value: string) => void;
+    persistenceKey?: string;
 }
-declare const PillToggle: ({ firstOption, secondOption, pillToggle, setPillToggle, eeAnimatedTab, }: PillToggleProps) => React.JSX.Element;
+declare const PillToggle: ({ options, pillToggle, setPillToggle, eeAnimatedTab, width, highlightOption, setHighlightOption, persistenceKey, }: PillToggleProps) => React.JSX.Element | null;
 export default PillToggle;

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

@@ -0,0 +1,15 @@
+/**
+ * External dependencies.
+ */
+import { type ResizableProps } from 're-resizable';
+import React from 'react';
+interface ResizableTrayProps extends ResizableProps {
+    trayId?: string;
+}
+export declare const usePersistentTray: (trayId?: string, defaultSize?: ResizableProps["defaultSize"]) => {
+    height: string | undefined;
+    setHeight: React.Dispatch<React.SetStateAction<string | undefined>>;
+    onResizeStop: import("re-resizable").ResizeCallback;
+};
+declare const ResizableTray: (props: ResizableTrayProps) => React.JSX.Element;
+export default ResizableTray;

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

@@ -7,6 +7,9 @@ interface SearchInputProps {
     onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
     clearInput: () => void;
     placeholder?: string;
+    inputExtraClass?: string;
+    showIcon?: boolean;
+    icon?: React.JSX.Element;
 }
-declare const SearchInput: ({ value, onChange, clearInput, placeholder, }: SearchInputProps) => React.JSX.Element;
+declare const SearchInput: ({ value, onChange, clearInput, placeholder, inputExtraClass, icon, }: SearchInputProps) => React.JSX.Element;
 export default SearchInput;

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

@@ -4,6 +4,7 @@
 import React from 'react';
 interface ExpandedSidebarProps {
     visibleWidth?: number;
+    shouldScrollToLatestItem?: boolean;
 }
-declare const ExpandedSidebar: ({ visibleWidth }: ExpandedSidebarProps) => React.JSX.Element;
+declare const ExpandedSidebar: ({ visibleWidth, shouldScrollToLatestItem, }: ExpandedSidebarProps) => React.JSX.Element;
 export default ExpandedSidebar;

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

@@ -4,6 +4,7 @@
 import React from 'react';
 interface SidebarProps {
     visibleWidth?: number;
+    shouldScrollToLatestItem?: boolean;
 }
-declare const Sidebar: ({ visibleWidth }: SidebarProps) => React.JSX.Element;
+declare const Sidebar: ({ visibleWidth, shouldScrollToLatestItem, }: SidebarProps) => React.JSX.Element;
 export default Sidebar;

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

@@ -10,6 +10,7 @@ interface SidebarItemProps {
     sidebarItem: SidebarItemValue;
     recursiveStackIndex?: number;
     visibleWidth?: number;
+    shouldScrollToLatestItem?: boolean;
 }
-declare const SidebarChild: ({ didUserInteract, setDidUserInteract, itemKey, sidebarItem, recursiveStackIndex, visibleWidth, }: SidebarItemProps) => React.JSX.Element;
+declare const SidebarChild: ({ didUserInteract, setDidUserInteract, itemKey, sidebarItem, recursiveStackIndex, visibleWidth, shouldScrollToLatestItem, }: SidebarItemProps) => React.JSX.Element;
 export default SidebarChild;

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

@@ -26,5 +26,7 @@ export declare enum SIDEBAR_ITEMS_KEYS {
     STORAGE_ACCESS = "storage-access",
     FEDERATED_CREDENTIAL = "federated-credential",
     IP_PROTECTION = "ip-protection",
-    PRIVATE_STATE_TOKENS = "private-state-tokens"
+    SCRIPT_BLOCKING = "script-blocking",
+    PRIVATE_STATE_TOKENS = "private-state-tokens",
+    OPEN_INCOGNITO_TAB = "open-incognito-tab"
 }

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

@@ -1,3 +1,7 @@
+/**
+ * External dependencies.
+ */
+import { type Context } from '@google-psat/common';
 /**
  * Internal dependencies.
  */
@@ -19,7 +23,7 @@ export interface SidebarStoreContext {
     };
     actions: {
         setIsSidebarFocused: React.Dispatch<boolean>;
-        updateSelectedItemKey: (key: string | null, queryString?: string) => void;
+        updateSelectedItemKey: (key: string | null, queryString?: string, skipPanelDisplay?: boolean) => void;
         onKeyNavigation: (event: React.KeyboardEvent<HTMLDivElement>, key: string | null) => void;
         toggleDropdown: (action: boolean, key: string) => void;
         isKeyAncestor: (key: string) => boolean;
@@ -32,4 +36,4 @@ export interface SidebarStoreContext {
     };
 }
 export declare const initialState: SidebarStoreContext;
-export declare const SidebarContext: import("use-context-selector").Context<SidebarStoreContext>;
+export declare const SidebarContext: Context<SidebarStoreContext>;

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

@@ -2,6 +2,8 @@ export type SidebarComponent = {
     Element?: (props: any) => React.JSX.Element;
     href?: string;
     props?: Record<string, unknown>;
+    skipPanelDisplay?: boolean;
+    cta?: () => void;
 };
 export type SidebarItemValue = {
     title: (() => string) | string;

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

@@ -8,7 +8,8 @@ import { SidebarItemValue, SidebarItems } from '../types';
  * Tree traversal is done in a depth-first manner to find the item.
  * @param items Sidebar items.
  * @param key Key to find.
+ * @param dropdownOpen Optional parameter to indicate to open the dropdown across the tree.
  * @returns Sidebar item.
  */
-declare const findItem: (items: SidebarItems, key: string | null) => SidebarItemValue | null;
+declare const findItem: (items: SidebarItems, key: string | null, dropdownOpen?: boolean) => SidebarItemValue | null;
 export default findItem;

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

@@ -0,0 +1,14 @@
+/**
+ * External dependencies.
+ */
+import React from 'react';
+interface SliderProps {
+    sliderStep: number;
+    setSliderStep: React.Dispatch<React.SetStateAction<number>> | ((step: number) => void);
+    label?: string;
+    min?: number;
+    max?: number;
+    step?: number;
+}
+declare const Slider: ({ sliderStep, setSliderStep, label, min, max, step, }: SliderProps) => React.JSX.Element;
+export default Slider;

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

@@ -11,6 +11,8 @@ interface TableProps {
     hideSearch?: boolean;
     hideTableTopBar?: boolean;
     rowHeightClass?: string;
+    shouldScroll?: boolean;
+    showOverflow?: boolean;
 }
-declare const Table: ({ selectedKey, isFiltersSidebarOpen, hideFiltering, extraInterfaceToTopBar, minWidth, hideSearch, hideTableTopBar, rowHeightClass, }: TableProps) => React.JSX.Element;
-export default Table;
+declare const _default: React.MemoExoticComponent<({ selectedKey, isFiltersSidebarOpen, hideFiltering, extraInterfaceToTopBar, minWidth, hideSearch, hideTableTopBar, rowHeightClass, shouldScroll, showOverflow, }: TableProps) => React.JSX.Element>;
+export default _default;

package/dist-types/components/table/components/tableBody/bodyCell.d.ts

@@ -8,7 +8,6 @@ import React from 'react';
 import type { TableRow } from '../../useTable';
 interface BodyCellProps {
     cell?: () => React.JSX.Element;
-    width: number;
     row: TableRow;
     hasIcon?: boolean;
     showIcon?: boolean | null;
@@ -17,6 +16,10 @@ interface BodyCellProps {
     };
     onRowClick: (e: React.MouseEvent<HTMLDivElement>) => void;
     rowHeightClass?: string;
+    accessorKey?: string;
+    hasVerticalBar?: boolean;
+    verticalBarColorHash?: string;
+    isHighlighted?: boolean;
 }
-declare const BodyCell: ({ cell, width, row, hasIcon, showIcon, icon, rowHeightClass, }: BodyCellProps) => React.JSX.Element;
+declare const BodyCell: ({ cell, row, hasIcon, showIcon, icon, rowHeightClass, accessorKey, hasVerticalBar, verticalBarColorHash, isHighlighted, }: BodyCellProps) => React.JSX.Element;
 export default BodyCell;

package/dist-types/components/table/components/tableBody/bodyRow.d.ts

@@ -14,9 +14,10 @@ interface BodyRowProps {
     verticalBarColorHash: string;
     getRowObjectKey: (row: TableRow) => string;
     onRowClick: (e: React.MouseEvent<HTMLDivElement>) => void;
-    onKeyDown: (e: React.KeyboardEvent<HTMLDivElement>, index: number) => void;
+    onKeyDown: (e: React.KeyboardEvent<HTMLTableRowElement>, index: number) => void;
     onRowContextMenu: (e: React.MouseEvent<HTMLDivElement>, row: TableRow) => void;
     rowHeightClass?: string;
+    shouldScroll?: boolean;
 }
-declare const BodyRow: ({ row, columns, index, selectedKey, isRowFocused, getExtraClasses, hasVerticalBar, verticalBarColorHash, getRowObjectKey, onRowClick, onKeyDown, onRowContextMenu, rowHeightClass, }: BodyRowProps) => React.JSX.Element;
+declare const BodyRow: ({ row, columns, index, selectedKey, isRowFocused, getExtraClasses, hasVerticalBar, verticalBarColorHash, getRowObjectKey, onRowClick, onKeyDown, onRowContextMenu, rowHeightClass, shouldScroll, }: BodyRowProps) => React.JSX.Element;
 export default BodyRow;

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

@@ -7,6 +7,7 @@ interface TableBodyProps {
     setIsRowFocused: (state: boolean) => void;
     selectedKey: string | undefined | null;
     rowHeightClass?: string;
+    shouldScroll?: boolean;
 }
-declare const TableBody: ({ isRowFocused, setIsRowFocused, selectedKey, rowHeightClass, }: TableBodyProps) => React.JSX.Element;
-export default TableBody;
+declare const _default: React.MemoExoticComponent<({ isRowFocused, setIsRowFocused, selectedKey, rowHeightClass, shouldScroll, }: TableBodyProps) => React.JSX.Element>;
+export default _default;

package/dist-types/components/table/components/tableHeader/headerCell.d.ts

@@ -2,11 +2,13 @@
  * External dependencies.
  */
 import React from 'react';
+/**
+ * Internal dependencies.
+ */
 import { type TableColumn } from '../../useTable';
 interface HeaderCellProps {
-    index: number;
     cell: TableColumn;
     setIsRowFocused: (state: boolean) => void;
 }
-declare const HeaderCell: ({ index, cell, setIsRowFocused }: HeaderCellProps) => React.JSX.Element;
+declare const HeaderCell: ({ cell, setIsRowFocused }: HeaderCellProps) => React.JSX.Element;
 export default HeaderCell;

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

@@ -14,6 +14,7 @@ interface TableTopBarProps {
     disableFiltering?: boolean;
     extraInterface?: () => React.JSX.Element;
     hideSearch?: boolean;
+    count?: number;
 }
-declare const TableTopBar: ({ rows, searchValue, setSearchValue, exportTableData, showFilterSidebar, setShowFilterSidebar, hideFiltering, disableFiltering, extraInterface, hideSearch, }: TableTopBarProps) => React.JSX.Element;
+declare const TableTopBar: ({ rows, searchValue, setSearchValue, exportTableData, showFilterSidebar, setShowFilterSidebar, hideFiltering, disableFiltering, extraInterface, hideSearch, count, }: TableTopBarProps) => React.JSX.Element;
 export default TableTopBar;

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

@@ -16,7 +16,7 @@ export interface TablePersistentSettingsStoreContext {
         getPreferences: (persistentkey: string, type: keyof PersistentStorageData) => PersistentStorageData[keyof PersistentStorageData];
     };
 }
-export declare const Context: import("use-context-selector").Context<TablePersistentSettingsStoreContext>;
+export declare const Context: import("@google-psat/common").Context<TablePersistentSettingsStoreContext>;
 export declare const Provider: ({ children }: PropsWithChildren) => React.JSX.Element;
 export declare function useTablePersistentSettingsStore(): TablePersistentSettingsStoreContext;
 export declare function useTablePersistentSettingsStore<T>(selector: (state: TablePersistentSettingsStoreContext) => T): T;

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

@@ -1,12 +1,16 @@
+/**
+ * External dependencies.
+ */
+import { type Context } from '@google-psat/common';
 /**
  * Internal dependencies.
  */
 import { TableColumn, TableFilter, TableRow, TableProviderProps } from './types';
-import { ColumnResizingOutput } from './useColumnResizing';
 import { ColumnSortingOutput } from './useColumnSorting';
 import { ColumnVisibilityOutput } from './useColumnVisibility';
 import { TableFilteringOutput } from './useFiltering';
 import { TableSearchOutput } from './useSearch';
+import { UseColumnResizing } from './useColumnResizing';
 export interface TableStoreContext {
     state: {
         columns: TableColumn[];
@@ -15,12 +19,16 @@ export interface TableStoreContext {
         sortKey: ColumnSortingOutput['sortKey'];
         sortOrder: ColumnSortingOutput['sortOrder'];
         areAllColumnsVisible: ColumnVisibilityOutput['areAllColumnsVisible'];
-        tableContainerRef: ColumnResizingOutput['tableContainerRef'];
-        isResizing: ColumnResizingOutput['isResizing'];
+        isResizing: boolean;
         filters: TableFilter;
         selectedFilters: TableFilter;
         isFiltering: TableFilteringOutput['isFiltering'];
         searchValue: TableSearchOutput['searchValue'];
+        hasMoreData: boolean;
+        count: number;
+        tableContainerRef: UseColumnResizing['tableContainerRef'];
+        minColumnWidth: number;
+        tableRef: UseColumnResizing['tableRef'];
     };
     actions: {
         setSortKey: ColumnSortingOutput['setSortKey'];
@@ -29,7 +37,6 @@ export interface TableStoreContext {
         toggleVisibility: ColumnVisibilityOutput['toggleVisibility'];
         showColumn: ColumnVisibilityOutput['showColumn'];
         isColumnHidden: ColumnVisibilityOutput['isColumnHidden'];
-        onMouseDown: ColumnResizingOutput['onMouseDown'];
         toggleFilterSelection: TableFilteringOutput['toggleFilterSelection'];
         toggleSelectAllFilter: TableFilteringOutput['toggleSelectAllFilter'];
         resetFilters: TableFilteringOutput['resetFilters'];
@@ -42,6 +49,7 @@ export interface TableStoreContext {
         exportTableData?: TableProviderProps['exportTableData'];
         hasVerticalBar?: TableProviderProps['hasVerticalBar'];
         getVerticalBarColorHash?: (row: TableRow) => string;
+        loadMoreData: () => void;
     };
 }
-export declare const TableContext: import("use-context-selector").Context<TableStoreContext>;
+export declare const TableContext: Context<TableStoreContext>;

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

@@ -3,4 +3,4 @@
  */
 import React, { PropsWithChildren } from 'react';
 import { TableProviderProps } from './types';
-export declare const TableProvider: ({ data, tableColumns, tableFilterData, tableSearchKeys, tablePersistentSettingsKey, onRowClick, onRowContextMenu, getRowObjectKey, conditionalTableRowClassesHandler, exportTableData, hasVerticalBar, getVerticalBarColorHash, isRowSelected, children, }: PropsWithChildren<TableProviderProps>) => React.JSX.Element;
+export declare const TableProvider: ({ data, tableColumns, tableFilterData, tableSearchKeys, tablePersistentSettingsKey, onRowClick, onRowContextMenu, getRowObjectKey, conditionalTableRowClassesHandler, exportTableData, hasVerticalBar, getVerticalBarColorHash, isRowSelected, minColumnWidth, customClearAllFunction, customClearFunction, children, filterRef, }: PropsWithChildren<TableProviderProps>) => React.JSX.Element;

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

@@ -1,9 +1,42 @@
 /**
  * External dependencies.
  */
-import type { AdsAndBiddersType, CookieTableData, InterestGroups, NoBidsType, singleAuctionEvent, ErroredOutUrlsData, SourcesData } from '@google-psat/common';
-export type TableData = (CookieTableData | InterestGroups | singleAuctionEvent | NoBidsType[keyof NoBidsType] | AdsAndBiddersType[keyof AdsAndBiddersType] | ErroredOutUrlsData | SourcesData | ClassificationResult) & {
+import type { AdsAndBiddersType, CookieTableData, InterestGroups, NoBidsType, singleAuctionEvent, ErroredOutUrlsData, SourcesData, MDLTableData, PRTMetadata } from '@google-psat/common';
+export type PrebidConfigTableData = {
+    name: string;
+    value: string | number | boolean;
+    index: number;
+};
+export type PrebidPriceGranularityTableData = {
+    bucket: string;
+    precision: number;
+    minimum: number;
+    maximum: number;
+    increment: number;
+    index: number;
+};
+export type PrebidConsentManagementTableData = {
+    platform: 'gdpr' | 'usp';
+    api: 'iab' | 'static' | 'iabnonsupport' | 'none';
+    timeout?: number;
+    allowAuctionWithoutConsent?: boolean;
+    defaultGdprScope?: boolean;
+};
+export type PrebidUserIdsTableData = {
+    name: string;
+    type?: 'cookie' | 'html5';
+    expires?: number;
+    storageName?: string;
+};
+export type UserEID = {
+    userId: string;
+    aType: number;
+    source: string;
+};
+export type TableData = (CookieTableData | InterestGroups | singleAuctionEvent | NoBidsType[keyof NoBidsType] | AdsAndBiddersType[keyof AdsAndBiddersType] | ErroredOutUrlsData | SourcesData | ClassificationResult | PrebidConfigTableData | PrebidPriceGranularityTableData | PrebidConsentManagementTableData | PrebidUserIdsTableData | UserEID | MDLTableData | PRTMetadata) & {
     highlighted?: boolean;
+    highlightedClass?: () => string;
+    scrollToHighlighted?: boolean;
 };
 export interface ClassificationResult {
     domain: string;
@@ -25,9 +58,10 @@ export type TableColumn = {
         Element: (props: any) => React.JSX.Element;
     };
     showBodyCellPrefixIcon?: (row: TableRow) => boolean;
-    widthWeightagePercentage?: number;
-    width?: number;
     sortingComparator?: (a: InfoType, b: InfoType) => number;
+    initialWidth?: number;
+    minWidth?: number;
+    maxWidth?: number;
 };
 export type TableRow = {
     [accessorKey: string]: {
@@ -83,4 +117,13 @@ export interface TableProviderProps {
     hasVerticalBar?: (row: TableRow) => boolean;
     getVerticalBarColorHash?: (row: TableRow) => string;
     isRowSelected?: (cookie: TableData | null) => boolean;
+    tableContainerRef?: React.RefObject<HTMLDivElement>;
+    tableRef?: React.RefObject<HTMLTableElement>;
+    minColumnWidth?: number;
+    customClearFunction?: (key: string, value: string) => void;
+    customClearAllFunction?: () => void;
+    filterRef?: React.RefObject<{
+        resetFilters: () => void;
+        toggleFilterSelection: (filterKey: string, filterValue: string, isRemovalAction?: boolean) => void;
+    }>;
 }

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

@@ -1,12 +1,14 @@
-/**
- * Internal dependencies.
- */
-import type { TableColumn } from '../types';
-export type ColumnResizingOutput = {
-    columns: TableColumn[];
-    tableContainerRef: React.RefObject<HTMLDivElement> | null;
-    onMouseDown: (selectedColumnRef: React.RefObject<HTMLTableHeaderCellElement>, index: number) => void;
+export declare const columnResizeHandleClassName = "column-resize-handle";
+export type UseColumnResizing = {
     isResizing: boolean;
+    setColumnWidths: () => void;
+    tableContainerRef: React.RefObject<HTMLDivElement> | null;
+    tableRef: React.RefObject<HTMLTableElement> | null;
 };
-declare const useColumnResizing: (tableColumns: TableColumn[], allTableColumnsKeys: string[], tablePersistentSettingsKey?: string) => ColumnResizingOutput;
+/**
+ * Custom hook to handle column resizing.
+ * @param tablePersistentSettingsKey - key to persist the columns sizing
+ * @returns {UseColumnResizing} isResizing - Whether the column is being resized.
+ */
+declare const useColumnResizing: (tablePersistentSettingsKey?: string) => UseColumnResizing;
 export default useColumnResizing;

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

@@ -12,5 +12,5 @@ export type TableFilteringOutput = {
     isSelectAllFilterSelected: (filterKey: string) => boolean;
     resetFilters: () => void;
 };
-declare const useFiltering: (data: TableData[], tableFilterData: TableFilter | undefined, specificTablePersistentSettingsKey?: string, genericTablePersistentSettingsKey?: string) => TableFilteringOutput;
+declare const useFiltering: (data: TableData[], tableFilterData: TableFilter | undefined, specificTablePersistentSettingsKey?: string, genericTablePersistentSettingsKey?: string, customClearFunction?: (key: string, value: string) => void, customClearAllFunction?: () => void) => TableFilteringOutput;
 export default useFiltering;

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

@@ -3,5 +3,5 @@ interface TabsProps {
     showBottomBorder?: boolean;
     fontSizeClass?: string;
 }
-declare const Tabs: ({ showBottomBorder, fontSizeClass }: TabsProps) => React.JSX.Element;
+declare const Tabs: ({ showBottomBorder, fontSizeClass }: TabsProps) => React.JSX.Element | null;
 export default Tabs;

package/dist-types/components/tabs/useTabs/context.d.ts

@@ -1,20 +1,30 @@
 export interface TabsStoreContext {
     state: {
         activeTab: number;
+        activeGroup: string | null;
+        groupedTitles: Record<string, {
+            title: string;
+            index: number;
+        }[]>;
         titles: string[];
         panel: {
             Element: ((props: any) => React.JSX.Element) | null;
             props?: Record<string, any>;
             className?: string;
+            containerClassName?: string;
         };
         storage: string[];
+        isGroup: boolean;
+        loading: boolean;
     };
     actions: {
         setStorage: (data: string, index?: number) => void;
         setActiveTab: (tab: number) => void;
+        setActiveGroup: (group: string) => void;
         highlightTab: (tab: number, count?: boolean | number, increment?: boolean) => void;
         isTabHighlighted: (tab: number) => boolean | number;
         shouldAddSpacer: (tab: number) => boolean;
+        getTabGroup: (tab: number) => string;
     };
 }
-export declare const TabsContext: import("use-context-selector").Context<TabsStoreContext>;
+export declare const TabsContext: import("@google-psat/common").Context<TabsStoreContext>;

package/dist-types/components/tabs/useTabs/provider.d.ts

@@ -5,5 +5,5 @@ import React, { PropsWithChildren } from 'react';
 /**
  * Internal dependencies.
  */
-import { TabsProviderProps } from './types';
-export declare const TabsProvider: ({ children, items, }: PropsWithChildren<TabsProviderProps>) => React.JSX.Element;
+import type { TabsProviderProps } from './types';
+export declare const TabsProvider: ({ children, items, isGroup, name, }: PropsWithChildren<TabsProviderProps>) => React.JSX.Element;