mod-arch-shared
Version:
Shared UI components and utilities for modular architecture micro-frontend projects
24 lines • 1.12 kB
TypeScript
import * as React from 'react';
import type { UseManageColumnsResult } from '../useManageColumns';
import './ManageColumnsModal.scss';
/**
* Configuration for the ManageColumnsModal
*/
export interface ManageColumnsModalProps {
/** Result from useManageColumns hook - provides columns, callbacks, modal state, and defaults */
manageColumnsResult: Pick<UseManageColumnsResult<unknown>, 'managedColumns' | 'setVisibleColumnIds' | 'defaultVisibleColumnIds' | 'isModalOpen' | 'closeModal'>;
/** Modal title - defaults to "Customize columns" */
title?: string;
/** Description text shown above the column list */
description?: string;
/** Maximum number of columns that can be selected, undefined = unlimited */
maxSelections?: number;
/** Tooltip text when max is reached */
maxSelectionsTooltip?: string;
/** Placeholder for the search input */
searchPlaceholder?: string;
/** Test ID prefix for data-testid attributes */
dataTestId?: string;
}
export declare const ManageColumnsModal: React.FC<ManageColumnsModalProps>;
//# sourceMappingURL=ManageColumnsModal.d.ts.map