Skip to main content
Skip table of contents

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.

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.

Contact Support Close