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-plugin5.44.0 -> 5.53.0@typescript-eslint/parser5.44.0 -> 5.53.0eslint-config-prettier8.5.0 -> 8.6.0eslint-plugin-import2.26.0 -> 2.27.5
@vidispine/eslint-config-base
dependencies
eslint-plugin-import2.26.0 -> 2.27.5
@vidispine/eslint-config-react
dependencies
eslint-plugin-import2.26.0 -> 2.27.5eslint-plugin-jsx-a11y6.6.1 -> 6.7.1eslint-plugin-react7.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/runtime7.20.1 -> 7.21.0
@vidispine/types
No changes, types same between 22.4 and 23.1.
@vidispine/vdt-api
dependencies
@babel/runtime7.20.1 -> 7.21.0
@vidispine/vdt-js
New
FILE_STATESConst for VidiCore file statesFIELD_ATTRIBUTE_KEYSConst for VidiCore field attributesFIELD_VALUE_ATTRIBUTE_KEYSConst for all VidiCore rolesGROUP_ATTRIBUTE_KEYSConst for VidiCore field group attributes
Updates
parseVideoComponentFix bug parsing bitrateparseVideoComponent> videoBitrateMbps: Return numerical bitrate in mbpsparseAudioComponent> audioBitrateKbps: Return numerical bitrate in kbpsparseShapeTypeAdd (the above mentioned) numerical bitrates for video and audioTimecode.conformTimeBase()Add possibility to override options for create timecodeGeneral improvement of stories/docs - include comments, hierarchy and default values
dependencies
@babel/runtime7.20.1 -> 7.21.0filesize10.0.5 -> 10.0.6
@vidispine/vdt-mui
Breaking change
Removed the legacy
@mui/styles/withStylesstyling and consequently removed the possibility to override withclasses, usesstyledonly nowSee vdt-mui overview documentation for possible alternatives to override styles (
sx,styled,classNameor theme overrides)See https://mui.com/system/styles/basics/ for more info about deprecation of @mui/styles in mui v5
SwitchInputreplaced withBooleanInputand proptype: "switch"CheckboxInputreplaced withBooleanInputand proptype: "checkbox"
New
BasicDateTimeInputincluded as publicly exportedItemPosterComponent for displaying an item posterItemPosterListComponent for displaying all item posters in an image listItemPosterViewerComponent for browsing through item posters in a viewerCalendarPickerComponent to select single/range date with double calendar view, utilizing@mui/x-date-pickersMaskedTextInputInput component to show a masked text input, utilizingreact-imaskDateRangeInputInput component to select date range, utilizing@mui/x-date-pickersandreact-imaskBooleanInputadded, combiningSwitchInputandCheckboxInputselect which to use with
type: "checkbox" / "switch"
Updates
ItemList/CollectionList/EntityListaddingheaderprop to use list headerItemCard/CollectionCardupdated withMoved expand button to the bottom right corner (after checkbox)
Separate
CardContentExpandedcomponent
CheckboxGroupInput/RadioGroupInputupdated withImproved horizontal alignment with
labelPlacement: "start" or "end"Added possibility to display
count
ImageCollageupdated withshowBlurredImageprop to add blurred background for each images individuallyimageSlotreplaced withcomponents.ImageBoxPropagates to components using it such as
CollectionRepresentativeThumbnail,CollectionCard, `Item
DateTimeInputupdated withAdded prop to set
sizeNative browser
autoCompleteturned off
SelectInputadded possibility to displaycountTagInputupdated withadded possibility to display
countadded
MenuItemto components/componentsProps
Improved overview documentation
ESM bundle only, improved tree-shake, per module dependency imports, disabled "sideEffects"
dependencies
@babel/runtime7.20.1 -> 7.21.0@mui/icons-material5.10.15 -> 5.11.9@mui/lab5.0.0-alpha.109 -> 5.0.0-alpha.120@mui/material5.10.15 -> 5.11.10@mui/stylesremoved@mui/systemremoved
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-reactremoved, unused
@vidispine/vdt-materialui
Updates
ItemPlayerItem source selection fixEntityAccessAddFix possibility to group share, displaying real username,EntityAccessEditbooleandisplayRealName(default false) added forUserPickerComponentto display real name instead of usernameEntityAccessRowbooleandisplayRealName(default false) added to display real name instead of usernameSavedSearchAccessListobjectgetEntityAccessPropsadded in order to set query params toAccessApi.listEntityAccessSearchItemFormAdded possibility to cancel basic search requestSearchInputAdded onCancel callback, accessible with button when submitting and hovering the search buttonQueryBuilderCardadd general/base operator, optional to use withshowGeneralOperatorboolean propUpdated build to ESM only, improved tree-shake, per module dependency imports, disabled "sideEffects"
useCsvDownloadAdd onError param toonGetFilecallbackESM bundle only, improved tree-shake, per module dependency imports, disabled "sideEffects"
dependencies
@babel/runtime7.20.1 -> 7.21.0core-js3.24.1 -> 3.28.0filesize10.0.5 -> 10.0.6final-form4.20.7 -> 4.20.9react-select5.6.1 -> 5.7.0
@vidispine/vdt-react
Updates
ESM bundle only, improved tree-shake, per module dependency imports, disabled "sideEffects"
Bug fixes
useSearchFixed issue with wrong name for actionssetQueryParamsandsetMatrixParams
dependencies
@babel/runtime7.20.1 -> 7.21.0
@vidispine/vdt-react-timeline
Breaking change
getStackOverlappingEventsPropsRemoved, 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/runtime7.20.1 -> 7.21.0konva8.3.14 -> 8.4.2
@vidispine/vdt-videojs-react
Updates
ESM bundle only, improved tree-shake, per module dependency imports, disabled "sideEffects"
dependencies
@babel/runtime7.20.1 -> 7.21.0
@vidispine/vdt-videojs
dependencies
@babel/runtime7.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