feat: support disable select all for grid (#933)

Signed-off-by: ryjiang <jiangruiyi@gmail.com>

Author: shanghaikid

client/src/components/grid/Grid.tsx

@@ -24,6 +24,7 @@ import type { AttuGridType } from './Types';
  * @param title  Render breadcrumbs
  * @param openCheckBox control checkbox display. default is true
  * @param disableSelect disable table row select. default false
+ * @param enableSelectAll control select all checkbox display. default true
  * @param noData when table is empty, what tip we need to show.
  * @param showHoverStyle control table row hover style display
  * @param headEditable if true, user can edit header.
@@ -65,6 +66,7 @@ const AttuGrid: FC<AttuGridType> = props => {
     title,
     openCheckBox = true,
     disableSelect = false,
+    enableSelectAll = true,
     noData = commonTrans('grid.noData'),
     showHoverStyle = true,
     headEditable = false,
@@ -229,6 +231,7 @@ const AttuGrid: FC<AttuGridType> = props => {
           rowHeight={rowHeight}
           rowDecorator={rowDecorator}
           addSpacerColumn={addSpacerColumn}
+          enableSelectAll={enableSelectAll}
         ></Table>
         {rowCount && showPagination ? (
           <TablePagination

client/src/components/grid/Table.tsx

@@ -49,6 +49,7 @@ const EnhancedTable: FC<TableType> = props => {
     // set true as default
     openCheckBox = true,
     disableSelect,
+    enableSelectAll = true,
     noData,
     // whether change table row background color when mouse hover
     // set true as default
@@ -119,6 +120,7 @@ const EnhancedTable: FC<TableType> = props => {
               rowCount={rows.length}
               openCheckBox={openCheckBox}
               disableSelect={disableSelect}
+              enableSelectAll={enableSelectAll}
             />
           ) : (
             <EditableTableHead editHeads={editHeads} />

client/src/components/grid/TableHead.tsx

@@ -54,6 +54,7 @@ const EnhancedTableHead: FC<TableHeadType> = props => {
     handleSort,
     openCheckBox,
     disableSelect,
+    enableSelectAll = true,
   } = props;
 
   const createSortHandler = (property: string) => (event: React.MouseEvent) => {
@@ -76,7 +77,7 @@ const EnhancedTableHead: FC<TableHeadType> = props => {
               indeterminate={numSelected > 0 && numSelected < rowCount}
               checked={rowCount > 0 && numSelected === rowCount}
               onChange={onSelectAllClick}
-              disabled={disableSelect}
+              disabled={disableSelect || !enableSelectAll}
               inputProps={{
                 'aria-label': 'select all desserts',
                 role: 'checkbox',

client/src/components/grid/Types.ts

@@ -65,6 +65,7 @@ export type TableHeadType = {
   handleSort?: (e: any, p: string, col?: ColDefinitionsType) => void;
   openCheckBox?: boolean;
   disableSelect?: boolean;
+  enableSelectAll?: boolean;
 };
 
 export type TableEditableHeadType = {
@@ -87,6 +88,7 @@ export type TableType = {
   primaryKey: string;
   openCheckBox?: boolean;
   disableSelect?: boolean;
+  enableSelectAll?: boolean;
   rowDecorator?: (row: any) => SxProps<Theme> | React.CSSProperties;
   noData?: string;
   showHoverStyle?: boolean;
@@ -146,6 +148,7 @@ export type AttuGridType = ToolBarType & {
   title?: string[];
   openCheckBox?: boolean;
   disableSelect?: boolean;
+  enableSelectAll?: boolean;
   noData?: string;
   showHoverStyle?: boolean;
   headEditable?: boolean;

client/src/pages/databases/collections/properties/Properties.tsx

@@ -203,6 +203,7 @@ const Properties = (props: PropertiesProps) => {
         order={order}
         orderBy={orderBy}
         handleSort={handleGridSort}
+        enableSelectAll={false}
         labelDisplayedRows={getLabelDisplayedRows(
           commonTrans(data.length > 1 ? 'grid.properties' : 'grid.property')
         )}