Breadcrumbs

VDT Changes

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

23.2.0

@vidispine/vdt-js

New

  • FIELD_DEFINITION_TYPES const for all field definition types in vidicore

  • parseFieldDefinitionList Parser for field definitions, i.e. MetadataField types

  • parseFacetList Parser for returned facet list in searches

Updates

  • createFacetType Renamed createSearchFacetList and added boolean option exclude for fields to exclude themselves in facet.

  • parseFileType Add storageId and folderPath to parsed output

@vidispine/vdt-mui

New

  • SearchFilterForm Search filter form component

    • Add fieldList as options for search filter

    • (Optionally) Add a facetList response to populate options and counts to inputs

    • Returns a VidiCore SearchFilterType with onChange/onSubmit that can be used in VidiCore search requests

  • Form New general form component (based on react-hook-form)

    • Wraps react-hook-form with onClear, onReset, onChange, onSubmit and onError callbacks

    • Uses vdt inputs by default, but can be changed to custom/overridden

    • Has validation/rules support

    • Also includes buttons to clear, reset and submit form

Updates

  • ItemTableRow add TableCellCheckbox as inner component

  • ItemTable fix so checked items persist if paginating

  • ItemList/CollectionList support mimeType and mediaType for Avatar

  • ItemCard/CollectionCard support mimeType and mediaType for Avatar

  • ItemCard/CollectionCard styling improvements, elevation and better handling of overflowed width

  • TablePagination add initial on change callback if page is beyond possible max page

  • TablePagination fix pagination hidden if without height

  • SliderInput minor bugs fixes when using range value

  • SliderInput add option clearable to clear slider values

  • SliderInput replace showTooltip with valueLabelDisplay to support on and auto

  • DateTimeInput Switch to local component state (mimicking) uncontrolled

  • DateTimeInput Switch root component from LocalizationProvider to TextField

  • BooleanInput fix margin when using labelPlacement

  • SelectInput fix selected for menu item

  • SelectInput add placeholder prop

  • TagInput add placeholder prop

  • TextInput add placeholder prop

  • ItemCard add support for showing poster from item type

  • ItemList/CollectionList remove default padding in list root

  • ItemPoster add backgroundSize and showBlurredBackground options

  • MediaIcon supporting more media types document, data, pdf, none

  • ItemTable/ItemTableRow has new props avatarVariant and showAvatar for showing avatar in table rows

  • DateRangeInput Fix bug with controlled value validation

  • CalendarPicker Add prop for clear button text

  • CalendarPicker Add submit button functionality

    • Add prop submitOnChange

      • Calls onSubmit/onChange simultaneously when true (default)

      • Shows submit button when false (delaying onSubmit to when user clicks it)

    • Add onSubmit callback for when user submits value

    • Add submit button to trigger onSubmit callback (only visible when submitOnChange: false)

  • DateRangeInput Add support for submits

    • Change closeOnSelect to closeOnSubmit (close picker when submitting a value)

    • And same additions as CalendarPicker: i.e. submitOnChange and onSubmit

@vidispine/vdt-player

New Package

Please get in contact with us if you have questions or want access, it isn't publicly available on npm with this release.

Feature Overview VDT Player

  • Frame accurate playback

    • By the use of the VidiSpine Streaming Server the player supports frame accurate playback and scrubbing (Trickplay)

  • Support of Streaming and Progressive Download

    • Multiple Formats are supported with MPEG-Dash (including growing file support), HLS (including live HLS) and Progressive Download.

  • Audio Peak Meter

    • Display the audio level with a Peak Meter with support of Progressive Download, MPEG-Dash and HLS

  • Audio Track Selection / Audio Mixdown

    • Select from multiple Audio Track pairs. With VidiSpine Streaming Server also with selection and mix of individual and multiple audio tracks

  • Timeline

    • The VDT Player timeline comes with responsive ticks, visual segmentation and In&Out selection.

  • Subtitle Support

    • Improved functions with custom style.

  • Keyboard navigation

    • Hotkeys with utilization of mousetrap

  • Typescript

    • Use Typescript for convenient integration into custom VDT applications

  • Styling

    • Customizable features and styling of playerFeature Overview VDT Player

@vidispine/types

New

Earlier missed during creation

  • ThumbnailMultiDocument

  • ThumbnailMultiType

  • SecretDocument

  • SecretType

  • SecretListDocument

  • SecretListType

Updates

  • FacetRangeType include missing value

  • MetadataGroupSearchType item criterion added

  • Several union types upgraded to enums instead

@vidispine/vdt-react

Updates

  • AuthContext fixes bug that caused recursive selfcheck test.

  • useUploadFiles changed to ChunkedTransferManager

@vidispine/vdt-materialui

Breaking change

  • ItemPlayer the internal ItemDocumentPlayer removed,

    • Contact us if you're still in need of it and we'll send a copy of it.

Updates

  • SavedSearch: Add disabled SliderField while the search is loading

  • ItemCompoundMetadataTable refactored

  • useCompoundMetadata refactored

  • StorageListTree Add expanded option to have initial expanded tree

dependencies

  • pdfjs-dist removed

  • react-pdf removed

  • react-sizeme removed

@vidispine/vdt-api

No changes.

@vidispine/vdt-react-timeline

No changes.

@vidispine/vdt-videojs

No changes.

@vidispine/vdt-videojs-react

No changes.

@vidispine/eslint-config-base

  • Include @vidispine/eslint-config-typescript as dep since if missing it doesn't silently ignore it using yarn

dependencies

  • @vidispine/eslint-config-typescript (added)

@vidispine/eslint-config-react

  • Add setting import/resolver > node to allow "*.jsx"

  • Add plugin react-refresh (check that exports support react fast-refresh)

    • Enabled with rule 'react-refresh/only-export-components': 'warn'

@vidispine/eslint-config-typescript

  • Add eslint-import-resolver-typescript with 'import/no-unresolved': 'error' to improve import lint with typescript

dependencies

  • eslint-plugin-react-refresh: 0.3.4 (added)

@vidispine/cra-template-vdt

  • Add craco to adjust webpack config: allowing not fully specified mjs files

    • Issue arise from using packages with "type": "module"

example-vdt-materialui-app

  • ItemFolderTab New item view tab to display other content in same folder as item

  • Reduced default chunkSize to 20mb in chunkedUploadProps

  • Added axiosRetry for upload retry functionality if the network connection is lost

dependencies

  • axios-retry 3.4.0 (added)

core

  • Improve performance of linting/formatting, running prettier separate from eslint

  • Improve performance of build, switching rollup to vite

    • Replacing CJS with UMD bundles - still exporting ESM bundles

    • No separate babel rollup plugin used - using babel config from esbuild/vite (target es2020)

  • Add husky pre-push hook running tests for modified files/tests.

  • Update storybook to V7 and switched to vite builder

    • Docs changed place to sidebar nodes instead of tab inside preview

    • Limitation: Anchor links aren't as well supported with (new) MDX2 in storybook: So identical headers will link to first occurrence.

    • Hiding inline story canvas in docs view as they are not performant or accurate.

    • Fix storybook button for anchor links in docs disappearing when window is minimized.