@awsui/components-react
Version:
On July 19th, 2022, we launched [Cloudscape Design System](https://cloudscape.design). Cloudscape is an evolution of AWS-UI. It consists of user interface guidelines, front-end components, design resources, and development tools for building intuitive, en
38 lines • 1.33 kB
TypeScript
import React from 'react';
import { InternalPopoverProps } from '../../popover/internal';
export declare namespace FilteringTokenProps {
type Operation = 'and' | 'or';
}
export interface FilteringTokenProps {
tokens: TokenItem[];
operation: FilteringTokenProps.Operation;
groupOperation: FilteringTokenProps.Operation;
showOperation: boolean;
andText: string;
orText: string;
groupAriaLabel: string;
operationAriaLabel: string;
groupEditAriaLabel: string;
disabled?: boolean;
onChangeOperation: (operation: FilteringTokenProps.Operation) => void;
onChangeGroupOperation: (operation: FilteringTokenProps.Operation) => void;
onDismissToken: (tokenIndex: number) => void;
editorContent: React.ReactNode;
editorHeader: string;
editorDismissAriaLabel?: string;
editorExpandToViewport: boolean;
onEditorOpen?: () => void;
hasGroups: boolean;
popoverSize: InternalPopoverProps['size'];
}
export interface FilteringTokenRef {
closeEditor(): void;
}
interface TokenItem {
content: React.ReactNode;
ariaLabel: string;
dismissAriaLabel: string;
}
declare const FilteringToken: React.ForwardRefExoticComponent<FilteringTokenProps & React.RefAttributes<FilteringTokenRef>>;
export default FilteringToken;
//# sourceMappingURL=index.d.ts.map