/** * ViewSettingsPopover * * UX Sprint 2 (P1-4): consolidates four small toolbar controls that the * UX audit flagged as "too many top-level chips": * - Group by * - Row color * - Density * - Hide fields * * into a single "View settings" popover keyed by a gear icon. Filter and * Sort remain top-level because they're primary data operations, but the * appearance/grouping cluster collapses behind one trigger that opens an * accordion-style sheet. * * Implementation notes: * - Each section is collapsible (default open) so users can focus on one. * - Content is duplicated from the original inline popovers; if you change * behavior, update both this and the legacy code path in ListView.tsx * (kept behind `appearance.compactToolbar: false` for back-compat). * * @module */ import * as React from 'react'; export interface ViewSettingsField { name: string; label?: string; } export interface ViewSettingsDensity { mode: 'compact' | 'comfortable' | 'spacious'; cycle: () => void; } export interface ViewSettingsPopoverProps { t: (key: string, opts?: any) => string; allFields: ViewSettingsField[]; showGroup?: boolean; groupingConfig?: any; setGroupingConfig?: (next: any) => void; showColor?: boolean; rowColorConfig?: { field: string; colors?: Record; } | undefined; setRowColorConfig?: (next: { field: string; colors: Record; } | undefined) => void; showDensity?: boolean; density?: ViewSettingsDensity; showHideFields?: boolean; hiddenFields?: Set; updateHiddenFields?: (next: Set) => void; } export declare function ViewSettingsPopover(props: ViewSettingsPopoverProps): React.JSX.Element; //# sourceMappingURL=ViewSettingsPopover.d.ts.map