Address CSP in Datagrid subcomponents

[elycheea]

DatagridActions.js is negotiable. It’s meant to be an example, but we have heard instances where consumers will try to import this to use anyway.

• Include the respective component name in the forbid configuration inside package.json
• Run yarn lint and fix the errors
• Replace style={{}} usage with classNames where appropriate
• Set dynamic styles using useIsomorphicEffect()

Tasks

Preview Give feedback

1. DatagridExpandedRow.tsx
2. DatagridRow.tsx (need forwardRef on Carbon’s TableCell)
3. DatagridVirtualBody.tsx (styles breaking currently)
4. DraggableElement.tsx
5. DatagridActions.js

[anamikaanu96]

DatagridRow.tsx -> For implementing forwardRef in TableCell I have raised a PR in carbon for issue

[anamikaanu96]

Two tasks(DatagridExpandedRow.tsx and DatagridActions.js) in this ticket is already merged with PR.

As discussed for below tasks I have opened separate tickets and closing this issue.

• DatagridRow - issue-6269
• DraggableElement and DatagridVirtualBody - issue-6270