Fix linting and type errors in Demo admin

Author: thomasdax98

demo/admin/src/news/blocks/NewsListBlock.tsx

@@ -66,9 +66,9 @@ export const NewsListBlock: BlockInterface<NewsListBlockData, State, NewsListBlo
                     loading={loading}
                     checkboxSelection
                     keepNonExistentRowsSelected
-                    rowSelectionModel={state.ids}
+                    rowSelectionModel={{ type: "include", ids: new Set(state.ids) }}
                     onRowSelectionModelChange={(newSelection) => {
-                        updateState({ ids: newSelection as string[] });
+                        updateState({ ids: Array.from(newSelection.ids).map((id) => String(id)) });
                     }}
                 />
             </Box>

demo/admin/src/products/ProductsGrid.tsx

@@ -85,7 +85,7 @@ function ProductsGridToolbar({ exportApi, selectionModel }: ProductsGridToolbarP
                         label: "Publish",
                         icon: <Online htmlColor={theme.palette.success.main} />,
                         onClick: () => {
-                            for (const id of selectionModel) {
+                            for (const id of selectionModel.ids) {
                                 client.mutate<GQLUpdateProductStatusMutation, GQLUpdateProductStatusMutationVariables>({
                                     mutation: updateProductStatusMutation,
                                     variables: { id: id as string, status: "Published" },
@@ -101,7 +101,7 @@ function ProductsGridToolbar({ exportApi, selectionModel }: ProductsGridToolbarP
                         label: "Unpublish",
                         icon: <Disabled />,
                         onClick: () => {
-                            for (const id of selectionModel) {
+                            for (const id of selectionModel.ids) {
                                 client.mutate<GQLUpdateProductStatusMutation, GQLUpdateProductStatusMutationVariables>({
                                     mutation: updateProductStatusMutation,
                                     variables: { id: id as string, status: "Unpublished" },
@@ -114,7 +114,7 @@ function ProductsGridToolbar({ exportApi, selectionModel }: ProductsGridToolbarP
                         },
                     },
                 ]}
-                selectionSize={selectionModel.length}
+                selectionSize={selectionModel.ids.size}
             />
             <Button responsive startIcon={<AddIcon />} component={StackLink} pageName="add" payload="add">
                 <FormattedMessage id="products.newProduct" defaultMessage="New Product" />
@@ -131,7 +131,7 @@ export function ProductsGrid() {
     const intl = useIntl();
     const theme = useTheme();
     const [selectionModel, setSelectionModel] = useState<GridRowSelectionModel>({
-        type: 'include',
+        type: "include",
         ids: new Set([]),
     });
 
@@ -404,7 +404,8 @@ export function ProductsGrid() {
             onRowSelectionModelChange={(selectionModel) => {
                 setSelectionModel(selectionModel);
             }}
-            showToolbar />
+            showToolbar
+        />
     );
 }
 

packages/admin/cms-admin/src/blocks/DamVideoBlock.tsx

@@ -2,7 +2,7 @@ import { gql, useApolloClient } from "@apollo/client";
 import { Field, FieldContainer } from "@comet/admin";
 import { Delete, MoreVertical, OpenNewTab, Video } from "@comet/admin-icons";
 import { Box, Divider, Grid, IconButton, ListItemIcon, Menu, MenuItem, Typography } from "@mui/material";
-import { deepClone } from "@mui/x-data-grid/utils/utils";
+import { deepClone } from "@mui/x-data-grid/internals";
 import { useState } from "react";
 import { FormattedMessage } from "react-intl";
 

packages/admin/cms-admin/src/blocks/InternalLinkBlock.tsx

@@ -1,7 +1,7 @@
 import { gql } from "@apollo/client";
 import { Field, FinalFormSelect } from "@comet/admin";
 import { Box, Divider, MenuItem } from "@mui/material";
-import { deepClone } from "@mui/x-data-grid/utils/utils";
+import { deepClone } from "@mui/x-data-grid/internals";
 import { FormattedMessage } from "react-intl";
 
 import { type InternalLinkBlockData, type InternalLinkBlockInput } from "../blocks.generated";

packages/admin/cms-admin/src/blocks/PixelImageBlock.tsx

@@ -3,7 +3,7 @@ import { Field } from "@comet/admin";
 import { Crop, Delete, MoreVertical, OpenNewTab } from "@comet/admin-icons";
 import { ButtonBase, Divider, Grid, IconButton, ListItemIcon, Menu, MenuItem, Typography } from "@mui/material";
 import { styled } from "@mui/material/styles";
-import { deepClone } from "@mui/x-data-grid/utils/utils";
+import { deepClone } from "@mui/x-data-grid/internals";
 import { useCallback, useState } from "react";
 import { FormattedMessage } from "react-intl";
 

packages/admin/cms-admin/src/blocks/SvgImageBlock.tsx

@@ -2,7 +2,7 @@ import { gql, useApolloClient } from "@apollo/client";
 import { Field } from "@comet/admin";
 import { Delete, MoreVertical, OpenNewTab } from "@comet/admin-icons";
 import { Box, Divider, Grid, IconButton, ListItemIcon, Menu, MenuItem, Typography } from "@mui/material";
-import { deepClone } from "@mui/x-data-grid/utils/utils";
+import { deepClone } from "@mui/x-data-grid/internals";
 import { useState } from "react";
 import { FormattedMessage } from "react-intl";
 

packages/admin/cms-admin/src/dam/blocks/DamFileDownloadLinkBlock.tsx

@@ -2,7 +2,7 @@ import { gql } from "@apollo/client";
 import { Field, FinalFormSelect, messages } from "@comet/admin";
 import { Delete } from "@comet/admin-icons";
 import { Box, Divider, MenuItem, Typography } from "@mui/material";
-import { deepClone } from "@mui/x-data-grid/utils/utils";
+import { deepClone } from "@mui/x-data-grid/internals";
 import { FormattedMessage } from "react-intl";
 
 import { type DamFileDownloadLinkBlockData, type DamFileDownloadLinkBlockInput } from "../../blocks.generated";