@vidispine/vdt-materialui 23.1.0 → 23.2.0-pre.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +26107 -175
- package/dist/index.umd.cjs +9 -0
- package/package.json +26 -30
- package/dist/ConfirmationDialog.js +0 -7
- package/dist/LayoutButtonGroup.js +0 -12
- package/dist/SplitButton.js +0 -17
- package/dist/Theme.js +0 -10
- package/dist/TreeItemDraggable.js +0 -8
- package/dist/analyze/BatonAnalysisDialog.js +0 -18
- package/dist/analyze/BatonAnalysisForm.js +0 -13
- package/dist/collection/AddToCollectionDialog/AddToCollectionDialog.js +0 -23
- package/dist/collection/AddToCollectionDialog/index.js +0 -6
- package/dist/collection/CollectionAccessTab.js +0 -15
- package/dist/collection/CollectionCard/CollectionCard.js +0 -12
- package/dist/collection/CollectionCard/components/CollectionAvatar.js +0 -7
- package/dist/collection/CollectionCard/index.js +0 -6
- package/dist/collection/CollectionCardThumbnail/CollectionCardThumbnail.js +0 -13
- package/dist/collection/CollectionCardThumbnail/index.js +0 -6
- package/dist/collection/CollectionContent/CollectionContent.js +0 -21
- package/dist/collection/CollectionContent/components/CollectionContentCollection.js +0 -17
- package/dist/collection/CollectionContent/components/CollectionContentEntity.js +0 -14
- package/dist/collection/CollectionContent/components/CollectionContentItem.js +0 -20
- package/dist/collection/CollectionContent/components/CollectionContentSkeleton.js +0 -10
- package/dist/collection/CollectionContent/index.js +0 -6
- package/dist/collection/CollectionCreateDialog/CollectionCreateDialog.js +0 -15
- package/dist/collection/CollectionCreateDialog/index.js +0 -6
- package/dist/collection/CollectionGrid/CollectionGrid.js +0 -9
- package/dist/collection/CollectionGrid/index.js +0 -6
- package/dist/collection/CollectionLabel.js +0 -10
- package/dist/collection/CollectionList/CollectionList.js +0 -9
- package/dist/collection/CollectionList/index.js +0 -6
- package/dist/collection/CollectionListItem/CollectionListItem.js +0 -11
- package/dist/collection/CollectionListItem/index.js +0 -6
- package/dist/collection/CollectionMetadataEdit.js +0 -15
- package/dist/collection/CollectionMetadataTab.js +0 -15
- package/dist/collection/CollectionRow/CollectionRow.js +0 -15
- package/dist/collection/CollectionRow/index.js +0 -6
- package/dist/collection/CollectionSearchPicker/CollectionSearchPicker.js +0 -16
- package/dist/collection/CollectionSearchPicker/index.js +0 -6
- package/dist/collection/CollectionTable/CollectionTable.js +0 -15
- package/dist/collection/CollectionTable/index.js +0 -6
- package/dist/collection/CollectionTreeList/CollectionTreeList.js +0 -19
- package/dist/collection/CollectionTreeList/components/CollectionLabelDroppable.js +0 -8
- package/dist/collection/CollectionTreeList/index.js +0 -6
- package/dist/collection/RemoveFromCollectionDialog/RemoveFromCollectionDialog.js +0 -9
- package/dist/collection/RemoveFromCollectionDialog/index.js +0 -6
- package/dist/contexts/MediaCardContext.js +0 -7
- package/dist/dnd/components/DragLayer.js +0 -11
- package/dist/dnd/contexts/DragAndDropContext.js +0 -10
- package/dist/dnd/hoc/withDrag.js +0 -20
- package/dist/dnd/hoc/withDrop.js +0 -14
- package/dist/dnd/hooks/useDragOffsetDiff.js +0 -10
- package/dist/dnd/utils/extractEntityInfo.js +0 -3
- package/dist/entity/BinList/BinList.js +0 -24
- package/dist/entity/BinList/index.js +0 -6
- package/dist/entity/BinListMenu/BinListMenu.js +0 -18
- package/dist/entity/BinListMenu/index.js +0 -6
- package/dist/entity/EntityAccessAdd.js +0 -24
- package/dist/entity/EntityAccessTable.js +0 -23
- package/dist/entity/EntityCard/EntityCard.js +0 -9
- package/dist/entity/EntityCard/index.js +0 -2
- package/dist/entity/EntityComment.js +0 -18
- package/dist/entity/EntityCommentCard.js +0 -21
- package/dist/entity/EntityDeleteDialog/EntityDeleteDialog.js +0 -23
- package/dist/entity/EntityDeleteDialog/index.js +0 -6
- package/dist/entity/EntityGrid.js +0 -11
- package/dist/entity/EntityGridItem.js +0 -10
- package/dist/entity/EntityGridItemDraggable.js +0 -12
- package/dist/entity/EntityTable.js +0 -15
- package/dist/entity/EntityTableRow.js +0 -9
- package/dist/entity/EntityTableRowDraggable.js +0 -12
- package/dist/entity/EntityTree.js +0 -21
- package/dist/entity/EntityTreeConsts.js +0 -3
- package/dist/entity/EntityTreeContext.js +0 -12
- package/dist/entity/EntityTreeList.js +0 -19
- package/dist/events/Event/Event.js +0 -10
- package/dist/events/Event/index.js +0 -6
- package/dist/events/EventContainer/EventContainer.js +0 -6
- package/dist/events/EventContainer/index.js +0 -6
- package/dist/events/EventMarker/EventMarker.js +0 -7
- package/dist/events/EventMarker/index.js +0 -6
- package/dist/events/EventMarkerThumbnail/EventMarkerThumbnail.js +0 -10
- package/dist/events/EventMarkerThumbnail/index.js +0 -6
- package/dist/events/EventMarkerTimeline/EventMarkerTimeline.js +0 -8
- package/dist/events/EventMarkerTimeline/index.js +0 -6
- package/dist/events/EventTimeline/EventTimeline.js +0 -18
- package/dist/events/EventTimeline/index.js +0 -6
- package/dist/fieldgroup/Editor.js +0 -30
- package/dist/fieldgroup/FieldGroupDesigner.js +0 -34
- package/dist/fieldgroup/FieldIcon.js +0 -14
- package/dist/fieldgroup/MyField.js +0 -12
- package/dist/fieldgroup/MyFieldList.js +0 -8
- package/dist/fields/AutocompleteConstraintField.js +0 -14
- package/dist/fields/AutocompleteField.js +0 -11
- package/dist/fields/CheckboxField.js +0 -13
- package/dist/fields/CheckboxGroupField.js +0 -19
- package/dist/fields/DateField.js +0 -12
- package/dist/fields/Field.js +0 -9
- package/dist/fields/RadioField.js +0 -15
- package/dist/fields/SelectField.js +0 -14
- package/dist/fields/SliderField.js +0 -16
- package/dist/fields/SwitchField.js +0 -11
- package/dist/fields/TagField.js +0 -15
- package/dist/fields/TextField.js +0 -11
- package/dist/filter/FilterCard.js +0 -15
- package/dist/filter/FilterForm.js +0 -11
- package/dist/filter/FilterFormLabel.js +0 -9
- package/dist/forms/ExpandedFormControlLabel.js +0 -12
- package/dist/forms/LoginForm/LoginForm.js +0 -15
- package/dist/forms/LoginForm/index.js +0 -6
- package/dist/forms/SubmitButton.js +0 -10
- package/dist/forms/onGetToken.js +0 -9
- package/dist/general/DragScroll/DragScroll.js +0 -9
- package/dist/general/DragScroll/index.js +0 -6
- package/dist/general/ImageCollage/ImageCollage.js +0 -11
- package/dist/general/ImageCollage/index.js +0 -6
- package/dist/general/MimeTypeIcon/MimeTypeIcon.js +0 -14
- package/dist/general/MimeTypeIcon/index.js +0 -6
- package/dist/general/SelectedToolbar/SelectedToolbar.js +0 -16
- package/dist/general/SelectedToolbar/index.js +0 -6
- package/dist/group/CreateGroupDialog/CreateGroupDialog.js +0 -12
- package/dist/group/CreateGroupDialog/components/CreateGroupForm.js +0 -10
- package/dist/group/CreateGroupDialog/index.js +0 -6
- package/dist/group/EditGroupDialog/EditGroupDialog.js +0 -9
- package/dist/group/EditGroupDialog/components/EditGroupForm.js +0 -7
- package/dist/group/EditGroupDialog/index.js +0 -6
- package/dist/group/GroupDetails/GroupDetails.js +0 -19
- package/dist/group/GroupDetails/components/GroupData.js +0 -8
- package/dist/group/GroupDetails/components/GroupMenu.js +0 -8
- package/dist/group/GroupDetails/index.js +0 -6
- package/dist/group/GroupRelationList/GroupRelationList.js +0 -14
- package/dist/group/GroupRelationList/index.js +0 -6
- package/dist/group/GroupTable/GroupTable.js +0 -9
- package/dist/group/GroupTable/components/GroupRow.js +0 -9
- package/dist/group/GroupTable/index.js +0 -6
- package/dist/hooks/useComments.js +0 -10
- package/dist/hooks/useConfirmationDialog.js +0 -9
- package/dist/hooks/useExpand.js +0 -6
- package/dist/hooks/useMenu.js +0 -6
- package/dist/hooks/useSnackbarAlert.js +0 -13
- package/dist/icons/BitmovinIcon.js +0 -8
- package/dist/icons/FolderMultipleIcon.js +0 -8
- package/dist/icons/MediaConvertIcon.js +0 -8
- package/dist/icons/VidispineIcon.js +0 -8
- package/dist/icons/bitmovin_24.svg.js +0 -36
- package/dist/icons/foldermultiple_24.svg.js +0 -16
- package/dist/icons/mediaconvert_24.svg.js +0 -39
- package/dist/icons/vidispine_24.svg.js +0 -135
- package/dist/item/AddRelationDialog.js +0 -19
- package/dist/item/ItemAccessTab.js +0 -16
- package/dist/item/ItemCard.js +0 -12
- package/dist/item/ItemCompoundMetadataTab.js +0 -13
- package/dist/item/ItemCompoundMetadataTable.js +0 -20
- package/dist/item/ItemFieldGroupTab.js +0 -20
- package/dist/item/ItemFileShareDialog.js +0 -16
- package/dist/item/ItemGrid.js +0 -8
- package/dist/item/ItemGridDroppable.js +0 -11
- package/dist/item/ItemLabel.js +0 -12
- package/dist/item/ItemLabelDroppable.js +0 -8
- package/dist/item/ItemList/ItemList.js +0 -9
- package/dist/item/ItemList/index.js +0 -6
- package/dist/item/ItemListItem/ItemListItem.js +0 -11
- package/dist/item/ItemListItem/index.js +0 -6
- package/dist/item/ItemMetadataEdit.js +0 -13
- package/dist/item/ItemMetadataFieldRow.js +0 -12
- package/dist/item/ItemMetadataForm.js +0 -10
- package/dist/item/ItemMetadataFormTable.js +0 -25
- package/dist/item/ItemMetadataList.js +0 -12
- package/dist/item/ItemMetadataListFieldGroupItem.js +0 -14
- package/dist/item/ItemMetadataListFieldItem.js +0 -9
- package/dist/item/ItemMetadataTab.js +0 -15
- package/dist/item/ItemMetadataTable.js +0 -12
- package/dist/item/ItemParentsTab.js +0 -28
- package/dist/item/ItemPoster.js +0 -11
- package/dist/item/ItemPosterDialog.js +0 -13
- package/dist/item/ItemPosterList.js +0 -11
- package/dist/item/ItemPosterTab.js +0 -8
- package/dist/item/ItemRelationRemoveDialog.js +0 -10
- package/dist/item/ItemRelationsTab.js +0 -31
- package/dist/item/ItemRow.js +0 -15
- package/dist/item/ItemSearchPicker.js +0 -15
- package/dist/item/ItemShapeTab.js +0 -11
- package/dist/item/ItemShapeTable/ItemShapeTable.js +0 -13
- package/dist/item/ItemShapeTable/components/ItemShapeMenu.js +0 -16
- package/dist/item/ItemShapeTable/components/ItemShapeRow.js +0 -23
- package/dist/item/ItemShapeTable/index.js +0 -6
- package/dist/item/ItemSidecarDialog/ItemSidecarDialog.js +0 -15
- package/dist/item/ItemSidecarDialog/index.js +0 -6
- package/dist/item/ItemSidecarDownload/ItemSidecarDownload.js +0 -21
- package/dist/item/ItemSidecarDownload/index.js +0 -6
- package/dist/item/ItemSidecarUpload/ItemSidecarUpload.js +0 -22
- package/dist/item/ItemSidecarUpload/index.js +0 -6
- package/dist/item/ItemSourceTab.js +0 -9
- package/dist/item/ItemSourceTable/ItemSourceTable.js +0 -10
- package/dist/item/ItemSourceTable/components/AudioComponentTypeTableBody.js +0 -11
- package/dist/item/ItemSourceTable/components/ContainerComponentTypeTableBody.js +0 -11
- package/dist/item/ItemSourceTable/components/FileTypeTableBody.js +0 -15
- package/dist/item/ItemSourceTable/components/ImageTypeTableBody.js +0 -12
- package/dist/item/ItemSourceTable/components/MetadataTypeTableBody.js +0 -10
- package/dist/item/ItemSourceTable/components/PdfTypeTableBody.js +0 -9
- package/dist/item/ItemSourceTable/components/ShapeTypeTableBody.js +0 -16
- package/dist/item/ItemSourceTable/components/TableHead.js +0 -8
- package/dist/item/ItemSourceTable/components/TableRow.js +0 -10
- package/dist/item/ItemSourceTable/components/VideoComponentTypeTableBody.js +0 -12
- package/dist/item/ItemSourceTable/index.js +0 -6
- package/dist/item/ItemTable.js +0 -14
- package/dist/item/ItemTabs/ItemTabs.js +0 -13
- package/dist/item/ItemTabs/components/Tab.js +0 -7
- package/dist/item/ItemTabs/components/TabPanel.js +0 -9
- package/dist/item/ItemTabs/components/Tabs.js +0 -6
- package/dist/item/ItemTabs/index.js +0 -6
- package/dist/item/ItemTimespan/ItemTimespan.js +0 -10
- package/dist/item/ItemTimespan/components/ConfidenceSlider.js +0 -12
- package/dist/item/ItemTimespan/components/EditButton.js +0 -11
- package/dist/item/ItemTimespan/components/ItemTimespanBox.js +0 -17
- package/dist/item/ItemTimespan/components/ItemTimespanEdit.js +0 -12
- package/dist/item/ItemTimespan/components/ItemTimespanForm.js +0 -10
- package/dist/item/ItemTimespan/components/ItemTimespanInterval.js +0 -17
- package/dist/item/ItemTimespan/components/ItemTimespanList.js +0 -11
- package/dist/item/ItemTimespan/components/ItemTimespanSearchInput.js +0 -16
- package/dist/item/ItemTimespan/components/ItemTimespanSelection.js +0 -12
- package/dist/item/ItemTimespan/hooks/useConfidenceSlider.js +0 -8
- package/dist/item/ItemTimespan/hooks/useItemTimespan.js +0 -9
- package/dist/item/ItemTimespan/hooks/useItemTimespanBox.js +0 -8
- package/dist/item/ItemTimespan/hooks/useItemTimespanBoxEdit.js +0 -6
- package/dist/item/ItemTimespan/hooks/useItemTimespanEdit.js +0 -8
- package/dist/item/ItemTimespan/hooks/useItemTimespanInterval.js +0 -8
- package/dist/item/ItemTimespan/hooks/useItemTimespanList.js +0 -9
- package/dist/item/ItemTimespan/index.js +0 -6
- package/dist/item/ItemTimespan/utils/filterTimespanList.js +0 -7
- package/dist/item/ItemTimespan/utils/findActiveTimespanIndex.js +0 -5
- package/dist/item/ItemTimespan/utils/parseTimespanList.js +0 -6
- package/dist/item/ItemTimespanTab.js +0 -2
- package/dist/item/ItemTreeItem.js +0 -11
- package/dist/item/player/ItemAudioPlayer.js +0 -10
- package/dist/item/player/ItemDocumentPlayer.js +0 -11
- package/dist/item/player/ItemDocumentViewers/ItemPdfViewer.js +0 -12
- package/dist/item/player/ItemImagePlayer.js +0 -8
- package/dist/item/player/ItemPlayer/ItemPlayer.js +0 -25
- package/dist/item/player/ItemPlayer/index.js +0 -6
- package/dist/item/player/ItemVideoPlayer.js +0 -14
- package/dist/job/JobCard.js +0 -20
- package/dist/job/JobDataTable.js +0 -11
- package/dist/job/JobFooter.js +0 -14
- package/dist/job/JobFooterContext.js +0 -11
- package/dist/job/JobList.js +0 -23
- package/dist/job/JobRow.js +0 -11
- package/dist/job/JobRowButton.js +0 -6
- package/dist/job/JobSelectForm.js +0 -13
- package/dist/job/JobTable.js +0 -11
- package/dist/job/JobTaskTable.js +0 -21
- package/dist/job/const.js +0 -3
- package/dist/mapStringsBooleans.js +0 -6
- package/dist/media/MediaBadge.js +0 -7
- package/dist/media/MediaBadges.js +0 -15
- package/dist/media/MediaCard/MediaCard.js +0 -17
- package/dist/media/MediaCard/index.js +0 -6
- package/dist/media/MediaCardActions.js +0 -11
- package/dist/media/MediaCardAvatar/MediaCardAvatar.js +0 -10
- package/dist/media/MediaCardAvatar/index.js +0 -6
- package/dist/media/MediaCardCard.js +0 -10
- package/dist/media/MediaCardCheckbox.js +0 -6
- package/dist/media/MediaCardContent.js +0 -10
- package/dist/media/MediaCardDurationLabel.js +0 -6
- package/dist/media/MediaCardFullWidth/MediaCardFullWidth.js +0 -19
- package/dist/media/MediaCardFullWidth/components/MediaCardExpand.js +0 -10
- package/dist/media/MediaCardFullWidth/components/MediaCardFullWidthCard.js +0 -10
- package/dist/media/MediaCardFullWidth/components/MediaCardFullWidthContent.js +0 -11
- package/dist/media/MediaCardFullWidth/components/MediaCardFullWidthHeader.js +0 -9
- package/dist/media/MediaCardFullWidth/index.js +0 -6
- package/dist/media/MediaCardHeader.js +0 -10
- package/dist/media/MediaCardMenu.js +0 -13
- package/dist/media/MediaCardThumbnail/MediaCardThumbnail.js +0 -12
- package/dist/media/MediaCardThumbnail/index.js +0 -6
- package/dist/media/MediaCardThumbnailLabel/MediaCardThumbnailLabel.js +0 -7
- package/dist/media/MediaCardThumbnailLabel/index.js +0 -6
- package/dist/search/Pagination.js +0 -9
- package/dist/search/PaginationActions.js +0 -10
- package/dist/search/SavedSearch/SaveSearchForm.js +0 -10
- package/dist/search/SavedSearch/SavedSearch.js +0 -11
- package/dist/search/SavedSearch/SavedSearchAccessList.js +0 -11
- package/dist/search/SavedSearch/SavedSearchList.js +0 -12
- package/dist/search/SavedSearch/SavedSearchRow.js +0 -37
- package/dist/search/SavedSearch/ShareSearch.js +0 -10
- package/dist/search/SavedSearch/index.js +0 -2
- package/dist/search/SavedSearchFolder/AddFolderRow.js +0 -13
- package/dist/search/SavedSearchFolder/FolderRow.js +0 -15
- package/dist/search/SavedSearchFolder/index.js +0 -2
- package/dist/search/SearchField/SearchField.js +0 -23
- package/dist/search/SearchField/index.js +0 -6
- package/dist/search/SearchInput/SearchInput.js +0 -20
- package/dist/search/SearchInput/index.js +0 -6
- package/dist/search/SearchInputFieldSelect.js +0 -12
- package/dist/search/SearchResultRow.js +0 -13
- package/dist/search/SearchResultTable.js +0 -14
- package/dist/search/SearchSuggestions.js +0 -11
- package/dist/search/Sort/Sort.js +0 -15
- package/dist/search/Sort/index.js +0 -6
- package/dist/search/SortMenuItem.js +0 -11
- package/dist/search/SpellCheck/SpellCheck.js +0 -10
- package/dist/search/SpellCheck/index.js +0 -6
- package/dist/search/querybuilder/QueryBetween/QueryBetween.js +0 -10
- package/dist/search/querybuilder/QueryBetween/index.js +0 -6
- package/dist/search/querybuilder/QueryBuilder/QueryBuilder.js +0 -15
- package/dist/search/querybuilder/QueryBuilder/index.js +0 -6
- package/dist/search/querybuilder/QueryBuilderCard/QueryBuilderCard.js +0 -13
- package/dist/search/querybuilder/QueryBuilderCard/index.js +0 -6
- package/dist/search/querybuilder/QueryBuilderContext.js +0 -13
- package/dist/search/querybuilder/QueryContains/QueryContains.js +0 -10
- package/dist/search/querybuilder/QueryContains/index.js +0 -6
- package/dist/search/querybuilder/QueryEntry/QueryEntry.js +0 -20
- package/dist/search/querybuilder/QueryEntry/index.js +0 -6
- package/dist/search/querybuilder/QueryEquals/QueryEquals.js +0 -10
- package/dist/search/querybuilder/QueryEquals/index.js +0 -6
- package/dist/search/querybuilder/QueryField/QueryField.js +0 -22
- package/dist/search/querybuilder/QueryField/index.js +0 -6
- package/dist/search/querybuilder/QueryGroup/QueryGroup.js +0 -15
- package/dist/search/querybuilder/QueryGroup/index.js +0 -6
- package/dist/search/querybuilder/QueryInput/QueryInput.js +0 -17
- package/dist/search/querybuilder/QueryInput/index.js +0 -6
- package/dist/search/querybuilder/QueryOperator/QueryOperator.js +0 -16
- package/dist/search/querybuilder/QueryOperator/index.js +0 -6
- package/dist/storage/StorageListTree.js +0 -21
- package/dist/transcode/ShapeTagCard.js +0 -10
- package/dist/transcode/ShapeTagListAccordion.js +0 -19
- package/dist/transcode/TranscodeDialog.js +0 -32
- package/dist/upload/FileTree.js +0 -14
- package/dist/upload/Upload.js +0 -25
- package/dist/upload/UploadEditor.js +0 -8
- package/dist/upload/UploadForm.js +0 -13
- package/dist/upload/UploadListFolder.js +0 -8
- package/dist/upload/UploadListItem.js +0 -22
- package/dist/user/ChangePasswordDialog.js +0 -14
- package/dist/user/ChangePasswordForm.js +0 -22
- package/dist/user/ChangeUserPasswordDialog/ChangeUserPasswordDialog.js +0 -8
- package/dist/user/ChangeUserPasswordDialog/components/PasswordField.js +0 -10
- package/dist/user/ChangeUserPasswordDialog/components/UserPasswordForm.js +0 -8
- package/dist/user/ChangeUserPasswordDialog/index.js +0 -6
- package/dist/user/CreateUserDialog/CreateUserDialog.js +0 -12
- package/dist/user/CreateUserDialog/components/CreateUserForm.js +0 -11
- package/dist/user/CreateUserDialog/index.js +0 -6
- package/dist/user/EditUserDialog/EditUserDialog.js +0 -8
- package/dist/user/EditUserDialog/components/EditUserForm.js +0 -7
- package/dist/user/EditUserDialog/index.js +0 -6
- package/dist/user/UserAvatarButton/UserAvatarButton.js +0 -17
- package/dist/user/UserAvatarButton/index.js +0 -6
- package/dist/user/UserDetails/UserDetails.js +0 -17
- package/dist/user/UserDetails/components/UserData.js +0 -8
- package/dist/user/UserDetails/components/UserMenu.js +0 -8
- package/dist/user/UserDetails/index.js +0 -6
- package/dist/user/UserRelationList/UserRelationList.js +0 -13
- package/dist/user/UserRelationList/index.js +0 -6
- package/dist/user/UserTable/UserTable.js +0 -9
- package/dist/user/UserTable/components/UserRow.js +0 -9
- package/dist/user/UserTable/index.js +0 -6
- package/dist/utils.js +0 -7
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import clsx from 'clsx';
|
|
3
|
-
import { ListItem, ListItemText } from '@material-ui/core';
|
|
4
|
-
import { withStyles } from '@material-ui/core/styles';
|
|
5
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
6
|
-
|
|
7
|
-
function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var styles=function styles(theme){return {root:{padding:0,margin:'2px 0'},text:{margin:0,'& > .MuiListItemText-primary':_objectSpread({},theme.typography.body2)},label:{flexBasis:'30%',marginBottom:'auto','& > .MuiListItemText-primary':{whiteSpace:'nowrap',overflow:'hidden',textOverflow:'ellipsis'}},value:{flexBasis:'70%',display:'flex',alignItems:'flex-end','& > .MuiListItemText-primary':{wordBreak:'break-all',fontWeight:600},'& > .MuiListItemText-secondary':{marginLeft:'6px'}}};};function ItemMetadataListFieldItem(_ref){var classes=_ref.classes,className=_ref.className,name=_ref.name,label=_ref.label,value=_ref.value,_ref$formatValue=_ref.formatValue,formatValue=_ref$formatValue===void 0?function(thisValue){return thisValue;}:_ref$formatValue,options=_ref.options,showFieldName=_ref.showFieldName,_ref$showOptionLabel=_ref.showOptionLabel,showOptionLabel=_ref$showOptionLabel===void 0?true:_ref$showOptionLabel;var optionLabel=options&&options.some(function(o){return o.value===value;})?options.find(function(o){return o.value===value;}).label:undefined;return/*#__PURE__*/jsxs(ListItem,{className:clsx(classes.root,'VdtItemMetadataListFieldItem-root',className),children:[/*#__PURE__*/jsx(ListItemText,{className:clsx(classes.text,classes.label,'VdtItemMetadataListFieldItem-label'),primary:label||name,secondary:showFieldName&&name}),/*#__PURE__*/jsx(ListItemText,{className:clsx(classes.text,classes.value,'VdtItemMetadataListFieldItem-value'),primary:value!==undefined?formatValue(value):'',secondary:showOptionLabel&&optionLabel&&"(".concat(optionLabel,")")})]});}var ItemMetadataListFieldItem$1 = withStyles(styles,{name:'VdtItemMetadataListFieldItem'})(ItemMetadataListFieldItem);
|
|
8
|
-
|
|
9
|
-
export { ItemMetadataListFieldItem$1 as default };
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
2
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
3
|
-
import { useMemo, useState } from 'react';
|
|
4
|
-
import Box from '@material-ui/core/Box';
|
|
5
|
-
import FormControlLabel from '@material-ui/core/FormControlLabel';
|
|
6
|
-
import { withStyles } from '@material-ui/core/styles';
|
|
7
|
-
import Switch from '@material-ui/core/Switch';
|
|
8
|
-
import { useAddMetadataFieldAttributes, GetItem, MetadataType } from '@vidispine/vdt-react';
|
|
9
|
-
import ItemMetadataEdit from './ItemMetadataEdit.js';
|
|
10
|
-
import ItemMetadataList from './ItemMetadataList.js';
|
|
11
|
-
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
12
|
-
|
|
13
|
-
function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}function ItemMetadataTab(_ref){var itemId=_ref.itemId,_ref$fields=_ref.fields,fields=_ref$fields===void 0?[]:_ref$fields,_ref$groups=_ref.groups,groups=_ref$groups===void 0?[]:_ref$groups,_ref$editingLabel=_ref.editingLabel,editingLabel=_ref$editingLabel===void 0?function(isEditing){return isEditing?'Cancel':'Edit';}:_ref$editingLabel,_ref$showEditMetadata=_ref.showEditMetadata,showEditMetadata=_ref$showEditMetadata===void 0?true:_ref$showEditMetadata,onError=_ref.onError,_ref$editJoinValue=_ref.editJoinValue,editJoinValue=_ref$editJoinValue===void 0?';':_ref$editJoinValue,_ref$displayJoinValue=_ref.displayJoinValue,displayJoinValue=_ref$displayJoinValue===void 0?', ':_ref$displayJoinValue,_ref$displayGroupAsLi=_ref.displayGroupAsList,displayGroupAsList=_ref$displayGroupAsLi===void 0?false:_ref$displayGroupAsLi,_ref$useContentPaths=_ref.useContentPaths,useContentPaths=_ref$useContentPaths===void 0?false:_ref$useContentPaths,formatValue=_ref.formatValue,_ref$queryParams=_ref.queryParams,propsQueryParams=_ref$queryParams===void 0?{}:_ref$queryParams,_ref$getAttributes=_ref.getAttributes,getAttributes=_ref$getAttributes===void 0?false:_ref$getAttributes;var queryParams=useMemo(function(){var memoQueryParams=_objectSpread({},propsQueryParams);if(useContentPaths){var groupPathParams=groups?groups.map(function(g){return g.name;}).map(function(name){return "metadata.timespan[start=-INF][end=+INF].group[name=".concat(name,"]");}).join(','):undefined;var fieldPathParams=fields?fields.map(function(f){return f.name;}).map(function(name){return "metadata.timespan[start=-INF][end=+INF].field[name=".concat(name,"]");}).join(','):'metadata.timespan[start=-INF][end=+INF].field';memoQueryParams.p=encodeURIComponent([fieldPathParams,groupPathParams].join(','));}else {memoQueryParams.content='metadata';if(Array.isArray(fields)&&fields.length>0)memoQueryParams.field=fields.map(function(_ref2){var name=_ref2.name;return name;});if(Array.isArray(groups)&&groups.length>0)memoQueryParams.group=groups.map(function(_ref3){var name=_ref3.name;return name;});}return memoQueryParams;},[fields,groups,useContentPaths,propsQueryParams]);var _useState=useState(false),_useState2=_slicedToArray(_useState,2),isEditing=_useState2[0],setIsEditing=_useState2[1];var toggleEdit=function toggleEdit(){return setIsEditing(!isEditing);};var _useAddMetadataFieldA=useAddMetadataFieldAttributes({fields:fields,groups:groups,getAttributes:getAttributes}),_useAddMetadataFieldA2=_useAddMetadataFieldA.fieldsWithAttributes,fieldsWithAttributes=_useAddMetadataFieldA2===void 0?[]:_useAddMetadataFieldA2,_useAddMetadataFieldA3=_useAddMetadataFieldA.groupsWithAttributes,groupsWithAttributes=_useAddMetadataFieldA3===void 0?[]:_useAddMetadataFieldA3;return/*#__PURE__*/jsxs(Fragment,{children:[showEditMetadata&&/*#__PURE__*/jsx(Box,{display:"flex",justifyContent:"flex-end",children:/*#__PURE__*/jsx(FormControlLabel,{control:/*#__PURE__*/jsx(Switch,{checked:isEditing,onChange:toggleEdit}),label:editingLabel(isEditing),labelPlacement:"start"})}),/*#__PURE__*/jsx(GetItem,{itemId:itemId,queryParams:queryParams,children:showEditMetadata&&isEditing?/*#__PURE__*/jsx(ItemMetadataEdit,{fields:fieldsWithAttributes||fields,groups:groupsWithAttributes||groups,onSuccess:toggleEdit,onError:onError,joinValue:editJoinValue}):/*#__PURE__*/jsx(MetadataType,{joinValue:displayJoinValue,groupAsList:displayGroupAsList,children:/*#__PURE__*/jsx(ItemMetadataList,{fields:fieldsWithAttributes||fields,groups:groupsWithAttributes||groups,formatValue:formatValue})})})]});}var ItemMetadataTab$1 = withStyles({},{name:'VdtItemMetadataTab'})(ItemMetadataTab);
|
|
14
|
-
|
|
15
|
-
export { ItemMetadataTab$1 as default };
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
2
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
3
|
-
import { withStyles } from '@material-ui/core/styles';
|
|
4
|
-
import Table from '@material-ui/core/Table';
|
|
5
|
-
import TableBody from '@material-ui/core/TableBody';
|
|
6
|
-
import TableCell from '@material-ui/core/TableCell';
|
|
7
|
-
import TableRow$1 from '@material-ui/core/TableRow';
|
|
8
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
9
|
-
|
|
10
|
-
var _excluded=["fields","TableRowComponent","TableRowProps"],_excluded2=["label","value"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var TableCellLabel=withStyles(function(theme){return {root:_objectSpread({borderStyle:'none',verticalAlign:'top',paddingRight:'1em'},theme.typography.body2)};})(TableCell);var TableCellValue=withStyles(function(theme){return {root:_objectSpread({borderStyle:'none',wordBreak:'break-word',verticalAlign:'top'},theme.typography.subtitle2)};})(TableCell);function TableRow(_ref){var label=_ref.label,value=_ref.value,_ref$formatValue=_ref.formatValue,formatValue=_ref$formatValue===void 0?function(thisValue){return thisValue;}:_ref$formatValue,_ref$TableRowProps=_ref.TableRowProps,TableRowProps=_ref$TableRowProps===void 0?{}:_ref$TableRowProps,_ref$TableCellLabelPr=_ref.TableCellLabelProps,TableCellLabelProps=_ref$TableCellLabelPr===void 0?{}:_ref$TableCellLabelPr,_ref$TableCellValuePr=_ref.TableCellValueProps,TableCellValueProps=_ref$TableCellValuePr===void 0?{}:_ref$TableCellValuePr;return/*#__PURE__*/jsxs(TableRow$1,_objectSpread(_objectSpread({component:"div"},TableRowProps),{},{children:[/*#__PURE__*/jsx(TableCellLabel,_objectSpread(_objectSpread({component:"div"},TableCellLabelProps),{},{children:label})),/*#__PURE__*/jsx(TableCellValue,_objectSpread(_objectSpread({component:"div"},TableCellValueProps),{},{children:value!==undefined?formatValue(value):''}))]}));}function ItemMetadataTable(_ref2){var _ref2$fields=_ref2.fields,fields=_ref2$fields===void 0?[]:_ref2$fields,_ref2$TableRowCompone=_ref2.TableRowComponent,TableRowComponent=_ref2$TableRowCompone===void 0?TableRow:_ref2$TableRowCompone,_ref2$TableRowProps=_ref2.TableRowProps,TableRowProps=_ref2$TableRowProps===void 0?{}:_ref2$TableRowProps,values=_objectWithoutProperties(_ref2,_excluded);return/*#__PURE__*/jsx(Table,{size:"small",padding:"none",style:{width:'100%'},component:"div",children:/*#__PURE__*/jsx(TableBody,{component:"div",children:fields.map(function(_ref3){var label=_ref3.label,fieldName=_ref3.value,fieldProps=_objectWithoutProperties(_ref3,_excluded2);return/*#__PURE__*/jsx(TableRowComponent,_objectSpread(_objectSpread({label:label,value:values[fieldName],TableRowProps:TableRowProps},TableRowProps),fieldProps),fieldName);})})});}
|
|
11
|
-
|
|
12
|
-
export { ItemMetadataTable as default };
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
|
|
3
|
-
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
4
|
-
import { useState, useEffect } from 'react';
|
|
5
|
-
import clsx from 'clsx';
|
|
6
|
-
import _update from 'lodash.update';
|
|
7
|
-
import ButtonBase from '@material-ui/core/ButtonBase';
|
|
8
|
-
import Dialog from '@material-ui/core/Dialog';
|
|
9
|
-
import ListItemIcon from '@material-ui/core/ListItemIcon';
|
|
10
|
-
import ListItemText from '@material-ui/core/ListItemText';
|
|
11
|
-
import Menu from '@material-ui/core/Menu';
|
|
12
|
-
import MenuItem from '@material-ui/core/MenuItem';
|
|
13
|
-
import { withStyles } from '@material-ui/core/styles';
|
|
14
|
-
import ForwardIcon from '@material-ui/icons/Forward';
|
|
15
|
-
import MoreVertIcon from '@material-ui/icons/MoreVert';
|
|
16
|
-
import RemoveCircleOutlineIcon from '@material-ui/icons/RemoveCircleOutline';
|
|
17
|
-
import { item, collection } from '@vidispine/vdt-api';
|
|
18
|
-
import { parseMetadataType } from '@vidispine/vdt-js';
|
|
19
|
-
import RemoveFromCollectionDialog from '../collection/RemoveFromCollectionDialog/index.js';
|
|
20
|
-
import useMenu from '../hooks/useMenu.js';
|
|
21
|
-
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
22
|
-
import CollectionList from '../collection/CollectionList/index.js';
|
|
23
|
-
|
|
24
|
-
function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var styles={};function ActionComponent(_ref){var collectionId=_ref.collectionId,itemId=_ref.itemId,_ref$removeText=_ref.removeText,removeText=_ref$removeText===void 0?'Remove Item From Collection':_ref$removeText,onClickCollection=_ref.onClick,_ref$goToText=_ref.goToText,goToText=_ref$goToText===void 0?'Go To Collection':_ref$goToText,onRefresh=_ref.onRefresh;var _useMenu=useMenu(),anchorEl=_useMenu.anchorEl,onOpen=_useMenu.onOpen,onClose=_useMenu.onClose,isOpen=_useMenu.isOpen,onClickMenu=_useMenu.onClick;var _useState=useState(false),_useState2=_slicedToArray(_useState,2),openDialog=_useState2[0],setOpenDialog=_useState2[1];return/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsx(ButtonBase,{size:"small",onClick:onOpen,children:/*#__PURE__*/jsx(MoreVertIcon,{})}),/*#__PURE__*/jsxs(Menu,{anchorEl:anchorEl,open:isOpen,keepMounted:true,onClose:onClose,getContentAnchorEl:null,anchorOrigin:{vertical:'bottom',horizontal:'right'},transformOrigin:{vertical:'top',horizontal:'right'},children:[/*#__PURE__*/jsxs(MenuItem,{onClick:onClickMenu(function(e){return onClickCollection(e,{collectionId:collectionId});}),children:[/*#__PURE__*/jsx(ListItemIcon,{children:/*#__PURE__*/jsx(ForwardIcon,{fontSize:"small"})}),/*#__PURE__*/jsx(ListItemText,{primary:goToText})]}),/*#__PURE__*/jsxs(MenuItem,{onClick:onClickMenu(function(){return setOpenDialog(true);}),children:[/*#__PURE__*/jsx(ListItemIcon,{children:/*#__PURE__*/jsx(RemoveCircleOutlineIcon,{fontSize:"small"})}),/*#__PURE__*/jsx(ListItemText,{primary:removeText})]})]}),/*#__PURE__*/jsx(Dialog,{open:openDialog,children:/*#__PURE__*/jsx(RemoveFromCollectionDialog,{collectionId:collectionId,entityId:itemId,entityType:"item",onClose:function onClose(){return setOpenDialog(false);},onSuccess:function onSuccess(){onRefresh();setOpenDialog(false);}})})]});}function ItemParentsTab(_ref2){var className=_ref2.className,classes=_ref2.classes,itemId=_ref2.itemId,initialItemSearchDocument=_ref2.itemSearchDocument,initialCollectionListType=_ref2.collectionListType,queryParams=_ref2.queryParams,onError=_ref2.onError,CollectionListComponent=_ref2.CollectionListComponent,CollectionListProps=_ref2.CollectionListProps;var _useState3=useState(initialCollectionListType),_useState4=_slicedToArray(_useState3,2),collectionListType=_useState4[0],setCollectionListType=_useState4[1];var _useState5=useState(true),_useState6=_slicedToArray(_useState5,2),skeleton=_useState6[0],setSkeleton=_useState6[1];var onRefresh=function onRefresh(){item.getItem({itemId:itemId,queryParams:{content:'metadata',field:'__collection'}}).then(function(_ref3){var itemType=_ref3.data;var _parseMetadataType=parseMetadataType(itemType.metadata,{flat:true}),_parseMetadataType$__=_parseMetadataType.__collection,parentCollectionIds=_parseMetadataType$__===void 0?[]:_parseMetadataType$__;if(parentCollectionIds.length===0){return {data:{}};}var parentCollectionsField={name:'collectionId',value:parentCollectionIds.map(function(id){return {value:id};})};var itemSearchDocument=_update(initialItemSearchDocument,'field',function(){var field=arguments.length>0&&arguments[0]!==undefined?arguments[0]:[];return [].concat(_toConsumableArray(field.filter(function(f){return f.name!=='collectionId';})),[parentCollectionsField]);});return collection.searchCollection({itemSearchDocument:itemSearchDocument,queryParams:queryParams});}).then(function(_ref4){var newCollectionListType=_ref4.data;setCollectionListType(newCollectionListType);setSkeleton(false);})["catch"](function(error){return onError(error);});};useEffect(function(){onRefresh();// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
25
|
-
},[]);var _CollectionListProps$=CollectionListProps.CollectionListItemProps,CollectionListItemProps=_CollectionListProps$===void 0?{}:_CollectionListProps$;var onClick=CollectionListItemProps.onClick,_CollectionListItemPr=CollectionListItemProps.ActionProps,ActionProps=_CollectionListItemPr===void 0?{}:_CollectionListItemPr;return/*#__PURE__*/jsx("div",{className:clsx(classes.root,'VdtItemParentsTab-root',className),children:/*#__PURE__*/jsx(CollectionListComponent,_objectSpread(_objectSpread({collectionListType:collectionListType},CollectionListProps),{},{CollectionListItemProps:_objectSpread({skeleton:skeleton,ActionProps:_objectSpread({itemId:itemId,onClick:onClick,onRefresh:onRefresh},ActionProps),ActionComponent:ActionComponent},CollectionListItemProps)}))});}ItemParentsTab.defaultProps={className:undefined,itemSearchDocument:{},queryParams:{content:'metadata',field:'title'},// eslint-disable-next-line no-console
|
|
26
|
-
onError:function onError(_ref5){var message=_ref5.message;return console.error(message);},CollectionListComponent:CollectionList,CollectionListProps:{},collectionListType:{collection:_toConsumableArray(Array(3).keys()).map(function(id){return {id:String(id)};})}};var ItemParentsTab$1 = withStyles(styles,{name:'VdtItemParentsTab'})(ItemParentsTab);
|
|
27
|
-
|
|
28
|
-
export { ItemParentsTab, ItemParentsTab$1 as default };
|
package/dist/item/ItemPoster.js
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
2
|
-
import { useMemo, useState } from 'react';
|
|
3
|
-
import { utils } from '@vidispine/vdt-api';
|
|
4
|
-
import { formatTimeCodeText } from '@vidispine/vdt-js';
|
|
5
|
-
import ItemPosterDialog from './ItemPosterDialog.js';
|
|
6
|
-
import ItemPosterList from './ItemPosterList.js';
|
|
7
|
-
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
8
|
-
|
|
9
|
-
var ApiClient=utils.defaultClient;var findThumbnailUri=function findThumbnailUri(posterUri,thumbnailList){var thisPoster=posterUri.split('poster')[1].split('?hash')[0];var time=formatTimeCodeText(thisPoster.split('/').pop());var thumbnailUri=thumbnailList.find(function(thisThumbnail){return thisPoster===thisThumbnail.split('thumbnail')[1].split('?hash')[0];});return {posterUri:posterUri,thumbnailUri:thumbnailUri,time:time};};var downloadFile=function downloadFile(url,fileName){ApiClient({url:url,method:'GET',responseType:'blob'}).then(function(_ref){var data=_ref.data;var objectUrl=window.URL.createObjectURL(new Blob([data]));var link=document.createElement('a');link.href=objectUrl;link.setAttribute('download',fileName);link.click();window.URL.revokeObjectURL(objectUrl);});};function ItemPoster(_ref2){var _ref2$itemType=_ref2.itemType,itemType=_ref2$itemType===void 0?{}:_ref2$itemType;var _itemType$posters=itemType.posters;_itemType$posters=_itemType$posters===void 0?{}:_itemType$posters;var _itemType$posters$uri=_itemType$posters.uri,posterList=_itemType$posters$uri===void 0?[]:_itemType$posters$uri,_itemType$thumbnails=itemType.thumbnails;_itemType$thumbnails=_itemType$thumbnails===void 0?{}:_itemType$thumbnails;var _itemType$thumbnails$=_itemType$thumbnails.uri,thumbnailList=_itemType$thumbnails$===void 0?[]:_itemType$thumbnails$;var imgList=useMemo(function(){return posterList.map(function(posterUri){return findThumbnailUri(posterUri,thumbnailList);});},[posterList,thumbnailList]);var _useState=useState(),_useState2=_slicedToArray(_useState,2),posterIdx=_useState2[0],setPosterIdx=_useState2[1];var open=posterIdx!==undefined;var _ref3=imgList[posterIdx]||{},posterUri=_ref3.posterUri;var handleOpen=function handleOpen(newPosterIdx){return setPosterIdx(newPosterIdx);};var handleClose=function handleClose(){return setPosterIdx();};var handleDownload=function handleDownload(){return downloadFile(posterUri.replace('APInoauth','API'),'poster.jpeg');};var handleBefore=posterIdx!==0?function(){return setPosterIdx(posterIdx-1);}:undefined;var handleNext=posterIdx+1!==imgList.length?function(){return setPosterIdx(posterIdx+1);}:undefined;return/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsx(ItemPosterList,{imgList:imgList,handleOpen:handleOpen}),/*#__PURE__*/jsx(ItemPosterDialog,{open:open,posterUri:posterUri,handleClose:handleClose,handleBefore:handleBefore,handleNext:handleNext,handleDownload:handleDownload})]});}
|
|
10
|
-
|
|
11
|
-
export { ItemPoster as default };
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import Box from '@material-ui/core/Box';
|
|
2
|
-
import Dialog from '@material-ui/core/Dialog';
|
|
3
|
-
import IconButton from '@material-ui/core/IconButton';
|
|
4
|
-
import Toolbar from '@material-ui/core/Toolbar';
|
|
5
|
-
import CloseIcon from '@material-ui/icons/Close';
|
|
6
|
-
import NavigateBeforeIcon from '@material-ui/icons/NavigateBefore';
|
|
7
|
-
import NavigateNextIcon from '@material-ui/icons/NavigateNext';
|
|
8
|
-
import SaveAltIcon from '@material-ui/icons/SaveAlt';
|
|
9
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
10
|
-
|
|
11
|
-
function ItemPosterDialog(_ref){var open=_ref.open,posterUri=_ref.posterUri,handleClose=_ref.handleClose,handleBefore=_ref.handleBefore,handleNext=_ref.handleNext,handleDownload=_ref.handleDownload;return/*#__PURE__*/jsxs(Dialog,{fullScreen:true,open:open,onClose:handleClose,children:[/*#__PURE__*/jsx(Toolbar,{children:/*#__PURE__*/jsxs(Box,{display:"flex",justifyContent:"space-between",width:"100%",children:[/*#__PURE__*/jsx(IconButton,{edge:"start",color:"inherit",onClick:handleClose,children:/*#__PURE__*/jsx(CloseIcon,{})}),/*#__PURE__*/jsxs(Box,{children:[/*#__PURE__*/jsx(IconButton,{edge:"start",color:"inherit",disabled:!handleBefore,onClick:handleBefore,children:/*#__PURE__*/jsx(NavigateBeforeIcon,{})}),/*#__PURE__*/jsx(IconButton,{edge:"start",color:"inherit",disabled:!handleNext,onClick:handleNext,children:/*#__PURE__*/jsx(NavigateNextIcon,{})})]}),/*#__PURE__*/jsx(IconButton,{edge:"start",color:"inherit",onClick:handleDownload,children:/*#__PURE__*/jsx(SaveAltIcon,{})})]})}),open&&/*#__PURE__*/jsx(Box,{width:"100vw",height:"80vh",display:"flex",justifyContent:"center",children:/*#__PURE__*/jsx("img",{src:posterUri,alt:"",style:{maxWidth:'100%',maxHeight:'100%'}})})]});}
|
|
12
|
-
|
|
13
|
-
export { ItemPosterDialog as default };
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import clsx from 'clsx';
|
|
3
|
-
import { withStyles } from '@material-ui/core/styles';
|
|
4
|
-
import MediaCardThumbnail from '../media/MediaCardThumbnail/index.js';
|
|
5
|
-
import { jsx } from 'react/jsx-runtime';
|
|
6
|
-
|
|
7
|
-
function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var styles=function styles(theme){return {root:{},posterRoot:{width:320,margin:theme.spacing(2),cursor:'pointer'}};};function ItemPosterList(_ref){var classes=_ref.classes,className=_ref.className,_ref$imgList=_ref.imgList,imgList=_ref$imgList===void 0?[]:_ref$imgList,handleOpen=_ref.handleOpen,_ref$MediaCardThumbna=_ref.MediaCardThumbnailComponent,MediaCardThumbnailComponent=_ref$MediaCardThumbna===void 0?MediaCardThumbnail:_ref$MediaCardThumbna,_ref$MediaCardThumbna2=_ref.MediaCardThumbnailProps,MediaCardThumbnailProps=_ref$MediaCardThumbna2===void 0?{}:_ref$MediaCardThumbna2;return/*#__PURE__*/jsx("div",{className:clsx(classes.root,className,'VdtItemPosterList-root'),children:imgList.map(function(_ref2,posterIdx){var thumbnailUri=_ref2.thumbnailUri,time=_ref2.time;return/*#__PURE__*/ (// eslint-disable-next-line max-len
|
|
8
|
-
// eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
|
|
9
|
-
jsx("div",{className:clsx(classes.posterRoot,'VdtItemPosterList-posterRoot'),onClick:handleOpen?function(){return handleOpen(posterIdx);}:undefined,children:/*#__PURE__*/jsx(MediaCardThumbnailComponent,_objectSpread({image:thumbnailUri,labelRightBottom:time.toDuration({format:'hhmmss'})},MediaCardThumbnailProps))},thumbnailUri));})});}var ItemPosterList$1 = withStyles(styles,{name:'VdtItemPosterList'})(ItemPosterList);
|
|
10
|
-
|
|
11
|
-
export { ItemPosterList$1 as default };
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { useRef, useEffect } from 'react';
|
|
2
|
-
import { useGetItem } from '@vidispine/vdt-react';
|
|
3
|
-
import ItemPoster from './ItemPoster.js';
|
|
4
|
-
import { jsx } from 'react/jsx-runtime';
|
|
5
|
-
|
|
6
|
-
var queryParams={content:'poster,thumbnail','noauth-url':true,url:'false'};function ItemPosterTab(_ref){var itemId=_ref.itemId,hidden=_ref.hidden;var _useGetItem=useGetItem({itemId:itemId,queryParams:queryParams}),itemType=_useGetItem.itemType,onRefresh=_useGetItem.onRefresh;var hiddenRef=useRef(hidden);useEffect(function(){if(hidden===false&&hidden!==hiddenRef.current){onRefresh();}hiddenRef.current=hidden;},[hidden,onRefresh]);return/*#__PURE__*/jsx(ItemPoster,{itemId:itemId,itemType:itemType});}
|
|
7
|
-
|
|
8
|
-
export { ItemPosterTab as default };
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import { withStyles } from '@material-ui/core/styles';
|
|
3
|
-
import { item } from '@vidispine/vdt-api';
|
|
4
|
-
import ConfirmationDialog from '../ConfirmationDialog.js';
|
|
5
|
-
import { jsx } from 'react/jsx-runtime';
|
|
6
|
-
|
|
7
|
-
function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}function ItemRelationRemoveDialog(_ref){var open=_ref.open,onClose=_ref.onClose,onSuccess=_ref.onSuccess,relationId=_ref.relationId,onError=_ref.onError,onConfirm=_ref.onConfirm,ConfirmationDialogProps=_ref.ConfirmationDialogProps,titleText=_ref.titleText,confirmText=_ref.confirmText,rejectText=_ref.rejectText;var handleConfirm=function handleConfirm(){return onConfirm({relationId:relationId}).then(onSuccess)["catch"](onError);};return/*#__PURE__*/jsx(ConfirmationDialog,_objectSpread({open:open,onReject:onClose,titleText:titleText,confirmText:confirmText,rejectText:rejectText,onConfirm:handleConfirm},ConfirmationDialogProps));}ItemRelationRemoveDialog.defaultProps={open:false,onClose:undefined,onSuccess:undefined,// eslint-disable-next-line no-console
|
|
8
|
-
onError:function onError(_ref2){var message=_ref2.message,error=_ref2.error;return console.error("".concat(message,"\n").concat(error));},onConfirm:function onConfirm(_ref3){var relationId=_ref3.relationId;return item.removeRelation({relationId:relationId});},ConfirmationDialogProps:{},titleText:'Remove relation?',confirmText:'Remove',rejectText:'Cancel'};var ItemRelationRemoveDialog$1 = withStyles({},{name:'VdtItemRelationRemoveDialog'})(ItemRelationRemoveDialog);
|
|
9
|
-
|
|
10
|
-
export { ItemRelationRemoveDialog$1 as default };
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
|
|
3
|
-
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
4
|
-
import { useState, useEffect } from 'react';
|
|
5
|
-
import clsx from 'clsx';
|
|
6
|
-
import _update from 'lodash.update';
|
|
7
|
-
import Button from '@material-ui/core/Button';
|
|
8
|
-
import ButtonBase from '@material-ui/core/ButtonBase';
|
|
9
|
-
import ListItemIcon from '@material-ui/core/ListItemIcon';
|
|
10
|
-
import ListItemText from '@material-ui/core/ListItemText';
|
|
11
|
-
import Menu from '@material-ui/core/Menu';
|
|
12
|
-
import MenuItem from '@material-ui/core/MenuItem';
|
|
13
|
-
import { withStyles } from '@material-ui/core/styles';
|
|
14
|
-
import AddIcon from '@material-ui/icons/Add';
|
|
15
|
-
import ForwardIcon from '@material-ui/icons/Forward';
|
|
16
|
-
import MoreVertIcon from '@material-ui/icons/MoreVert';
|
|
17
|
-
import RemoveCircleOutlineIcon from '@material-ui/icons/RemoveCircleOutline';
|
|
18
|
-
import { item } from '@vidispine/vdt-api';
|
|
19
|
-
import { useApi } from '@vidispine/vdt-react';
|
|
20
|
-
import useMenu from '../hooks/useMenu.js';
|
|
21
|
-
import AddRelationDialog from './AddRelationDialog.js';
|
|
22
|
-
import ItemList from './ItemList/index.js';
|
|
23
|
-
import ItemRelationRemoveDialog from './ItemRelationRemoveDialog.js';
|
|
24
|
-
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
25
|
-
|
|
26
|
-
function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var styles={root:{},actions:{display:'flex',justifyContent:'flex-end'},button:{}};function ActionComponent(_ref){var itemId=_ref.itemId,itemType=_ref.itemType,_ref$itemRelationList=_ref.itemRelationListType,itemRelationListType=_ref$itemRelationList===void 0?{}:_ref$itemRelationList,_ref$removeText=_ref.removeText,removeText=_ref$removeText===void 0?'Remove Relation':_ref$removeText,onItemClick=_ref.onClick,_ref$goToText=_ref.goToText,goToText=_ref$goToText===void 0?'Go To Item':_ref$goToText,onRefresh=_ref.onRefresh,onRemove=_ref.onRemove,_ref$MenuIcon=_ref.MenuIcon,MenuIcon=_ref$MenuIcon===void 0?MoreVertIcon:_ref$MenuIcon;var _useMenu=useMenu(),anchorEl=_useMenu.anchorEl,onOpen=_useMenu.onOpen,onClose=_useMenu.onClose,isOpen=_useMenu.isOpen,onClickMenu=_useMenu.onClick;var _useState=useState(false),_useState2=_slicedToArray(_useState,2),openDialog=_useState2[0],setOpenDialog=_useState2[1];var onCloseDialog=function onCloseDialog(){return setOpenDialog(false);};var _itemRelationListType=itemRelationListType.relation,relationList=_itemRelationListType===void 0?[]:_itemRelationListType;var _ref2=relationList.find(function(_ref3){var _ref3$direction=_ref3.direction;_ref3$direction=_ref3$direction===void 0?{}:_ref3$direction;var source=_ref3$direction.source,target=_ref3$direction.target;return (source===itemType.id||target===itemType.id)&&(source===itemId||target===itemId);})||{},relationId=_ref2.id;return/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsx(ButtonBase,{size:"small",onClick:onOpen,children:/*#__PURE__*/jsx(MenuIcon,{})}),/*#__PURE__*/jsxs(Menu,{anchorEl:anchorEl,open:isOpen,keepMounted:true,onClose:onClose,getContentAnchorEl:null,anchorOrigin:{vertical:'bottom',horizontal:'right'},transformOrigin:{vertical:'top',horizontal:'right'},children:[/*#__PURE__*/jsxs(MenuItem,{onClick:onClickMenu(function(e){return onItemClick(e,{id:itemType.id});}),children:[/*#__PURE__*/jsx(ListItemIcon,{children:/*#__PURE__*/jsx(ForwardIcon,{fontSize:"small"})}),/*#__PURE__*/jsx(ListItemText,{primary:goToText})]}),/*#__PURE__*/jsxs(MenuItem,{onClick:onClickMenu(function(){return setOpenDialog(true);}),children:[/*#__PURE__*/jsx(ListItemIcon,{children:/*#__PURE__*/jsx(RemoveCircleOutlineIcon,{fontSize:"small"})}),/*#__PURE__*/jsx(ListItemText,{primary:removeText})]})]}),/*#__PURE__*/jsx(ItemRelationRemoveDialog,{itemId:itemType.id,relationId:relationId,open:openDialog,onClose:onCloseDialog,onSuccess:function onSuccess(){onCloseDialog();if(onRemove)onRemove();onRefresh();}})]});}function ItemRelationsTab(_ref4){var className=_ref4.className,classes=_ref4.classes,itemId=_ref4.itemId,initialItemSearchDocument=_ref4.itemSearchDocument,queryParams=_ref4.queryParams,onError=_ref4.onError,ItemListComponent=_ref4.ItemListComponent,ItemListProps=_ref4.ItemListProps,onAdd=_ref4.onAdd,onRemove=_ref4.onRemove,addText=_ref4.addText,direction=_ref4.direction;var _useState3=useState(false),_useState4=_slicedToArray(_useState3,2),openDialog=_useState4[0],setOpenDialog=_useState4[1];var _useApi=useApi(item.listItemRelation),_useApi$data=_useApi.data,itemRelationListType=_useApi$data===void 0?{}:_useApi$data,listItemRelation=_useApi.request;var _useApi2=useApi(item.searchItem),itemListType=_useApi2.data,searchItem=_useApi2.request,reset=_useApi2.reset;var onRefresh=function onRefresh(){return listItemRelation({itemId:itemId,queryParams:{direction:direction}})["catch"](function(e){return onError(e.message);});};useEffect(function(){onRefresh();// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
27
|
-
},[itemId,direction]);useEffect(function(){var _itemRelationListType2=itemRelationListType.relation,relationList=_itemRelationListType2===void 0?[]:_itemRelationListType2;if(relationList.length===0){if(itemListType&&itemListType.hits>0)reset();return;}var relationsField={name:'itemId',value:relationList.map(function(_ref5){var _ref5$direction=_ref5.direction,source=_ref5$direction.source,target=_ref5$direction.target;return {value:source===itemId?target:source};})};var itemSearchDocument=_update(initialItemSearchDocument,'field',function(){var field=arguments.length>0&&arguments[0]!==undefined?arguments[0]:[];return [].concat(_toConsumableArray(field.filter(function(f){return f.name!=='itemId';})),[relationsField]);});searchItem({itemSearchDocument:itemSearchDocument,queryParams:queryParams})["catch"](function(e){return onError(e.message);});// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
28
|
-
},[itemRelationListType]);var _ItemListProps$ItemLi=ItemListProps.ItemListItemProps,ItemListItemProps=_ItemListProps$ItemLi===void 0?{}:_ItemListProps$ItemLi;var onClick=ItemListItemProps.onClick,_ItemListItemProps$Ac=ItemListItemProps.ActionProps,ActionProps=_ItemListItemProps$Ac===void 0?{}:_ItemListItemProps$Ac;return/*#__PURE__*/jsxs("div",{className:clsx(classes.root,'VdtItemRelationsTab-root',className),children:[/*#__PURE__*/jsx("div",{className:classes.actions,children:/*#__PURE__*/jsx(Button,{variant:"contained",color:"primary",className:classes.button,startIcon:/*#__PURE__*/jsx(AddIcon,{}),onClick:function onClick(){setOpenDialog(true);},children:addText})}),/*#__PURE__*/jsx(ItemListComponent,_objectSpread(_objectSpread({itemListType:itemListType},ItemListProps),{},{ItemListItemProps:_objectSpread({ActionProps:_objectSpread({itemId:itemId,onClick:onClick,onRefresh:onRefresh,itemRelationListType:itemRelationListType,onRemove:onRemove},ActionProps),ActionComponent:ActionComponent},ItemListItemProps)})),/*#__PURE__*/jsx(AddRelationDialog,{itemId:itemId,open:openDialog,setOpenDialog:setOpenDialog,onSuccess:onAdd,onRefresh:onRefresh})]});}ItemRelationsTab.defaultProps={className:undefined,itemSearchDocument:{},queryParams:{content:'metadata',field:'title'},// eslint-disable-next-line no-console
|
|
29
|
-
onError:function onError(_ref6){var message=_ref6.message;return console.error(message);},ItemListComponent:ItemList,ItemListProps:{},onRemove:function onRemove(){},onAdd:function onAdd(){},addText:'Add new relation',direction:'A'};var ItemRelationsTab$1 = withStyles(styles,{name:'VdtItemRelationsTab'})(ItemRelationsTab);
|
|
30
|
-
|
|
31
|
-
export { ItemRelationsTab, ItemRelationsTab$1 as default };
|
package/dist/item/ItemRow.js
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
3
|
-
import { useMemo } from 'react';
|
|
4
|
-
import Box from '@material-ui/core/Box';
|
|
5
|
-
import Hidden from '@material-ui/core/Hidden';
|
|
6
|
-
import TableCell from '@material-ui/core/TableCell';
|
|
7
|
-
import TableRow from '@material-ui/core/TableRow';
|
|
8
|
-
import { parseMetadataType } from '@vidispine/vdt-js';
|
|
9
|
-
import MediaCardCheckbox from '../media/MediaCardCheckbox.js';
|
|
10
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
11
|
-
|
|
12
|
-
var _excluded=["options","metadataToProps","parseMetadataOpts","selected","onCheck","onClick","TableRowProps"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var metadataToProps=function metadataToProps(_ref){var itemType=_ref.itemType,parseMetadataOpts=_ref.parseMetadataOpts,options=_ref.options;var _itemType$metadata=itemType.metadata,metadata=_itemType$metadata===void 0?{}:_itemType$metadata;var parsedMetadata=parseMetadataType(metadata,parseMetadataOpts);return options.map(function(_ref2){var value=_ref2.value;var parsedValue=parsedMetadata[value];return parsedValue;});};function ItemRow(_ref3){var _ref3$options=_ref3.options,options=_ref3$options===void 0?[]:_ref3$options,_ref3$metadataToProps=_ref3.metadataToProps,handleMetadataToProps=_ref3$metadataToProps===void 0?metadataToProps:_ref3$metadataToProps,_ref3$parseMetadataOp=_ref3.parseMetadataOpts,parseMetadataOpts=_ref3$parseMetadataOp===void 0?{joinValue:', ',flat:true}:_ref3$parseMetadataOp,selected=_ref3.selected,onCheck=_ref3.onCheck,onClick=_ref3.onClick,_ref3$TableRowProps=_ref3.TableRowProps,TableRowProps=_ref3$TableRowProps===void 0?{}:_ref3$TableRowProps,innerProps=_objectWithoutProperties(_ref3,_excluded);var itemType=innerProps.itemType;var rowValues=useMemo(function(){return handleMetadataToProps({itemType:itemType,parseMetadataOpts:parseMetadataOpts,options:options});},// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
13
|
-
[itemType,options,metadataToProps]);var handleChecked=function handleChecked(event){if(onCheck)onCheck(event,!selected,innerProps);};return/*#__PURE__*/jsxs(TableRow,_objectSpread(_objectSpread({hover:true,selected:selected,onClick:onClick,style:{cursor:'pointer'}},TableRowProps),{},{children:[onCheck&&/*#__PURE__*/jsx(TableCell,{padding:"checkbox",children:/*#__PURE__*/jsx(MediaCardCheckbox,{checked:selected,handleChecked:handleChecked})}),rowValues.map(function(cellValue,index){return/*#__PURE__*/jsx(Hidden,{only:options[index].hide,children:/*#__PURE__*/jsx(TableCell,{children:options[index].valueComponent?/*#__PURE__*/jsx(Box,{component:options[index].valueComponent,value:cellValue,innerProps:innerProps}):cellValue})},options[index].key||options[index].value||options[index].label);})]}));}
|
|
14
|
-
|
|
15
|
-
export { ItemRow as default };
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
|
|
2
|
-
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
3
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
4
|
-
import { useState, useEffect } from 'react';
|
|
5
|
-
import { withStyles } from '@material-ui/core/styles';
|
|
6
|
-
import { useSearch, SearchItem } from '@vidispine/vdt-react';
|
|
7
|
-
import SearchPagination from '../search/Pagination.js';
|
|
8
|
-
import SearchInput from '../search/SearchInput/index.js';
|
|
9
|
-
import ItemTable from './ItemTable.js';
|
|
10
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
11
|
-
|
|
12
|
-
function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}function PaginationWrapper(props){var _props$itemListType$h=props.itemListType.hits,count=_props$itemListType$h===void 0?0:_props$itemListType$h;return/*#__PURE__*/jsx(SearchPagination,_objectSpread({count:count},props));}function SearchInputWrapper(props){var isLoading=props.isLoading;return/*#__PURE__*/jsx(SearchInput,_objectSpread({submitting:isLoading},props));}var initialSearchState={queryParams:{field:['itemId','title','__user'],content:'metadata'}};function ItemSearchPicker(_ref){var onChange=_ref.onChange,_ref$onCheck=_ref.onCheck,onCheck=_ref$onCheck===void 0?function(){}:_ref$onCheck,_ref$ItemTableCompone=_ref.ItemTableComponent,ItemTableComponent=_ref$ItemTableCompone===void 0?ItemTable:_ref$ItemTableCompone,_ref$ItemTableProps=_ref.ItemTableProps,ItemTableProps=_ref$ItemTableProps===void 0?{}:_ref$ItemTableProps,_ref$searchProps=_ref.searchProps,searchProps=_ref$searchProps===void 0?useSearch(initialSearchState):_ref$searchProps,_ref$idLabelText=_ref.idLabelText,idLabelText=_ref$idLabelText===void 0?'Id':_ref$idLabelText,_ref$titleLabelText=_ref.titleLabelText,titleLabelText=_ref$titleLabelText===void 0?'Title':_ref$titleLabelText,_ref$ownerLabelText=_ref.ownerLabelText,ownerLabelText=_ref$ownerLabelText===void 0?'Owner':_ref$ownerLabelText,_ref$searchPlaceholde=_ref.searchPlaceholder,searchPlaceholder=_ref$searchPlaceholde===void 0?'Search item':_ref$searchPlaceholde,_ref$SearchInputProps=_ref.SearchInputProps,SearchInputProps=_ref$SearchInputProps===void 0?{}:_ref$SearchInputProps,_ref$PaginationProps=_ref.PaginationProps,PaginationProps=_ref$PaginationProps===void 0?{}:_ref$PaginationProps,_ref$SearchItemProps=_ref.SearchItemProps,SearchItemProps=_ref$SearchItemProps===void 0?{}:_ref$SearchItemProps;var state=searchProps.state,setSearchText=searchProps.setSearchText,onChangeRowsPerPage=searchProps.onChangeRowsPerPage,onChangePage=searchProps.onChangePage;var matrixParams=state.matrixParams,queryParams=state.queryParams,itemSearchDocument=state.itemSearchDocument,page=state.page,rowsPerPage=state.rowsPerPage;var _useState=useState([]),_useState2=_slicedToArray(_useState,2),checked=_useState2[0],setChecked=_useState2[1];var check=function check(collectionId){if(checked.includes(collectionId)){setChecked(function(curr){return curr.filter(function(c){return c!==collectionId;});});}else {setChecked(function(curr){return [].concat(_toConsumableArray(curr),[collectionId]);});}};// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
13
|
-
useEffect(function(){return onChange&&onChange(checked);},[checked]);var handleRowClick=function handleRowClick(_ref2){var id=_ref2.id;return check(id);};return/*#__PURE__*/jsxs(SearchItem,_objectSpread(_objectSpread({itemSearchDocument:itemSearchDocument,matrixParams:matrixParams,queryParams:queryParams},SearchItemProps),{},{children:[/*#__PURE__*/jsx(SearchInputWrapper,_objectSpread({onSubmit:function onSubmit(text){return setSearchText("*".concat(text,"*"));},searchPlaceholder:searchPlaceholder},SearchInputProps)),/*#__PURE__*/jsx(ItemTableComponent,_objectSpread({onRowClick:handleRowClick,onCheck:onCheck,selected:checked,options:[{label:titleLabelText,value:'title'},{label:idLabelText,value:'itemId'},{label:ownerLabelText,value:'__user'}]},ItemTableProps)),/*#__PURE__*/jsx(PaginationWrapper,_objectSpread({onChangePage:onChangePage,onChangeRowsPerPage:onChangeRowsPerPage,page:page,rowsPerPage:rowsPerPage},PaginationProps))]}));}var ItemSearchPicker$1 = withStyles({},{name:'VdtItemSearchPicker'})(ItemSearchPicker);
|
|
14
|
-
|
|
15
|
-
export { ItemSearchPicker$1 as default };
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
3
|
-
import { useRef, useEffect } from 'react';
|
|
4
|
-
import { shape } from '@vidispine/vdt-api';
|
|
5
|
-
import { useGetItem } from '@vidispine/vdt-react';
|
|
6
|
-
import ItemShapeTable from './ItemShapeTable/index.js';
|
|
7
|
-
import { jsx } from 'react/jsx-runtime';
|
|
8
|
-
|
|
9
|
-
var _excluded=["itemId","hidden"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var queryParams={content:'shape',methodMetadata:[{key:'format',value:'SIGNED-AUTO'},{key:'contentDisposition',value:'attachment'}]};function ItemShapeTab(_ref){var itemId=_ref.itemId,hidden=_ref.hidden,props=_objectWithoutProperties(_ref,_excluded);var _useGetItem=useGetItem({itemId:itemId,queryParams:queryParams}),itemType=_useGetItem.itemType,onRefresh=_useGetItem.onRefresh;var onRemove=function onRemove(_ref2){var shapeId=_ref2.shapeId;shape.removeShape({shapeId:shapeId,itemId:itemId}).then(onRefresh);};var hiddenRef=useRef(hidden);useEffect(function(){if(hidden===false&&hidden!==hiddenRef.current){onRefresh();}hiddenRef.current=hidden;},[hidden,onRefresh]);return/*#__PURE__*/jsx(ItemShapeTable,_objectSpread({itemId:itemId,itemType:itemType,onRemove:onRemove},props));}
|
|
10
|
-
|
|
11
|
-
export { ItemShapeTab as default };
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import clsx from 'clsx';
|
|
2
|
-
import Hidden from '@material-ui/core/Hidden';
|
|
3
|
-
import Table from '@material-ui/core/Table';
|
|
4
|
-
import TableBody from '@material-ui/core/TableBody';
|
|
5
|
-
import TableCell from '@material-ui/core/TableCell';
|
|
6
|
-
import TableHead from '@material-ui/core/TableHead';
|
|
7
|
-
import TableRow from '@material-ui/core/TableRow';
|
|
8
|
-
import ItemShapeRow from './components/ItemShapeRow.js';
|
|
9
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
10
|
-
|
|
11
|
-
var styles=function styles(){return {root:{width:'100%'},ItemShapeRow:{}};};function ItemShapeTable(_ref){var classes=_ref.classes,className=_ref.className,itemType=_ref.itemType,canExpand=_ref.canExpand,itemId=_ref.itemId,onRemove=_ref.onRemove,storageListType=_ref.storageListType,displayMethodTypes=_ref.displayMethodTypes,storageMetadataKeys=_ref.storageMetadataKeys,showDownload=_ref.showDownload;var _itemType$shape=itemType.shape,shape=_itemType$shape===void 0?[]:_itemType$shape;return/*#__PURE__*/jsxs(Table,{className:clsx(classes.root,className),size:"small",padding:"none",children:[/*#__PURE__*/jsx(TableHead,{children:/*#__PURE__*/jsxs(TableRow,{children:[/*#__PURE__*/jsx(TableCell,{}),/*#__PURE__*/jsx(TableCell,{children:"Tags"}),/*#__PURE__*/jsxs(Hidden,{smDown:true,children:[/*#__PURE__*/jsx(TableCell,{children:"Container"}),/*#__PURE__*/jsx(TableCell,{children:"Video"}),/*#__PURE__*/jsx(TableCell,{children:"Audio"}),/*#__PURE__*/jsx(TableCell,{children:"Frame Rate"})]}),/*#__PURE__*/jsx(TableCell,{children:"Picture Size"}),/*#__PURE__*/jsx(TableCell,{children:"File Size"}),/*#__PURE__*/jsx(TableCell,{})]})}),/*#__PURE__*/jsx(TableBody,{children:shape.map(function(shapeType){return/*#__PURE__*/jsx(ItemShapeRow,{className:classes.ItemShapeRow,shapeType:shapeType,TableRowProps:{hover:true},canExpand:canExpand,itemId:itemId,onRemove:onRemove,storageListType:storageListType,displayMethodTypes:displayMethodTypes,storageMetadataKeys:storageMetadataKeys,showDownload:showDownload},shapeType.id);})})]});}ItemShapeTable.defaultProps={className:undefined,classes:{},itemType:{},itemId:undefined,onRemove:undefined,canExpand:true,storageListType:undefined,displayMethodTypes:undefined,storageMetadataKeys:undefined,showDownload:true};
|
|
12
|
-
|
|
13
|
-
export { ItemShapeTable as default, styles };
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
2
|
-
import { useState } from 'react';
|
|
3
|
-
import IconButton from '@material-ui/core/IconButton';
|
|
4
|
-
import ListItemIcon from '@material-ui/core/ListItemIcon';
|
|
5
|
-
import ListItemText from '@material-ui/core/ListItemText';
|
|
6
|
-
import Menu from '@material-ui/core/Menu';
|
|
7
|
-
import MenuItem from '@material-ui/core/MenuItem';
|
|
8
|
-
import { withStyles } from '@material-ui/core/styles';
|
|
9
|
-
import DeleteIcon from '@material-ui/icons/Delete';
|
|
10
|
-
import MoreVertIcon from '@material-ui/icons/MoreVert';
|
|
11
|
-
import useConfirmationDialog from '../../../hooks/useConfirmationDialog.js';
|
|
12
|
-
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
13
|
-
|
|
14
|
-
var styles=function styles(){return {MenuIconButton:{},MenuIcon:{},DeleteIcon:{},ListItemIcon:{},ListItemText:{},Menu:{},MenuItem:{}};};function ItemShapeMenu(_ref){var classes=_ref.classes,onRemove=_ref.onRemove,shapeType=_ref.shapeType,itemId=_ref.itemId,shapeId=_ref.shapeId,_ref$MenuIconComponen=_ref.MenuIconComponent,MenuIconComponent=_ref$MenuIconComponen===void 0?MoreVertIcon:_ref$MenuIconComponen,_ref$DeleteIconCompon=_ref.DeleteIconComponent,DeleteIconComponent=_ref$DeleteIconCompon===void 0?DeleteIcon:_ref$DeleteIconCompon,_ref$deleteText=_ref.deleteText,deleteText=_ref$deleteText===void 0?'Delete':_ref$deleteText;var _useConfirmationDialo=useConfirmationDialog({throwOnReject:false}),_useConfirmationDialo2=_slicedToArray(_useConfirmationDialo,2),ConfirmationDialog=_useConfirmationDialo2[0],confirm=_useConfirmationDialo2[1];var _useState=useState(null),_useState2=_slicedToArray(_useState,2),anchorEl=_useState2[0],setAnchorEl=_useState2[1];var onOpen=function onOpen(event){setAnchorEl(event.currentTarget);};var onClose=function onClose(){setAnchorEl(null);};var handleRemove=function handleRemove(){onClose();confirm().then(function(confirmed){if(confirmed)onRemove({itemId:itemId,shapeId:shapeId,shapeType:shapeType});});};return/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsx(IconButton,{className:classes.IconButton,onClick:onOpen,size:"small",children:/*#__PURE__*/jsx(MenuIconComponent,{className:classes.MenuIconButton})}),/*#__PURE__*/jsx(Menu,{className:classes.Menu,anchorEl:anchorEl,keepMounted:true,open:Boolean(anchorEl),onClose:onClose,children:/*#__PURE__*/jsxs(MenuItem,{onClick:handleRemove,className:classes.MenuItem,children:[/*#__PURE__*/jsx(ListItemIcon,{className:classes.ListItemIcon,children:/*#__PURE__*/jsx(DeleteIconComponent,{className:classes.DeleteIcon})}),/*#__PURE__*/jsx(ListItemText,{className:classes.ListItemText,primary:deleteText,primaryTypographyProps:{color:'secondary'}})]})}),ConfirmationDialog&&/*#__PURE__*/jsx(ConfirmationDialog,{titleText:"Delete File?",confirmText:"Delete",rejectText:"Cancel"})]});}var ItemShapeMenu$1 = withStyles(styles,{name:'VdtItemShapeMenu'})(ItemShapeMenu);
|
|
15
|
-
|
|
16
|
-
export { ItemShapeMenu$1 as default };
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
3
|
-
import { useMemo, useState } from 'react';
|
|
4
|
-
import get from 'lodash.get';
|
|
5
|
-
import Box from '@material-ui/core/Box';
|
|
6
|
-
import Collapse from '@material-ui/core/Collapse';
|
|
7
|
-
import Hidden from '@material-ui/core/Hidden';
|
|
8
|
-
import IconButton from '@material-ui/core/IconButton';
|
|
9
|
-
import Table from '@material-ui/core/Table';
|
|
10
|
-
import TableCell from '@material-ui/core/TableCell';
|
|
11
|
-
import TableRow from '@material-ui/core/TableRow';
|
|
12
|
-
import ChevronRightIcon from '@material-ui/icons/ChevronRight';
|
|
13
|
-
import CloudDownload from '@material-ui/icons/CloudDownload';
|
|
14
|
-
import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
|
|
15
|
-
import { parseShapeType } from '@vidispine/vdt-js';
|
|
16
|
-
import ShapeTypeTableBody from '../../ItemSourceTable/components/ShapeTypeTableBody.js';
|
|
17
|
-
import ItemShapeMenu from './ItemShapeMenu.js';
|
|
18
|
-
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
19
|
-
|
|
20
|
-
function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}function ItemShapeRow(_ref){var shapeType=_ref.shapeType,TableRowProps=_ref.TableRowProps,_ref$canExpand=_ref.canExpand,canExpand=_ref$canExpand===void 0?true:_ref$canExpand,onRemove=_ref.onRemove,showDownload=_ref.showDownload,itemId=_ref.itemId,storageListType=_ref.storageListType,displayMethodTypes=_ref.displayMethodTypes,storageMetadataKeys=_ref.storageMetadataKeys;var shapeId=shapeType.id;var shape=useMemo(function(){return parseShapeType(shapeType);},[shapeType]);var _useState=useState(false),_useState2=_slicedToArray(_useState,2),open=_useState2[0],setOpen=_useState2[1];var toggleOpen=function toggleOpen(){return setOpen(function(prevOpen){return !prevOpen;});};var _shapeType$containerC=shapeType.containerComponent;_shapeType$containerC=_shapeType$containerC===void 0?{}:_shapeType$containerC;var _shapeType$containerC2=_shapeType$containerC.file,file=_shapeType$containerC2===void 0?[]:_shapeType$containerC2;var uri;var path;if(file.length>0){uri=get(file,'[0].uri[0]','undefined');path=get(file,'[0].path','undefined');}var shapeTags=shapeType.tag.join(', ');var shapeActualSize=shape.fileSize==='-1 B'?'Not Available':shape.fileSize;return/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsxs(TableRow,_objectSpread(_objectSpread({},TableRowProps),{},{children:[/*#__PURE__*/jsx(TableCell,{children:canExpand&&/*#__PURE__*/jsx(IconButton,{size:"small",onClick:toggleOpen,children:open?/*#__PURE__*/jsx(ExpandMoreIcon,{}):/*#__PURE__*/jsx(ChevronRightIcon,{})})}),/*#__PURE__*/jsx(TableCell,{children:shapeTags}),/*#__PURE__*/jsxs(Hidden,{smDown:true,children:[/*#__PURE__*/jsx(TableCell,{children:shape.containerFormat}),/*#__PURE__*/jsx(TableCell,{children:shape.videoCodec}),/*#__PURE__*/jsx(TableCell,{children:shape.audioCodec}),/*#__PURE__*/jsx(TableCell,{children:shape.frameRate})]}),/*#__PURE__*/jsx(TableCell,{children:shape.dimension}),/*#__PURE__*/jsx(TableCell,{children:shapeActualSize}),/*#__PURE__*/jsxs(TableCell,{style:{display:'flex'},children:[showDownload&&/*#__PURE__*/jsx(IconButton,{size:"small",href:uri,download:path,style:{visibility:shape.fileSizeBytes?'visible':'hidden'},children:/*#__PURE__*/jsx(CloudDownload,{})}),onRemove&&/*#__PURE__*/jsx(ItemShapeMenu,{shapeType:shapeType,shapeId:shapeId,itemId:itemId,onRemove:onRemove})]})]})),canExpand&&/*#__PURE__*/jsx(TableRow,{children:/*#__PURE__*/jsx(TableCell// hardcoded to the number of cells in the row above
|
|
21
|
-
,{colSpan:9,children:/*#__PURE__*/jsx(Collapse,{"in":open,timeout:"auto",unmountOnExit:true,children:/*#__PURE__*/jsx(Box,{margin:1,children:/*#__PURE__*/jsx(Table,{size:"small",padding:"none",children:/*#__PURE__*/jsx(ShapeTypeTableBody,{shapeActualSize:shapeActualSize,shapeType:shapeType,itemId:itemId,storageListType:storageListType,displayMethodTypes:displayMethodTypes,storageMetadataKeys:storageMetadataKeys})})})})})})]});}
|
|
22
|
-
|
|
23
|
-
export { ItemShapeRow as default };
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { withStyles } from '@material-ui/core/styles';
|
|
2
|
-
import ItemShapeTable$1, { styles } from './ItemShapeTable.js';
|
|
3
|
-
|
|
4
|
-
var Component=withStyles(styles,{name:'VdtItemShapeTable'})(ItemShapeTable$1);Component.displayName='ItemShapeTable';var ItemShapeTable = Component;
|
|
5
|
-
|
|
6
|
-
export { ItemShapeTable as default };
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
3
|
-
import { useState } from 'react';
|
|
4
|
-
import clsx from 'clsx';
|
|
5
|
-
import DialogContent from '@material-ui/core/DialogContent';
|
|
6
|
-
import DialogTitle from '@material-ui/core/DialogTitle';
|
|
7
|
-
import Tab from '@material-ui/core/Tab';
|
|
8
|
-
import Tabs from '@material-ui/core/Tabs';
|
|
9
|
-
import ItemSidecarDownload from '../ItemSidecarDownload/index.js';
|
|
10
|
-
import ItemSidecarUpload from '../ItemSidecarUpload/index.js';
|
|
11
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
12
|
-
|
|
13
|
-
function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var ITEM_SIDECAR_UPLOAD_TAB='ITEM_SIDECAR_UPLOAD_TAB';var ITEM_SIDECAR_DOWNLOAD_TAB='ITEM_SIDECAR_DOWNLOAD_TAB';var styles=function styles(theme){return {root:{},DialogTitle:{},DialogContent:{},Tabs:{marginBottom:theme.spacing(2)},Tab:{},ItemSidecarDownload:{},ItemSidecarUpload:{}};};function ItemSidecarDialog(_ref){var classes=_ref.classes,className=_ref.className,itemId=_ref.itemId,onClose=_ref.onClose,onSuccessDownload=_ref.onSuccessDownload,onFailureDownload=_ref.onFailureDownload,onSuccessUpload=_ref.onSuccessUpload,onFailureUpload=_ref.onFailureUpload,titleText=_ref.titleText,subtitleGroup=_ref.subtitleGroup,subtitleField=_ref.subtitleField,uploadText=_ref.uploadText,downloadText=_ref.downloadText,defaultTab=_ref.defaultTab,ItemSidecarDownloadComponent=_ref.ItemSidecarDownloadComponent,ItemSidecarDownloadProps=_ref.ItemSidecarDownloadProps,ItemSidecarUploadComponent=_ref.ItemSidecarUploadComponent,ItemSidecarUploadProps=_ref.ItemSidecarUploadProps;var _useState=useState(defaultTab),_useState2=_slicedToArray(_useState,2),tab=_useState2[0],setTab=_useState2[1];var onChangeTab=function onChangeTab(e,newTab){return newTab&&setTab(newTab);};return/*#__PURE__*/jsxs("div",{className:clsx(classes.root,'VdtItemSidecarDialog-root',className),children:[/*#__PURE__*/jsx(DialogTitle,{className:classes.DialogTitle,children:titleText}),/*#__PURE__*/jsxs(DialogContent,{className:classes.DialogContent,children:[/*#__PURE__*/jsxs(Tabs,{value:tab,onChange:onChangeTab,variant:"fullWidth",textColor:"primary",indicatorColor:"primary",className:classes.Tabs,children:[ItemSidecarDownloadComponent&&/*#__PURE__*/jsx(Tab,{className:classes.Tab,value:ITEM_SIDECAR_DOWNLOAD_TAB,label:downloadText}),ItemSidecarUploadComponent&&/*#__PURE__*/jsx(Tab,{className:classes.Tab,value:ITEM_SIDECAR_UPLOAD_TAB,label:uploadText})]}),{ITEM_SIDECAR_DOWNLOAD_TAB:ItemSidecarDownloadComponent?/*#__PURE__*/jsx(ItemSidecarDownloadComponent,_objectSpread({className:classes.ItemSidecarDownload,onSuccess:function onSuccess(){if(onClose)onClose();if(onSuccessDownload)onSuccessDownload.apply(void 0,arguments);},onFailure:onFailureDownload,subtitleGroup:subtitleGroup,subtitleField:subtitleField,onClose:onClose,itemId:itemId},ItemSidecarDownloadProps)):null,ITEM_SIDECAR_UPLOAD_TAB:ItemSidecarUploadComponent?/*#__PURE__*/jsx(ItemSidecarUploadComponent,_objectSpread({itemId:itemId,className:classes.ItemSidecarUpload,onSuccess:function onSuccess(){if(onClose)onClose();if(onSuccessUpload)onSuccessUpload.apply(void 0,arguments);},onFailure:onFailureUpload},ItemSidecarUploadProps)):null}[tab]]})]});}ItemSidecarDialog.defaultProps={classes:{},className:undefined,onClose:undefined,onSuccessDownload:undefined,onFailureDownload:undefined,onSuccessUpload:undefined,onFailureUpload:undefined,closeText:'Close',titleText:'Item Sidecar',subtitleGroup:'stl_subtitle',subtitleField:'stl_text',uploadText:'Upload',downloadText:'Download',defaultTab:ITEM_SIDECAR_DOWNLOAD_TAB,ItemSidecarDownloadComponent:ItemSidecarDownload,ItemSidecarDownloadProps:{},ItemSidecarUploadComponent:ItemSidecarUpload,ItemSidecarUploadProps:{}};
|
|
14
|
-
|
|
15
|
-
export { ItemSidecarDialog as default, styles };
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { withStyles } from '@material-ui/core/styles';
|
|
2
|
-
import ItemSidecarDialog, { styles } from './ItemSidecarDialog.js';
|
|
3
|
-
|
|
4
|
-
var Component=withStyles(styles,{name:'VdtItemSidecarDialog'})(ItemSidecarDialog);Component.displayName='ItemSidecarDialog';var Component$1 = Component;
|
|
5
|
-
|
|
6
|
-
export { Component$1 as default };
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
3
|
-
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
4
|
-
import { useState } from 'react';
|
|
5
|
-
import clsx from 'clsx';
|
|
6
|
-
import Avatar from '@material-ui/core/Avatar';
|
|
7
|
-
import ButtonBase from '@material-ui/core/ButtonBase';
|
|
8
|
-
import CircularProgress from '@material-ui/core/CircularProgress';
|
|
9
|
-
import List from '@material-ui/core/List';
|
|
10
|
-
import ListItem from '@material-ui/core/ListItem';
|
|
11
|
-
import ListItemAvatar from '@material-ui/core/ListItemAvatar';
|
|
12
|
-
import ListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction';
|
|
13
|
-
import ListItemText from '@material-ui/core/ListItemText';
|
|
14
|
-
import GetAppIcon from '@material-ui/icons/GetApp';
|
|
15
|
-
import { subtitle, item } from '@vidispine/vdt-api';
|
|
16
|
-
import { metadataTypeToWebVtt } from '@vidispine/vdt-js';
|
|
17
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
18
|
-
|
|
19
|
-
var _excluded=["onDownload","name","avatar","primary","secondary"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var onDownloadWebVTT=function onDownloadWebVTT(_ref){var itemId=_ref.itemId,_ref$subtitleGroup=_ref.subtitleGroup,subtitleGroup=_ref$subtitleGroup===void 0?'stl_subtitle':_ref$subtitleGroup,_ref$subtitleField=_ref.subtitleField,subtitleField=_ref$subtitleField===void 0?'stl_text':_ref$subtitleField;return new Promise(function(resolve){var queryParams={content:'metadata',group:subtitleGroup,field:subtitleField};item.getItem({itemId:itemId,queryParams:queryParams}).then(function(_ref2){var data=_ref2.data;var metadataType=data.metadata;var webVtt=metadataTypeToWebVtt(metadataType,{subtitleGroup:subtitleGroup,subtitleField:subtitleField});resolve({data:webVtt});});});};var SUBTITLE_OPTIONS=[{name:'scc',avatar:'SCC',primary:'Scenarist Closed Captions',onDownload:function onDownload(_ref3){var itemId=_ref3.itemId;return subtitle.getSubtitleSCC({itemId:itemId});}},{name:'ttml',avatar:'TTML',primary:'Timed Text Markup Language',onDownload:function onDownload(_ref4){var itemId=_ref4.itemId;return subtitle.getSubtitleTTML({itemId:itemId});}},{name:'webvtt',avatar:'VTT',primary:'Web Video Text Tracks ',onDownload:onDownloadWebVTT},{name:'xml',avatar:'XML',primary:'Vidispine XML',onDownload:function onDownload(_ref5){var itemId=_ref5.itemId;return item.getItemMetadata({itemId:itemId,headers:{accept:'application/xml'}});}}];function ItemSidecarDownloadListItem(_ref6){var className=_ref6.className,classes=_ref6.classes,itemId=_ref6.itemId,subtitle=_ref6.subtitle,onSuccess=_ref6.onSuccess,onFailure=_ref6.onFailure,subtitleGroup=_ref6.subtitleGroup,subtitleField=_ref6.subtitleField,_ref6$DownloadIcon=_ref6.DownloadIcon,DownloadIcon=_ref6$DownloadIcon===void 0?GetAppIcon:_ref6$DownloadIcon,_ref6$ProgressCompone=_ref6.ProgressComponent,ProgressComponent=_ref6$ProgressCompone===void 0?CircularProgress:_ref6$ProgressCompone;var _useState=useState(false),_useState2=_slicedToArray(_useState,2),isDownloading=_useState2[0],setIsDownloading=_useState2[1];var onDownload=subtitle.onDownload,name=subtitle.name,avatar=subtitle.avatar,primary=subtitle.primary,secondary=subtitle.secondary,subtitleProps=_objectWithoutProperties(subtitle,_excluded);var onClick=function onClick(){setIsDownloading(true);onDownload(_objectSpread({itemId:itemId,subtitleGroup:subtitleGroup,subtitleField:subtitleField},subtitleProps)).then(function(resp){var fileName="".concat(itemId,".").concat(name);var objectUrl=window.URL.createObjectURL(new Blob([resp.data]));var link=document.createElement('a');link.href=objectUrl;link.setAttribute('download',fileName);link.click();window.URL.revokeObjectURL(objectUrl);}).then(function(){setIsDownloading(false);if(onSuccess)onSuccess({name:name,itemId:itemId});})["catch"](function(error){setIsDownloading(false);if(onFailure)onFailure({name:name,itemId:itemId,error:error});else throw new Error(error);});};return/*#__PURE__*/jsxs(ListItem,{button:true,disabled:isDownloading===true,onClick:onClick,className:className,children:[avatar&&/*#__PURE__*/jsx(ListItemAvatar,{className:classes.ListItemAvatar,children:/*#__PURE__*/jsx(Avatar,{className:classes.Avatar,variant:"square",children:avatar})}),/*#__PURE__*/jsx(ListItemText,{className:classes.ListItemText,primary:primary,secondary:secondary}),/*#__PURE__*/jsxs(ListItemSecondaryAction,{className:classes.ListItemSecondaryAction,children:[isDownloading===true&&ProgressComponent&&/*#__PURE__*/jsx(ProgressComponent,{size:20,className:classes.Progress}),isDownloading===false&&DownloadIcon&&/*#__PURE__*/jsx(ButtonBase,{onClick:onClick,className:classes.DownloadButton,children:/*#__PURE__*/jsx(DownloadIcon,{className:classes.DownloadIcon})})]})]});}function ItemSidecarDownloadList(_ref7){var classes=_ref7.classes,className=_ref7.className,options=_ref7.options,itemId=_ref7.itemId,onSuccess=_ref7.onSuccess,onFailure=_ref7.onFailure,subtitleGroup=_ref7.subtitleGroup,subtitleField=_ref7.subtitleField,_ref7$ItemSidecarDown=_ref7.ItemSidecarDownloadListItemComponent,ItemSidecarDownloadListItemComponent=_ref7$ItemSidecarDown===void 0?ItemSidecarDownloadListItem:_ref7$ItemSidecarDown,_ref7$ItemSidecarDown2=_ref7.ItemSidecarDownloadListItemProps,ItemSidecarDownloadListItemProps=_ref7$ItemSidecarDown2===void 0?{}:_ref7$ItemSidecarDown2;return/*#__PURE__*/jsx(List,{dense:true,className:className,children:options.map(function(subtitle){return/*#__PURE__*/jsx(ItemSidecarDownloadListItemComponent,_objectSpread({subtitle:subtitle,className:classes.ListItem,classes:classes,itemId:itemId,onSuccess:onSuccess,onFailure:onFailure,subtitleGroup:subtitleGroup,subtitleField:subtitleField},ItemSidecarDownloadListItemProps),subtitle.name);})});}var styles=function styles(){return {List:{},ListItem:{},ListItemAvatar:{},Avatar:{},ListItemText:{},ListItemSecondaryAction:{},Progress:{},DownloadButton:{},DownloadIcon:{}};};function ItemSidecarDownload(_ref8){var className=_ref8.className,classes=_ref8.classes,itemId=_ref8.itemId,subtitleOptions=_ref8.subtitleOptions,onSuccess=_ref8.onSuccess,onFailure=_ref8.onFailure,subtitleGroup=_ref8.subtitleGroup,subtitleField=_ref8.subtitleField,ItemSidecarDownloadListComponent=_ref8.ItemSidecarDownloadListComponent,ItemSidecarDownloadListProps=_ref8.ItemSidecarDownloadListProps,ItemSidecarDownloadListItemComponent=_ref8.ItemSidecarDownloadListItemComponent,ItemSidecarDownloadListItemProps=_ref8.ItemSidecarDownloadListItemProps;return/*#__PURE__*/jsx(ItemSidecarDownloadListComponent,_objectSpread({classes:classes,className:clsx(classes.List,className),options:subtitleOptions,itemId:itemId,onSuccess:onSuccess,onFailure:onFailure,subtitleGroup:subtitleGroup,subtitleField:subtitleField,ItemSidecarDownloadListItemComponent:ItemSidecarDownloadListItemComponent,ItemSidecarDownloadListItemProps:ItemSidecarDownloadListItemProps},ItemSidecarDownloadListProps));}ItemSidecarDownload.defaultProps={className:undefined,classes:{},subtitleOptions:SUBTITLE_OPTIONS,onSuccess:undefined,onFailure:undefined,subtitleGroup:undefined,subtitleField:undefined,ItemSidecarDownloadListComponent:ItemSidecarDownloadList,ItemSidecarDownloadListProps:{},ItemSidecarDownloadListItemComponent:ItemSidecarDownloadListItem,ItemSidecarDownloadListItemProps:{}};
|
|
20
|
-
|
|
21
|
-
export { ItemSidecarDownload as default, styles };
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { withStyles } from '@material-ui/core/styles';
|
|
2
|
-
import ItemSidecarDownload$1, { styles } from './ItemSidecarDownload.js';
|
|
3
|
-
|
|
4
|
-
var ItemSidecarDownload = withStyles(styles,{name:'VdtItemSidecarDownload'})(ItemSidecarDownload$1);
|
|
5
|
-
|
|
6
|
-
export { ItemSidecarDownload as default };
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
3
|
-
import { useState } from 'react';
|
|
4
|
-
import clsx from 'clsx';
|
|
5
|
-
import { useDropzone } from 'react-dropzone';
|
|
6
|
-
import Avatar from '@material-ui/core/Avatar';
|
|
7
|
-
import DialogActions from '@material-ui/core/DialogActions';
|
|
8
|
-
import List from '@material-ui/core/List';
|
|
9
|
-
import ListItem from '@material-ui/core/ListItem';
|
|
10
|
-
import ListItemAvatar from '@material-ui/core/ListItemAvatar';
|
|
11
|
-
import ListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction';
|
|
12
|
-
import ListItemText from '@material-ui/core/ListItemText';
|
|
13
|
-
import ListSubheader from '@material-ui/core/ListSubheader';
|
|
14
|
-
import Radio from '@material-ui/core/Radio';
|
|
15
|
-
import CancelIcon from '@material-ui/icons/Cancel';
|
|
16
|
-
import { vsimport, shape, thumbnail } from '@vidispine/vdt-api';
|
|
17
|
-
import SubmitButton from '../../forms/SubmitButton.js';
|
|
18
|
-
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
19
|
-
|
|
20
|
-
function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var SUBTITLE_OPTIONS=[{name:'srt',avatar:'SRT',primary:'SubRip Subtitle',onUpload:function onUpload(_ref){var itemId=_ref.itemId,file=_ref.file;return vsimport.createImportItemSidecarRaw({itemId:itemId,file:file,queryParams:{fileExtension:'srt'}});}},{name:'stl',avatar:'STL',primary:'EBU STL',onUpload:function onUpload(_ref2){var itemId=_ref2.itemId,file=_ref2.file;return vsimport.createImportItemSidecarRaw({itemId:itemId,file:file,queryParams:{fileExtension:'stl'}});}},{name:'scc',avatar:'SCC',primary:'Scenarist Closed Captions',onUpload:function onUpload(_ref3){var itemId=_ref3.itemId,file=_ref3.file;return vsimport.createImportItemSidecarRaw({itemId:itemId,file:file,queryParams:{fileExtension:'scc'}});}},{name:'evs',avatar:'EVS',primary:'EVS Metadata',onUpload:function onUpload(_ref4){var itemId=_ref4.itemId,file=_ref4.file;return vsimport.createImportItemSidecarRaw({itemId:itemId,file:file,queryParams:{fileExtension:'evs'}});}},{name:'xml',avatar:'XML',primary:'Vidispine XML Metadata',onUpload:function onUpload(_ref5){var itemId=_ref5.itemId,file=_ref5.file;return vsimport.createImportItemSidecarRaw({itemId:itemId,file:file,queryParams:{fileExtension:'xml'}});}},{name:'xmp',avatar:'XMP',primary:'eXtensible Metadata Platform',onUpload:function onUpload(_ref6){var itemId=_ref6.itemId,file=_ref6.file;return vsimport.createImportItemSidecarRaw({itemId:itemId,file:file,queryParams:{fileExtension:'xmp'}});}},{name:'mp4',avatar:'MP4',primary:'MP4 Proxy',onUpload:function onUpload(_ref7){var itemId=_ref7.itemId,file=_ref7.file;return shape.createShapeImportRaw({itemId:itemId,file:file,queryParams:{tag:'__mp4'}});}},{name:'jpg',avatar:'JPG',primary:'JPG Thumbnail',onUpload:function onUpload(_ref8){var itemId=_ref8.itemId,file=_ref8.file;return thumbnail.listThumbnailResource({itemId:itemId}).then(function(_ref9){var data=_ref9.data;var _data$uri=data.uri;_data$uri=_data$uri===void 0?[]:_data$uri;var _data$uri2=_slicedToArray(_data$uri,1),thumbnailResource=_data$uri2[0];if(thumbnailResource){return Promise.resolve({data:data});}return thumbnail.createThumbnailResource({itemId:itemId});}).then(function(_ref10){var uriListType=_ref10.data;var _uriListType$uri=uriListType.uri;_uriListType$uri=_uriListType$uri===void 0?[]:_uriListType$uri;var _uriListType$uri2=_slicedToArray(_uriListType$uri,1),thumbnailResource=_uriListType$uri2[0];var _thumbnailResource$sp=thumbnailResource.split('/').slice(-2),_thumbnailResource$sp2=_slicedToArray(_thumbnailResource$sp,1),resourceId=_thumbnailResource$sp2[0];return thumbnail.updateThumbnail({resourceId:resourceId,itemId:itemId,time:0,headers:{contentType:'image/jpeg'},file:file});});}},{name:'png',avatar:'PNG',primary:'PNG Thumbnail',onUpload:function onUpload(_ref11){var itemId=_ref11.itemId,file=_ref11.file;return thumbnail.listThumbnailResource({itemId:itemId}).then(function(_ref12){var data=_ref12.data;var _data$uri3=data.uri;_data$uri3=_data$uri3===void 0?[]:_data$uri3;var _data$uri4=_slicedToArray(_data$uri3,1),thumbnailResource=_data$uri4[0];if(thumbnailResource){return Promise.resolve({data:data});}return thumbnail.createThumbnailResource({itemId:itemId});}).then(function(_ref13){var uriListType=_ref13.data;var _uriListType$uri3=uriListType.uri;_uriListType$uri3=_uriListType$uri3===void 0?[]:_uriListType$uri3;var _uriListType$uri4=_slicedToArray(_uriListType$uri3,1),thumbnailResource=_uriListType$uri4[0];var _thumbnailResource$sp3=thumbnailResource.split('/').slice(-2),_thumbnailResource$sp4=_slicedToArray(_thumbnailResource$sp3,1),resourceId=_thumbnailResource$sp4[0];return thumbnail.updateThumbnail({resourceId:resourceId,itemId:itemId,time:0,headers:{contentType:'image/png'},file:file});});}}];function ItemSidecarUploadActions(_ref14){var className=_ref14.className,classes=_ref14.classes,uploadText=_ref14.uploadText,onClickUpload=_ref14.onClickUpload,uploadDisabled=_ref14.uploadDisabled,isUploading=_ref14.isUploading,_ref14$ButtonComponen=_ref14.ButtonComponent,ButtonComponent=_ref14$ButtonComponen===void 0?SubmitButton:_ref14$ButtonComponen;return/*#__PURE__*/jsx(DialogActions,{className:className,children:/*#__PURE__*/jsx(ButtonComponent,{className:classes.Button,onClick:onClickUpload,color:"primary",variant:"contained",disabled:uploadDisabled,submitting:isUploading,children:uploadText})});}function ItemSidecarUploadListItem(_ref15){var className=_ref15.className,_ref15$classes=_ref15.classes,classes=_ref15$classes===void 0?{}:_ref15$classes,option=_ref15.option,onChange=_ref15.onChange,selected=_ref15.selected;var primary=option.primary,avatar=option.avatar;return/*#__PURE__*/jsxs(ListItem,{button:true,onClick:onChange,className:className,selected:selected,children:[avatar&&/*#__PURE__*/jsx(ListItemAvatar,{className:classes.ListItemAvatar,children:/*#__PURE__*/jsx(Avatar,{className:classes.Avatar,variant:"square",children:avatar})}),/*#__PURE__*/jsx(ListItemText,{className:classes.ListItemText,primary:primary}),/*#__PURE__*/jsx(ListItemSecondaryAction,{className:classes.ListItemSecondaryAction,children:/*#__PURE__*/jsx(Radio,{className:classes.Radio,checked:selected,onChange:onChange})})]});}function ItemSidecarUploadList(_ref16){var className=_ref16.className,classes=_ref16.classes,chooseText=_ref16.chooseText,options=_ref16.options,_onChange=_ref16.onChange,selected=_ref16.selected,_ref16$ItemSidecarUpl=_ref16.ItemSidecarUploadListItemComponent,ItemSidecarUploadListItemComponent=_ref16$ItemSidecarUpl===void 0?ItemSidecarUploadListItem:_ref16$ItemSidecarUpl,_ref16$ItemSidecarUpl2=_ref16.ItemSidecarUploadListItemProps,ItemSidecarUploadListItemProps=_ref16$ItemSidecarUpl2===void 0?{}:_ref16$ItemSidecarUpl2;return/*#__PURE__*/jsx(List,{dense:true,className:className,subheader:/*#__PURE__*/jsx(ListSubheader,{className:classes.ListSubheader,children:chooseText}),children:options.map(function(option){return/*#__PURE__*/jsx(ItemSidecarUploadListItemComponent,_objectSpread({onChange:function onChange(){return _onChange(option);},className:classes.ListItem,classes:classes,selected:selected===option,option:option},ItemSidecarUploadListItemProps),option.name);})});}function ItemSidecarUploadDropzone(_ref17){var className=_ref17.className,classes=_ref17.classes,onDrop=_ref17.onDrop,onReset=_ref17.onReset,acceptedFile=_ref17.acceptedFile,rejectedFile=_ref17.rejectedFile,accept=_ref17.accept,dropText=_ref17.dropText,_ref17$ResetIconCompo=_ref17.ResetIconComponent,ResetIconComponent=_ref17$ResetIconCompo===void 0?CancelIcon:_ref17$ResetIconCompo;var _useDropzone=useDropzone({onDrop:onDrop,maxFiles:1,multiple:false,accept:accept}),getRootProps=_useDropzone.getRootProps,getInputProps=_useDropzone.getInputProps;return/*#__PURE__*/jsx("div",{className:className,children:/*#__PURE__*/jsxs("div",_objectSpread(_objectSpread({},getRootProps()),{},{className:clsx(classes.dropzoneInput,rejectedFile?classes.dropzoneInputError:classes.dropzoneInputDefault),children:[/*#__PURE__*/jsx("input",_objectSpread({},getInputProps())),!acceptedFile&&!rejectedFile&&/*#__PURE__*/jsx("p",{children:dropText}),acceptedFile&&/*#__PURE__*/jsxs("span",{className:classes.acceptedFile,children:[acceptedFile.name,/*#__PURE__*/jsx(ResetIconComponent,{onClick:onReset,className:classes.ResetIcon})]}),rejectedFile&&/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsxs("span",{className:classes.rejectedFile,children:[rejectedFile.file.name,/*#__PURE__*/jsx(ResetIconComponent,{onClick:onReset,className:classes.ResetIcon})]}),rejectedFile.errors.length&&/*#__PURE__*/jsx("span",{className:classes.errorMessage,children:rejectedFile.errors[0].message})]})]}))});}var styles=function styles(theme){return {dropzoneRoot:{cursor:'pointer',marginTop:theme.spacing(1),marginBottom:theme.spacing(1),paddingLeft:theme.spacing(0.5),paddingRight:theme.spacing(0.5)},dropzoneInput:{marginTop:theme.spacing(0.5),minHeight:'10vh',minWidth:theme.spacing(4),borderWidth:2,borderRadius:3,borderStyle:'dotted',backgroundColor:'rgba(0,0,0,0.05)',display:'flex',flexDirection:'column',alignItems:'center',justifyContent:'center',transition:'min-height 0.3s'},dropzoneInputDefault:{borderColor:theme.palette.grey.A200},dropzoneInputError:{borderColor:theme.palette.error.main,color:theme.palette.error.main},ListSubheader:{},Button:{},List:{},showList:{height:'auto',overflow:'visible'},hideList:{height:0,overflow:'hidden'},ListItemAvatar:{},Avatar:{},Radio:{},DialogActions:{},acceptedFile:{display:'flex',alignItems:'center'},rejectedFile:{display:'flex',alignItems:'center'}};};function ItemSidecarUpload(_ref18){var classes=_ref18.classes,className=_ref18.className,itemId=_ref18.itemId,onSuccess=_ref18.onSuccess,onFailure=_ref18.onFailure,subtitleOptions=_ref18.subtitleOptions,dropText=_ref18.dropText,chooseText=_ref18.chooseText,uploadText=_ref18.uploadText,defaultSelectedSubtitle=_ref18.defaultSelectedSubtitle,ItemSidecarUploadDropzoneComponent=_ref18.ItemSidecarUploadDropzoneComponent,ItemSidecarUploadDropzoneProps=_ref18.ItemSidecarUploadDropzoneProps,ItemSidecarUploadListComponent=_ref18.ItemSidecarUploadListComponent,ItemSidecarUploadListProps=_ref18.ItemSidecarUploadListProps,ItemSidecarUploadActionsComponent=_ref18.ItemSidecarUploadActionsComponent,ItemSidecarUploadActionsProps=_ref18.ItemSidecarUploadActionsProps,ItemSidecarUploadListItemComponent=_ref18.ItemSidecarUploadListItemComponent,ItemSidecarUploadListItemProps=_ref18.ItemSidecarUploadListItemProps;var _useState=useState(defaultSelectedSubtitle),_useState2=_slicedToArray(_useState,2),selectedSubtitle=_useState2[0],setSelectedSubtitle=_useState2[1];var _useState3=useState(),_useState4=_slicedToArray(_useState3,2),acceptedFile=_useState4[0],setAcceptedFile=_useState4[1];var _useState5=useState(),_useState6=_slicedToArray(_useState5,2),rejectedFile=_useState6[0],setRejectedFile=_useState6[1];var _useState7=useState(),_useState8=_slicedToArray(_useState7,2),isUploading=_useState8[0],setIsUploading=_useState8[1];var onDrop=function onDrop(){var acceptedFiles=arguments.length>0&&arguments[0]!==undefined?arguments[0]:[];var fileRejections=arguments.length>1&&arguments[1]!==undefined?arguments[1]:[];var _acceptedFiles=_slicedToArray(acceptedFiles,1),newAcceptedFile=_acceptedFiles[0];var _fileRejections=_slicedToArray(fileRejections,1),newRejectedFile=_fileRejections[0];if(newRejectedFile){setAcceptedFile();setRejectedFile(newRejectedFile);}else if(newAcceptedFile){setAcceptedFile(newAcceptedFile);setRejectedFile();var newName=newAcceptedFile.name;var _newName$split=newName.split('.'),_newName$split2=_slicedToArray(_newName$split,2),newExtension=_newName$split2[1];if(newExtension){var newSelectedSubtitle=subtitleOptions.find(function(_ref19){var subtitleName=_ref19.name;return subtitleName===newExtension;});if(newSelectedSubtitle)setSelectedSubtitle(newSelectedSubtitle);}}else {setAcceptedFile();setRejectedFile();}};var onReset=function onReset(event){event.stopPropagation();setAcceptedFile();setRejectedFile();setSelectedSubtitle();};var onChangeSubtitle=function onChangeSubtitle(newSubtitle){return setSelectedSubtitle(newSubtitle);};var onClickUpload=function onClickUpload(){try{setIsUploading(true);var onUpload=selectedSubtitle.onUpload;if(!onUpload)throw new Error('No upload handler');if(!acceptedFile)throw new Error('No file specified');onUpload({itemId:itemId,file:acceptedFile}).then(function(){setIsUploading();if(onSuccess)onSuccess({name:acceptedFile.name});})["catch"](function(error){setIsUploading();if(onFailure)onFailure(error);});}catch(error){setIsUploading();if(onFailure)onFailure(error);}};return/*#__PURE__*/jsxs("div",{className:clsx(classes.root,className),children:[/*#__PURE__*/jsx(ItemSidecarUploadDropzoneComponent,_objectSpread({className:classes.dropzoneRoot,classes:classes,accept:subtitleOptions.map(function(_ref20){var name=_ref20.name;return ".".concat(name);}).toString(),dropText:dropText,onDrop:onDrop,onReset:onReset,acceptedFile:acceptedFile,rejectedFile:rejectedFile},ItemSidecarUploadDropzoneProps)),acceptedFile&&/*#__PURE__*/jsx(ItemSidecarUploadListComponent,_objectSpread({className:classes.List,classes:classes,onChange:onChangeSubtitle,options:subtitleOptions,selected:selectedSubtitle,chooseText:chooseText,ItemSidecarUploadListItemComponent:ItemSidecarUploadListItemComponent,ItemSidecarUploadListItemProps:ItemSidecarUploadListItemProps},ItemSidecarUploadListProps)),/*#__PURE__*/jsx(ItemSidecarUploadActionsComponent,_objectSpread({onClickUpload:onClickUpload,className:classes.DialogActions,classes:classes,uploadDisabled:!selectedSubtitle||!acceptedFile,uploadText:uploadText,isUploading:isUploading},ItemSidecarUploadActionsProps))]});}ItemSidecarUpload.defaultProps={className:undefined,classes:{},onSuccess:undefined,onFailure:undefined,subtitleOptions:SUBTITLE_OPTIONS,defaultSelectedSubtitle:undefined,dropText:'Drop file or click to browse',chooseText:'Choose Subtitle Format',uploadText:'Upload',ItemSidecarUploadDropzoneComponent:ItemSidecarUploadDropzone,ItemSidecarUploadDropzoneProps:{},ItemSidecarUploadListComponent:ItemSidecarUploadList,ItemSidecarUploadListProps:{},ItemSidecarUploadListItemComponent:ItemSidecarUploadListItem,ItemSidecarUploadListItemProps:{},ItemSidecarUploadActionsComponent:ItemSidecarUploadActions,ItemSidecarUploadActionsProps:{}};
|
|
21
|
-
|
|
22
|
-
export { ItemSidecarUpload as default, styles };
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { withStyles } from '@material-ui/core/styles';
|
|
2
|
-
import ItemSidecarUpload$1, { styles } from './ItemSidecarUpload.js';
|
|
3
|
-
|
|
4
|
-
var ItemSidecarUpload = withStyles(styles,{name:'VdtItemSidecarUpload'})(ItemSidecarUpload$1);
|
|
5
|
-
|
|
6
|
-
export { ItemSidecarUpload as default };
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
3
|
-
import { GetItem } from '@vidispine/vdt-react';
|
|
4
|
-
import ItemSourceTable from './ItemSourceTable/index.js';
|
|
5
|
-
import { jsx } from 'react/jsx-runtime';
|
|
6
|
-
|
|
7
|
-
var _excluded=["itemId"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var queryParams={content:['shape','metadata'],tag:'original',interval:'generic',field:['mediaType','originalFilename'],group:''};function ItemSourceTab(_ref){var itemId=_ref.itemId,props=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/jsx(GetItem,{itemId:itemId,queryParams:queryParams,children:/*#__PURE__*/jsx(ItemSourceTable,_objectSpread({},props))});}
|
|
8
|
-
|
|
9
|
-
export { ItemSourceTab as default };
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
2
|
-
import clsx from 'clsx';
|
|
3
|
-
import Table from '@material-ui/core/Table';
|
|
4
|
-
import MetadataTypeTableBody from './components/MetadataTypeTableBody.js';
|
|
5
|
-
import ShapeTypeTableBody from './components/ShapeTypeTableBody.js';
|
|
6
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
7
|
-
|
|
8
|
-
var styles=function styles(){return {root:{width:'100%'}};};function ItemSourceTable(_ref){var classes=_ref.classes,className=_ref.className,_ref$itemType=_ref.itemType,itemType=_ref$itemType===void 0?{}:_ref$itemType,showFiles=_ref.showFiles;var _itemType$shape=itemType.shape,shapeTypeList=_itemType$shape===void 0?[]:_itemType$shape,metadataType=itemType.metadata;var _shapeTypeList=_slicedToArray(shapeTypeList,1),shapeType=_shapeTypeList[0];return/*#__PURE__*/jsxs(Table,{className:clsx(classes.root,className),size:"small",padding:"none",children:[metadataType&&/*#__PURE__*/jsx(MetadataTypeTableBody,{metadataType:metadataType}),shapeType&&/*#__PURE__*/jsx(ShapeTypeTableBody,{showFiles:showFiles,shapeType:shapeType})]});}ItemSourceTable.defaultProps={className:undefined,classes:{},showFiles:false};
|
|
9
|
-
|
|
10
|
-
export { ItemSourceTable as default, styles };
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { useMemo } from 'react';
|
|
2
|
-
import { withStyles } from '@material-ui/core/styles';
|
|
3
|
-
import TableBody from '@material-ui/core/TableBody';
|
|
4
|
-
import { parseAudioComponent } from '@vidispine/vdt-js';
|
|
5
|
-
import TableHead from './TableHead.js';
|
|
6
|
-
import TableRow from './TableRow.js';
|
|
7
|
-
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
8
|
-
|
|
9
|
-
var styles=function styles(){return {TableHeadLabel:{marginTop:'20px',borderBottom:'1px solid rgba(224, 224, 224, 0.5)',display:'flex',alignItems:'center'}};};function AudioComponentTypeTableBody(_ref){var classes=_ref.classes,className=_ref.className,audioComponentType=_ref.audioComponentType;var audio=useMemo(function(){return parseAudioComponent(audioComponentType);},[audioComponentType]);return/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsx(TableHead,{children:/*#__PURE__*/jsx("span",{className:classes.TableHeadLabel,children:"Audio Track"})}),/*#__PURE__*/jsxs(TableBody,{className:className,children:[/*#__PURE__*/jsx(TableRow,{label:"Audio Codec",value:audio.audioFormat||audio.audioCodec}),/*#__PURE__*/jsx(TableRow,{label:"Audio Channels",value:audio.audioChannels}),/*#__PURE__*/jsx(TableRow,{label:"Audio Sample Rate",value:audio.audioSamplerate}),/*#__PURE__*/jsx(TableRow,{label:"Audio Bit Rate",value:audio.audioBitrate}),/*#__PURE__*/jsx(TableRow,{label:"Audio Bit Depth",value:audio.audioBitDepth}),/*#__PURE__*/jsx(TableRow,{label:"Audio Bit Rate Mode",value:audio.audioBitRateMode})]})]});}var AudioComponentTypeTableBody$1 = withStyles(styles)(AudioComponentTypeTableBody);
|
|
10
|
-
|
|
11
|
-
export { AudioComponentTypeTableBody$1 as default };
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { useMemo } from 'react';
|
|
2
|
-
import { withStyles } from '@material-ui/core/styles';
|
|
3
|
-
import TableBody from '@material-ui/core/TableBody';
|
|
4
|
-
import { parseContainerComponent } from '@vidispine/vdt-js';
|
|
5
|
-
import TableHead from './TableHead.js';
|
|
6
|
-
import TableRow from './TableRow.js';
|
|
7
|
-
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
8
|
-
|
|
9
|
-
var styles=function styles(){return {TableHeadLabel:{borderBottom:'1px solid rgba(224, 224, 224, 1)',display:'flex',alignItems:'center'}};};function ContainerComponentTypeTableBody(_ref){var classes=_ref.classes,className=_ref.className,containerComponentType=_ref.containerComponentType;var container=useMemo(function(){return parseContainerComponent(containerComponentType);},[containerComponentType]);return/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsx(TableHead,{children:/*#__PURE__*/jsx("span",{className:classes.TableHeadLabel,children:"Media Container"})}),/*#__PURE__*/jsxs(TableBody,{className:className,children:[/*#__PURE__*/jsx(TableRow,{label:"Media Container",value:container.containerFormat}),/*#__PURE__*/jsx(TableRow,{label:"Duration",value:container.duration})]})]});}var ContainerComponentTypeTableBody$1 = withStyles(styles)(ContainerComponentTypeTableBody);
|
|
10
|
-
|
|
11
|
-
export { ContainerComponentTypeTableBody$1 as default };
|