fix: config checkbox selection in the admin panel

admin/src/components/ConfigList/ConfigListRow/index.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Tr, Td, Checkbox, Typography } from '@strapi/design-system';
+import { Tr, Td, Checkbox, Typography, Box } from '@strapi/design-system';
 
 const CustomRow = ({ row, checked, updateValue, ...props }) => {
   const { configName, configType, state, onClick } = row;
@@ -39,26 +39,23 @@ const CustomRow = ({ row, checked, updateValue, ...props }) => {
         if (e.target.type !== 'checkbox') {
           onClick(configType, configName);
         }
-        if (props.onClick) {
-          props.onClick(e);
-        }
       }}
       style={{ cursor: 'pointer' }}
     >
       <Td>
         <Checkbox
           aria-label={`Select ${configName}`}
-          value={checked}
+          checked={checked}
-          onValueChange={updateValue}
+          onCheckedChange={updateValue}
         />
       </Td>
-      <Td>
+      <Td onClick={(e) => props.onClick(e)}>
         <Typography variant="omega">{configName}</Typography>
       </Td>
-      <Td>
+      <Td onClick={(e) => props.onClick(e)}>
         <Typography variant="omega">{configType}</Typography>
       </Td>
-      <Td>
+      <Td onClick={(e) => props.onClick(e)}>
         <Typography variant="omega" style={stateStyle(state)}>{state}</Typography>
       </Td>
     </Tr>

admin/src/components/ConfigList/index.jsx

@@ -123,9 +123,8 @@ const ConfigList = ({ diff, isLoading }) => {
             <Th>
               <Checkbox
                 aria-label={formatMessage({ id: 'config-sync.ConfigList.SelectAll' })}
-                indeterminate={isIndeterminate}
+                checked={isIndeterminate ? "indeterminate" : allChecked}
-                onValueChange={(value) => setCheckedItems(checkedItems.map(() => value))}
+                onCheckedChange={(value) => setCheckedItems(checkedItems.map(() => value))}
-                value={allChecked}
               />
             </Th>
             <Th>