fix(react-datagrid): column hiding

Author: matej21

packages/react-datagrid/src/hooks/useDataGridHiddenColumns.ts

@@ -1,14 +1,14 @@
-import { useDataViewSelectionState } from '@contember/react-dataview'
+import { useDataViewDisplayedState } from '@contember/react-dataview'
 import { useMemo } from 'react'
 
 export const useDataGridHiddenColumns = () => {
-	const selection = useDataViewSelectionState()
+	const selection = useDataViewDisplayedState()?.selection
 
 	return useMemo(() => {
 		return Object.fromEntries(
 			Object.entries(selection?.values?.visibility ?? {})
 				.filter(([key, value]) => value === false)
-				.map(([key, value]) => [key, value]),
+				.map(([key, value]) => [key, true]),
 		)
 	}, [selection?.values?.visibility])
 }

packages/react-datagrid/src/internal/useDataGridState.ts

@@ -21,7 +21,7 @@ export const useDataGridState = (props: Pick<DataGridProps<{ tile?: unknown }>,
 	const [initialFilters] = useState(() => (stored: DataViewFilteringArtifacts) => normalizeInitialFilters(stored, columns))
 
 	const [initialSelection] = useState(() => (stored: DataViewSelectionValues) => ({
-		...normalizeInitialHiddenColumnsState(stored, columns),
+		visibility: normalizeInitialHiddenColumnsState(stored, columns),
 		layout: stored?.layout ?? (props.tile ? 'tiles' : 'default'),
 	}))