fix: Correctly display complex datatypes (objects) in table cells

[hydrosquall]

Motivation

• Fixes Data Explorer breaks when dataframe cell has complex data in it #36
  • Note upstream changes will be needed in the python package that wraps this to set the schema type to object instead of string.

Changes

• Assuming that the input schema is typed correctly, stringify object columns before displaying them. (Arrays are a subset of objects).
• Made Typescript types a bit stricter to guard against this type of issue in the future: 64f9565

Testing

• Before: https://codesandbox.io/s/pedantic-hodgkin-78o80?file=/src/App.js:216-221, outputs error message. Screenshot
• After: https://codesandbox.io/s/priceless-goldwasser-bdfkn?file=/src/App.js, renders object inside table cell Screenshot

Future steps

• look into setting up unit rendering tests on a per-component basis so errors like this can be detected in a more automated fashion (vs comparing codesandbox before and after) (Update: filed an issue: Testing: Unit tests for individual components #67 )
• Quality of life: we can run pre-commit style hooks on git commit (perhaps use Husky + prettier hooks). (Update: provided in chore: pre-commit hooks for code style and commit message quality #66 )

📦 Published PR as canary version: 8.2.10--canary.65.4b3f411.0

✨ Test out this PR locally via:

npm install @nteract/[email protected]
# or 
yarn add @nteract/[email protected]

[willingc]

Looks good to me @hydrosquall. Feel free to merge.

[hydrosquall]

Thanks @willingc ! I'll merge now, but am happy to revisit if @emeeks has concerns in the future.

Would you happen to know where is the python code we'd need to modify to get the upstream code to set the pandas schema type to object instead of string for dataframes like what was reported in the original issue?

I took a look at the source code for dx, but couldn't figure out how the frictionless data schema is being produced.

[github-actions]

🚀 PR was released in v8.2.11 🚀