UNPKG

1.86 kBTypeScriptView Raw
1import * as React from 'react';
2import { RefObject } from 'react';
3import { PickOptional } from '../../helpers/typeUtils';
4export interface ToolbarChipGroupContentProps extends React.HTMLProps<HTMLDivElement> {
5 /** Classes applied to root element of the data toolbar content row */
6 className?: string;
7 /** Flag indicating if a data toolbar toggle group's expandable content is expanded */
8 isExpanded?: boolean;
9 /** Chip group content reference for passing to data toolbar children */
10 chipGroupContentRef?: RefObject<any>;
11 /** optional callback for clearing all filters in the toolbar */
12 clearAllFilters?: () => void;
13 /** Flag indicating that the clear all filters button should be visible */
14 showClearFiltersButton: boolean;
15 /** Text to display in the clear all filters button */
16 clearFiltersButtonText?: string;
17 /** Total number of filters currently being applied across all ToolbarFilter components */
18 numberOfFilters: number;
19 /** Text to display in the total number of applied filters ToolbarFilter */
20 numberOfFiltersText?: (numberOfFilters: number) => string;
21 /** The breakpoint at which the listed filters in chip groups are collapsed down to a summary */
22 collapseListedFiltersBreakpoint?: 'all' | 'md' | 'lg' | 'xl' | '2xl';
23 /** Custom additional content appended to the generated chips. To maintain spacing and styling, each node should be a ToolbarItem or ToolbarGroup. This property will remove the built in "Clear all filters" button. */
24 customChipGroupContent?: React.ReactNode;
25}
26export declare class ToolbarChipGroupContent extends React.Component<ToolbarChipGroupContentProps> {
27 static displayName: string;
28 static defaultProps: PickOptional<ToolbarChipGroupContentProps>;
29 render(): JSX.Element;
30}
31//# sourceMappingURL=ToolbarChipGroupContent.d.ts.map
\No newline at end of file