Breadcrumbs

VDT Changes [VDT RN]

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

23.1.0

cra-template-vdt

No changes.

@vidispine/eslint-config

No changes.

@vidispine/eslint-config-typescript

dependencies

  • @typescript-eslint/eslint-plugin 5.44.0 -> 5.53.0

  • @typescript-eslint/parser 5.44.0 -> 5.53.0

  • eslint-config-prettier 8.5.0 -> 8.6.0

  • eslint-plugin-import 2.26.0 -> 2.27.5

@vidispine/eslint-config-base

dependencies

  • eslint-plugin-import 2.26.0 -> 2.27.5

@vidispine/eslint-config-react

dependencies

  • eslint-plugin-import 2.26.0 -> 2.27.5

  • eslint-plugin-jsx-a11y 6.6.1 -> 6.7.1

  • eslint-plugin-react 7.31.11 -> 7.32.2

example-vdt-mui-app

Updates

  • Add vdt theme override examples

  • Add typescript support

Bug fixes

  • Fix so redirect to login works if token is invalid on startup

example-vdt-material-app

Updates

  • Add possibility to cancel search requests

@vidispine/prettier-config

No changes.

@vidispine/proptypes

dependencies

  • @babel/runtime 7.20.1 -> 7.21.0

@vidispine/types

No changes, types same between 22.4 and 23.1.

@vidispine/vdt-api

dependencies

  • @babel/runtime 7.20.1 -> 7.21.0

@vidispine/vdt-js

New

  • FILE_STATES Const for VidiCore file states

  • FIELD_ATTRIBUTE_KEYS Const for VidiCore field attributes

  • FIELD_VALUE_ATTRIBUTE_KEYS Const for all VidiCore roles

  • GROUP_ATTRIBUTE_KEYS Const for VidiCore field group attributes

Updates

  • parseVideoComponent Fix bug parsing bitrate

  • parseVideoComponent > videoBitrateMbps: Return numerical bitrate in mbps

  • parseAudioComponent > audioBitrateKbps: Return numerical bitrate in kbps

  • parseShapeType Add (the above mentioned) numerical bitrates for video and audio

  • Timecode.conformTimeBase() Add possibility to override options for create timecode

  • General improvement of stories/docs - include comments, hierarchy and default values

dependencies

  • @babel/runtime 7.20.1 -> 7.21.0

  • filesize 10.0.5 -> 10.0.6

@vidispine/vdt-mui

Breaking change

  • Removed the legacy @mui/styles/withStyles styling and consequently removed the possibility to override with classes, uses styled only now

    • See vdt-mui overview documentation for possible alternatives to override styles (sx, styled, className or theme overrides)

    • See https://mui.com/system/styles/basics/ for more info about deprecation of @mui/styles in mui v5

  • SwitchInput replaced with BooleanInput and prop type: "switch"

  • CheckboxInput replaced with BooleanInput and prop type: "checkbox"

New

  • BasicDateTimeInput included as publicly exported

  • ItemPoster Component for displaying an item poster

  • ItemPosterList Component for displaying all item posters in an image list

  • ItemPosterViewer Component for browsing through item posters in a viewer

  • CalendarPicker Component to select single/range date with double calendar view, utilizing @mui/x-date-pickers

  • MaskedTextInput Input component to show a masked text input, utilizing react-imask

  • DateRangeInput Input component to select date range, utilizing @mui/x-date-pickers and react-imask

  • BooleanInput added, combining SwitchInput and CheckboxInput

    • select which to use with type: "checkbox" / "switch"

Updates

  • ItemList/CollectionList/EntityList adding header prop to use list header

  • ItemCard/CollectionCard updated with

    • Moved expand button to the bottom right corner (after checkbox)

    • Separate CardContentExpanded component

  • CheckboxGroupInput/RadioGroupInput updated with

    • Improved horizontal alignment with labelPlacement: "start" or "end"

    • Added possibility to display count

  • ImageCollage updated with

    • showBlurredImage prop to add blurred background for each images individually

    • imageSlot replaced with components.ImageBox

    • Propagates to components using it such as CollectionRepresentativeThumbnail, CollectionCard, `Item

  • DateTimeInput updated with

    • Added prop to set size

    • Native browser autoComplete turned off

  • SelectInput added possibility to display count

  • TagInput updated with

    • added possibility to display count

    • added MenuItem to components/componentsProps

  • Improved overview documentation

  • ESM bundle only, improved tree-shake, per module dependency imports, disabled "sideEffects"

dependencies

  • @babel/runtime 7.20.1 -> 7.21.0

  • @mui/icons-material 5.10.15 -> 5.11.9

  • @mui/lab 5.0.0-alpha.109 -> 5.0.0-alpha.120

  • @mui/material 5.10.15 -> 5.11.10

  • @mui/styles removed

  • @mui/system removed

peerDependencies

These are optional, see vdt-mui installation doc to see which are needed depending on components you use

  • @mui/x-date-pickers ^5.0.0 (added as peerDep instead of dep)

  • dayjs ^1.0.0 (added as peerDep instead of dep)

  • react-imask: ^6.4.3

  • @vidispine/vdt-videojs-react removed, unused

@vidispine/vdt-materialui

Updates

  • ItemPlayer Item source selection fix

  • EntityAccessAdd Fix possibility to group share, displaying real username,

  • EntityAccessEdit boolean displayRealName (default false) added for UserPickerComponent to display real name instead of username

  • EntityAccessRow boolean displayRealName (default false) added to display real name instead of username

  • SavedSearchAccessList object getEntityAccessProps added in order to set query params to AccessApi.listEntityAccess

  • SearchItemForm Added possibility to cancel basic search request

  • SearchInput Added onCancel callback, accessible with button when submitting and hovering the search button

  • QueryBuilderCard add general/base operator, optional to use with showGeneralOperator boolean prop

  • Updated build to ESM only, improved tree-shake, per module dependency imports, disabled "sideEffects"

  • useCsvDownload Add onError param to onGetFile callback

  • ESM bundle only, improved tree-shake, per module dependency imports, disabled "sideEffects"

dependencies

  • @babel/runtime 7.20.1 -> 7.21.0

  • core-js 3.24.1 -> 3.28.0

  • filesize 10.0.5 -> 10.0.6

  • final-form 4.20.7 -> 4.20.9

  • react-select 5.6.1 -> 5.7.0

@vidispine/vdt-react

Updates

  • ESM bundle only, improved tree-shake, per module dependency imports, disabled "sideEffects"

Bug fixes

  • useSearch Fixed issue with wrong name for actions setQueryParams and setMatrixParams

dependencies

  • @babel/runtime 7.20.1 -> 7.21.0

@vidispine/vdt-react-timeline

Breaking change

  • getStackOverlappingEventsProps Removed, can be found inside the Timeline > Customize story code example

Updates

  • ESM bundle only, improved tree-shake, per module dependency imports, disabled "sideEffects"

dependencies

  • @babel/runtime 7.20.1 -> 7.21.0

  • konva 8.3.14 -> 8.4.2

@vidispine/vdt-videojs-react

Updates

  • ESM bundle only, improved tree-shake, per module dependency imports, disabled "sideEffects"

dependencies

  • @babel/runtime 7.20.1 -> 7.21.0

@vidispine/vdt-videojs

dependencies

  • @babel/runtime 7.20.1 -> 7.21.0

core

  • Included links to const docs from storybook

  • VDT license displayed inside storybook as well

  • Splitting up and improving global installation docs to be individual per package in storybook

  • Fixed responsive styling inside canvas for storybook

  • Removed displaying stories inside docs view for components with focus on code usage examples

    • Components with re-renders/state changes inside docs view aren't performant using inline stories in Storybook