VDT 22.2 Changes [VDT RN]

The information on this page is sourced from here: Start Here / Changelog - Page ⋅ Storybook (vidispine.github.io)

22.2.0

`cra-template-vdt`

Updates

React upgraded to 17
- react: 16.14.0 => 17.0.2
- react-dom: 16.14.0 => 17.0.2

`docs`

Updates

Styling/theming updates
- Same font/colors in docs as it was in canvas
- Uniformed code block component
Added instructions on how to use yarn to create app with cra-template-vdt

`@vidispine/eslint-config`

No changes.

`@vidispine/eslint-config`

No changes.

`@vidispine/eslint-config-base`

No changes.

`@vidispine/eslint-config-react`

No changes.

`example-vdt-mui-app`

(Internal) - New example app with MUI v5
- Start MUI v5 with yarn start/yarn start:mui
- Start MaterialUI v4 with yarn start:materialui

`example-vdt-material-app`

No changes.

`@vidispine/prettier-config`

No changes.

`@vidispine/proptypes`

No changes.

`@vidispine/types`

New package

Typescript types for VidiCore data types

`@vidispine/vdt-api`

No changes.

`@vidispine/vdt-js`

Updates

[parseTimespan] Fix issue if options passed in as null

`@vidispine/mui`

New package

A package for MUI 5 VidiCore components (and React 17)

New

[CollectionList] Display list of collectionListType
[CollectionListItem] Display list item of collectionType
[ItemList] Display list of itemListType
[ItemListItem] Display list item of itemType
[EntityList] Display list item of entities (collectionListType and itemListType combined)
[EntityAvatar] Display avatar of entity (collection, item or library)
[EntityIcon] Display icon for entity (collection, item or library)
[MimeTypeIcon] Display icon for mimetype strings

`@vidispine/vdt-materialui`

Breaking

React upgraded to 17
- react: 16.14.0 => 17.0.2
- react-dom: 16.14.0 => 17.0.2
- react-beautiful-dnd: 12.2.0 => 13.1.0

Updates

[CollectionContent] Callback onRouteChanged added
[AddFolderRow] Possibility to specify markerField

`@vidispine/vdt-react`

Breaking

React upgraded to 17
- react: 16.14.0 => 17.0.2
- react-dom: 16.14.0 => 17.0.2
[useGetSavedSearchFolders] New args input for createFolder
- folderMarkerType sent in as second arg (previously hardcoded to saved_search_folder)
- markerValue sent in as third arg (previously sent in as second arg)

`@vidispine/vdt-react-timeline`

New package

Used to create timeline view components
Based on react-konva

`@vidispine/vdt-videojs-react`

Breaking

React upgraded to 17
- react: 16.14.0 => 17.0.2
- react-dom: 16.14.0 => 17.0.2

`@vidispine/vdt-videojs`

Updates

(Internal) - Bundled with @babel/plugin-transform-runtime
(Internal) - Added global for _defineProperty

`core`

Keep docs for previous releases (from this release and onwards)
- https://vidispine.github.io/vdt/<version>
- Going to /vdt/ will redirect you to latest release of vdt
- Going to /vdt/next will show you latest pre-release of vdt
Add versioned vdt-api docs
- Found at https://vidispine.github.io/vdt/<version>/vdt-api
Add versioned vdt-js docs
- Found at https://vidispine.github.io/vdt/<version>/vdt-js
(Internal) - Generate Typescript types from VidiCore XML Schema
yarn generate:types <XSD version>
(Internal) - Bump versions, deps and devDeps for all workspaces
- VERSION=<new version> yarn bump:version
(Internal) - Create hygen skeleton components for mui/materialui from root
- yarn create:vdt-mui or yarn create:vdt-materialui