Fix ColumnsSelector cannot hide DataTable.Col items with no source

Closes #11087

Author: fzaninotto

packages/ra-ui-materialui/src/list/datatable/ColumnsSelector.tsx

@@ -121,11 +121,10 @@ export const ColumnsSelector = ({ children }: ColumnsSelectorProps) => {
                         setColumnRanks(undefined);
                         setHiddenColumns(defaultHiddenColumns);
                     }}
-                >
-                    {translate('ra.action.reset', {
+                    label={translate('ra.action.reset', {
                         _: 'Reset',
                     })}
-                </Button>
+                />
             </Box>
         </MenuList>,
         container

packages/ra-ui-materialui/src/list/datatable/ColumnsSelectorItem.tsx

@@ -28,13 +28,14 @@ export const ColumnsSelectorItem = ({
     );
     const columnFilter = useDataTableColumnFilterContext();
     const translateLabel = useTranslateLabel();
-    if (!source && !label) return null;
+    if (!source && (!label || typeof label !== 'string')) return null;
+    const sourceOrLabel = source || (label as string);
     const fieldLabel = translateLabel({
         label: typeof label === 'string' ? label : undefined,
         resource,
         source,
     }) as string;
-    const isColumnHidden = hiddenColumns.includes(source!);
+    const isColumnHidden = hiddenColumns.includes(sourceOrLabel!);
     const isColumnFiltered = fieldLabelMatchesFilter(fieldLabel, columnFilter);
 
     const handleMove = (index1, index2) => {
@@ -76,7 +77,7 @@ export const ColumnsSelectorItem = ({
     return isColumnFiltered ? (
         <FieldToggle
             key={columnRank}
-            source={source!}
+            source={sourceOrLabel}
             label={fieldLabel}
             index={String(columnRank)}
             selected={!isColumnHidden}