@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 Grid from '@material-ui/core/Grid';
|
|
4
|
-
import CollectionCard from '../CollectionCard/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={root:{}};function CollectionGrid(_ref){var className=_ref.className,classes=_ref.classes,collectionListType=_ref.collectionListType,CollectionCardComponent=_ref.CollectionCardComponent,CollectionCardProps=_ref.CollectionCardProps,GridContainerProps=_ref.GridContainerProps,GridItemProps=_ref.GridItemProps,onCollectionClick=_ref.onCollectionClick,onItemClick=_ref.onItemClick;var _collectionListType$c=collectionListType.collection,collection=_collectionListType$c===void 0?[]:_collectionListType$c;var _GridItemProps$style=GridItemProps.style,gridItemPropsStyle=_GridItemProps$style===void 0?{}:_GridItemProps$style;var _onClick=onCollectionClick||onItemClick;return/*#__PURE__*/jsx(Grid,_objectSpread(_objectSpread({container:true,className:clsx(classes.root,'VdtCollectionCreateDialog-root',className)},GridContainerProps),{},{children:collection&&collection.map(function(collectionType,index){return/*#__PURE__*/jsx(Grid,_objectSpread(_objectSpread({item:true,xs:"auto",onClick:function onClick(){return _onClick&&_onClick(collectionType);}},GridItemProps),{},{style:_objectSpread({cursor:_onClick?'pointer':'initial'},gridItemPropsStyle),children:/*#__PURE__*/jsx(CollectionCardComponent,_objectSpread({index:index,collectionId:collectionType.id,collectionType:collectionType},CollectionCardProps))}),collectionType.id);})}));}CollectionGrid.defaultProps={className:undefined,classes:{},collectionListType:{},CollectionCardComponent:CollectionCard,CollectionCardProps:{},GridContainerProps:{},GridItemProps:{},onItemClick:null,onCollectionClick:null};
|
|
8
|
-
|
|
9
|
-
export { CollectionGrid, CollectionGrid as default, styles };
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { withStyles } from '@material-ui/core/styles';
|
|
2
|
-
import { styles, CollectionGrid } from './CollectionGrid.js';
|
|
3
|
-
|
|
4
|
-
var Component=withStyles(styles,{name:'VdtCollectionGrid'})(CollectionGrid);Component.displayName='CollectionGrid';var Component$1 = Component;
|
|
5
|
-
|
|
6
|
-
export { Component$1 as default };
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { useMemo } from 'react';
|
|
2
|
-
import clsx from 'clsx';
|
|
3
|
-
import { withStyles, Box, Typography } from '@material-ui/core';
|
|
4
|
-
import { Folder } from '@material-ui/icons';
|
|
5
|
-
import { parseMetadataType } from '@vidispine/vdt-js';
|
|
6
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
7
|
-
|
|
8
|
-
var styles={root:{}};function CollectionLabel(_ref){var className=_ref.className,classes=_ref.classes,collection=_ref.collection,labelField=_ref.labelField;var collectionLabel=useMemo(function(){if(!labelField)return collection.id;if(labelField==='name')return collection.name||collection.id;var metadata=parseMetadataType(collection.metadata,{joinValue:',',flat:true});return metadata[labelField]||collection.id;},[labelField,collection]);return/*#__PURE__*/jsxs(Box,{className:clsx(className,classes.root,'VdtCollectionLabel-root'),display:"flex",alignItems:"flex-end",children:[/*#__PURE__*/jsx(Folder,{color:"inherit"}),/*#__PURE__*/jsx(Typography,{variant:"body1",style:{fontWeight:'inherit'},children:collectionLabel})]});}var CollectionLabel$1 = withStyles(styles,{name:'CollectionLabel'})(CollectionLabel);
|
|
9
|
-
|
|
10
|
-
export { CollectionLabel$1 as default };
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import clsx from 'clsx';
|
|
3
|
-
import List from '@material-ui/core/List';
|
|
4
|
-
import CollectionListItem from '../CollectionListItem/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(){return {root:{width:'100%'},listItem:{},addButton:{}};};function CollectionList(_ref){var classes=_ref.classes,className=_ref.className,collectionListType=_ref.collectionListType,onItemClick=_ref.onItemClick,CollectionListItemComponent=_ref.CollectionListItemComponent,CollectionListItemProps=_ref.CollectionListItemProps;var _collectionListType$c=collectionListType.collection,collectionList=_collectionListType$c===void 0?[]:_collectionListType$c;return/*#__PURE__*/jsx(List,{className:clsx(classes.root,'VdtCollectionList-root',className),children:collectionList.map(function(collectionType){return/*#__PURE__*/jsx(CollectionListItemComponent,_objectSpread({collectionType:collectionType,onClick:onItemClick},CollectionListItemProps),collectionType.id);})});}CollectionList.defaultProps={className:undefined,classes:{},collectionListType:{},onItemClick:undefined,CollectionListItemComponent:CollectionListItem,CollectionListItemProps:{}};
|
|
8
|
-
|
|
9
|
-
export { CollectionList as default, styles };
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { withStyles } from '@material-ui/core/styles';
|
|
2
|
-
import CollectionList$1, { styles } from './CollectionList.js';
|
|
3
|
-
|
|
4
|
-
var Component=withStyles(styles,{name:'VdtCollectionList'})(CollectionList$1);Component.displayName='CollectionList';var CollectionList = Component;
|
|
5
|
-
|
|
6
|
-
export { CollectionList as default };
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import clsx from 'clsx';
|
|
3
|
-
import { ListItem, ListItemAvatar, ListItemText, ListItemSecondaryAction } from '@material-ui/core';
|
|
4
|
-
import Skeleton from '@material-ui/lab/Skeleton';
|
|
5
|
-
import { parseMetadataType } from '@vidispine/vdt-js';
|
|
6
|
-
import MediaCardAvatar from '../../media/MediaCardAvatar/index.js';
|
|
7
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
8
|
-
|
|
9
|
-
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(){return {ListItemSecondaryAction:{visibility:'hidden'},ListItemContainer:{'&:hover $ListItemSecondaryAction':{visibility:'visible'}}};};function CollectionListItem(_ref){var classes=_ref.classes,className=_ref.className,collectionType=_ref.collectionType,onClick=_ref.onClick,parseMetadataOptions=_ref.parseMetadataOptions,primary=_ref.primary,secondary=_ref.secondary,AvatarComponent=_ref.AvatarComponent,AvatarProps=_ref.AvatarProps,ActionComponent=_ref.ActionComponent,ActionProps=_ref.ActionProps,ListItemProps=_ref.ListItemProps,skeleton=_ref.skeleton;var collectionId=collectionType.id,metadataType=collectionType.metadata;var parsedMetadata=parseMetadataType(metadataType,parseMetadataOptions);var primaryText;var secondaryText;if(typeof primary==='string'){primaryText=parsedMetadata[primary];}else if(typeof primary==='function'){primaryText=primary(_objectSpread(_objectSpread({},parsedMetadata),{},{collectionType:collectionType,collectionId:collectionId}));}if(typeof secondary==='string'){secondaryText=parsedMetadata[secondary];}else if(typeof secondary==='function'){secondaryText=secondary(_objectSpread(_objectSpread({},parsedMetadata),{},{collectionType:collectionType,collectionId:collectionId}));}return/*#__PURE__*/jsxs(ListItem,_objectSpread(_objectSpread({className:clsx(className,classes.root,'VdtCollectionListItem-root'),onClick:onClick?function(event){return onClick(event,{collectionId:collectionId,collectionType:collectionType});}:undefined,button:onClick?true:undefined,classes:{container:classes.ListItemContainer}},ListItemProps),{},{children:[/*#__PURE__*/jsx(ListItemAvatar,{className:clsx(classes.ListItemAvatar,'VdtCollectionListItem-ListItemAvatar'),children:/*#__PURE__*/jsx(AvatarComponent,_objectSpread({avatar:"collection",collectionId:collectionId,collectionType:collectionType,skeleton:skeleton},AvatarProps))}),/*#__PURE__*/jsx(ListItemText,{primary:skeleton?/*#__PURE__*/jsx(Skeleton,{width:120}):primaryText,secondary:skeleton?/*#__PURE__*/jsx(Skeleton,{width:60}):secondaryText}),ActionComponent&&/*#__PURE__*/jsx(ListItemSecondaryAction,{className:clsx(classes.ListItemSecondaryAction,'VdtCollectionListItem-ListItemSecondaryAction'),children:/*#__PURE__*/jsx(ActionComponent,_objectSpread({skeleton:skeleton,collectionId:collectionId,collectionType:collectionType},ActionProps))})]}));}CollectionListItem.defaultProps={className:undefined,classes:{},primary:function primary(_ref2){var collectionId=_ref2.collectionId;return collectionId;},secondary:undefined,onClick:undefined,ActionComponent:undefined,ActionProps:{},AvatarComponent:MediaCardAvatar,AvatarProps:{},ListItemProps:{},parseMetadataOptions:{flat:true,arrayOnSingleValue:false},skeleton:false};
|
|
10
|
-
|
|
11
|
-
export { CollectionListItem as default, styles };
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { withStyles } from '@material-ui/core/styles';
|
|
2
|
-
import CollectionListItem$1, { styles } from './CollectionListItem.js';
|
|
3
|
-
|
|
4
|
-
var Component=withStyles(styles,{name:'VdtCollectionListItem'})(CollectionListItem$1);Component.displayName='CollectionListItem';var CollectionListItem = Component;
|
|
5
|
-
|
|
6
|
-
export { CollectionListItem as default };
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
|
|
2
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
3
|
-
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
4
|
-
import _regeneratorRuntime from '@babel/runtime/regenerator';
|
|
5
|
-
import { useMemo } from 'react';
|
|
6
|
-
import { Form } from 'react-final-form';
|
|
7
|
-
import { collection } from '@vidispine/vdt-api';
|
|
8
|
-
import { parseMetadataType, createMetadataType } from '@vidispine/vdt-js';
|
|
9
|
-
import ItemMetadataForm from '../item/ItemMetadataForm.js';
|
|
10
|
-
import { stringsToBooleans, booleansToStrings } from '../mapStringsBooleans.js';
|
|
11
|
-
import { 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 CollectionMetadataEdit(_ref){var collectionId=_ref.collectionId,onSuccess=_ref.onSuccess,fields=_ref.fields,groups=_ref.groups,collectionType=_ref.collectionType,propsMetadataType=_ref.metadataType,onRefresh=_ref.onRefresh,isLoading=_ref.isLoading,joinValue=_ref.joinValue,_ref$onError=_ref.onError,onError=_ref$onError===void 0?function(error){return console.error(error.message);}:_ref$onError;var metadataType=propsMetadataType;if(collectionType)metadataType=collectionType===null||collectionType===void 0?void 0:collectionType.metadata;var initialValues=useMemo(function(){var fieldNames=Array.isArray(fields)?fields.map(function(_ref2){var name=_ref2.name;return name;}):[];var groupNames=Array.isArray(groups)?groups.map(function(_ref3){var name=_ref3.name;return name;}):[];var parsedValues=parseMetadataType(metadataType,{flat:true,arrayOnSingleValue:false});var values=Object.entries(parsedValues).reduce(function(acc,cur){var _cur=_slicedToArray(cur,2),curKey=_cur[0],curValue=_cur[1];if(fieldNames.includes(curKey)||groupNames.includes(curKey)){return _objectSpread(_objectSpread({},acc),{},_defineProperty({},curKey,curValue));}return acc;},{});return Object.entries(values).reduce(stringsToBooleans,{});},[metadataType,fields,groups]);var onSubmit=/*#__PURE__*/function(){var _ref4=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(values){var valuesAsStrings,metadataDocument;return _regeneratorRuntime.wrap(function _callee$(_context){while(1){switch(_context.prev=_context.next){case 0:valuesAsStrings=Object.entries(values).reduce(function(a,c){return booleansToStrings(a,c,joinValue);},{});metadataDocument=createMetadataType(valuesAsStrings);_context.prev=2;_context.next=5;return collection.updateCollectionMetadata({collectionId:collectionId,metadataDocument:metadataDocument});case 5:_context.next=7;return onRefresh();case 7:onSuccess();_context.next=13;break;case 10:_context.prev=10;_context.t0=_context["catch"](2);onError(_context.t0);case 13:case"end":return _context.stop();}}},_callee,null,[[2,10]]);}));return function onSubmit(_x){return _ref4.apply(this,arguments);};}();return !isLoading&&/*#__PURE__*/jsx(Form,{onSubmit:onSubmit,component:ItemMetadataForm,fields:fields,groups:groups,initialValues:initialValues});}
|
|
14
|
-
|
|
15
|
-
export { CollectionMetadataEdit 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, GetEntityMetadata, MetadataType } from '@vidispine/vdt-react';
|
|
9
|
-
import ItemMetadataList from '../item/ItemMetadataList.js';
|
|
10
|
-
import CollectionMetadataEdit from './CollectionMetadataEdit.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 CollectionMetadataTab(_ref){var collectionId=_ref.collectionId,_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,onSuccess=_ref.onSuccess,_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 "v(".concat(name,")");}).join(','):'metadata.timespan.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 handleSuccess=function handleSuccess(args){toggleEdit();if(onSuccess)onSuccess(args);};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"})}),(fieldsWithAttributes.length>0||groupsWithAttributes.length>0)&&/*#__PURE__*/jsx(GetEntityMetadata,{entity:"collection",entityId:collectionId,queryParams:queryParams,children:showEditMetadata&&isEditing?/*#__PURE__*/jsx(CollectionMetadataEdit,{fields:fieldsWithAttributes||fields,groups:groupsWithAttributes||groups,onSuccess:handleSuccess,onError:onError,joinValue:editJoinValue}):/*#__PURE__*/jsx(MetadataType,{joinValue:displayJoinValue,groupAsList:displayGroupAsList,children:/*#__PURE__*/jsx(ItemMetadataList,{fields:fieldsWithAttributes||fields,groups:groupsWithAttributes||groups,formatValue:formatValue})})})]});}var CollectionMetadataTab$1 = withStyles({},{name:'VdtCollectionMetadataTab'})(CollectionMetadataTab);
|
|
14
|
-
|
|
15
|
-
export { CollectionMetadataTab$1 as default };
|
|
@@ -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 clsx from 'clsx';
|
|
5
|
-
import Box from '@material-ui/core/Box';
|
|
6
|
-
import Hidden from '@material-ui/core/Hidden';
|
|
7
|
-
import TableCell from '@material-ui/core/TableCell';
|
|
8
|
-
import TableRow from '@material-ui/core/TableRow';
|
|
9
|
-
import { parseMetadataType } from '@vidispine/vdt-js';
|
|
10
|
-
import MediaCardCheckbox from '../../media/MediaCardCheckbox.js';
|
|
11
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
12
|
-
|
|
13
|
-
var _excluded=["classes","className","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 defaultMetadataToProps=function defaultMetadataToProps(_ref){var collectionType=_ref.collectionType,parseMetadataOpts=_ref.parseMetadataOpts,options=_ref.options;var _collectionType$metad=collectionType.metadata,metadata=_collectionType$metad===void 0?{}:_collectionType$metad;var parsedMetadata=parseMetadataType(metadata,parseMetadataOpts);return options.map(function(_ref2){var value=_ref2.value;var parsedValue=parsedMetadata[value];return parsedValue;});};var styles=function styles(){return {root:{}};};function CollectionRow(_ref3){var classes=_ref3.classes,className=_ref3.className,_ref3$options=_ref3.options,options=_ref3$options===void 0?[]:_ref3$options,handleMetadataToProps=_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 collectionType=innerProps.collectionType;var rowValues=useMemo(function(){return handleMetadataToProps({collectionType:collectionType,parseMetadataOpts:parseMetadataOpts,options:options});},[collectionType,options,parseMetadataOpts,handleMetadataToProps]);var handleChecked=function handleChecked(event){if(onCheck)onCheck(event,!selected,innerProps);};return/*#__PURE__*/jsxs(TableRow,_objectSpread(_objectSpread({className:clsx(classes.root,'VdtCollectionRow-root',className),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);})]}));}CollectionRow.defaultProps={className:undefined,classes:{},options:[],metadataToProps:defaultMetadataToProps,parseMetadataOpts:{joinValue:', ',flat:true},selected:false,onCheck:undefined,onClick:undefined,TableRowProps:{}};
|
|
14
|
-
|
|
15
|
-
export { CollectionRow as default, styles };
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { withStyles } from '@material-ui/core/styles';
|
|
2
|
-
import CollectionRow$1, { styles } from './CollectionRow.js';
|
|
3
|
-
|
|
4
|
-
var Component=withStyles(styles,{name:'VdtCollectionRow'})(CollectionRow$1);Component.displayName='CollectionRow';var CollectionRow = Component;
|
|
5
|
-
|
|
6
|
-
export { CollectionRow as default };
|
|
@@ -1,16 +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 _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
5
|
-
import { useState, useEffect } from 'react';
|
|
6
|
-
import clsx from 'clsx';
|
|
7
|
-
import { useSearch, SearchCollection } from '@vidispine/vdt-react';
|
|
8
|
-
import SearchPagination from '../../search/Pagination.js';
|
|
9
|
-
import SearchInput from '../../search/SearchInput/index.js';
|
|
10
|
-
import CollectionTable from '../CollectionTable/index.js';
|
|
11
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
12
|
-
|
|
13
|
-
var _excluded=["PaginationComponent"];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(_ref){var _ref$PaginationCompon=_ref.PaginationComponent,PaginationComponent=_ref$PaginationCompon===void 0?SearchPagination:_ref$PaginationCompon,props=_objectWithoutProperties(_ref,_excluded);var _props$collectionList=props.collectionListType.hits,count=_props$collectionList===void 0?0:_props$collectionList;return/*#__PURE__*/jsx(PaginationComponent,_objectSpread({count:count},props));}function SearchInputWrapper(props){var isLoading=props.isLoading;return/*#__PURE__*/jsx(SearchInput,_objectSpread({submitting:isLoading},props));}var styles=function styles(){return {root:{}};};function CollectionSearchPicker(_ref2){var className=_ref2.className,classes=_ref2.classes,onChange=_ref2.onChange,onCheck=_ref2.onCheck,CollectionTableComponent=_ref2.CollectionTableComponent,CollectionTableProps=_ref2.CollectionTableProps,searchProps=_ref2.searchProps,idLabelText=_ref2.idLabelText,titleLabelText=_ref2.titleLabelText,ownerLabelText=_ref2.ownerLabelText,searchPlaceholder=_ref2.searchPlaceholder,SearchInputProps=_ref2.SearchInputProps,PaginationProps=_ref2.PaginationProps,SearchCollectionProps=_ref2.SearchCollectionProps;var defaultSearchProps=useSearch({queryParams:{field:['collectionId','title','__user'],content:'metadata'}});var _ref3=searchProps||defaultSearchProps,state=_ref3.state,setSearchText=_ref3.setSearchText,onChangeRowsPerPage=_ref3.onChangeRowsPerPage,onChangePage=_ref3.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
|
|
14
|
-
useEffect(function(){return onChange&&onChange(checked);},[checked]);var handleRowClick=function handleRowClick(_ref4){var id=_ref4.id;return check(id);};return/*#__PURE__*/jsx("div",{className:clsx(classes.root,'VdtCollectionSearchPicker',className),children:/*#__PURE__*/jsxs(SearchCollection,_objectSpread(_objectSpread({itemSearchDocument:itemSearchDocument,matrixParams:matrixParams,queryParams:queryParams},SearchCollectionProps),{},{children:[/*#__PURE__*/jsx(SearchInputWrapper,_objectSpread({onSubmit:function onSubmit(text){return setSearchText("*".concat(text,"*"));},searchPlaceholder:searchPlaceholder},SearchInputProps)),/*#__PURE__*/jsx(CollectionTableComponent,_objectSpread({onRowClick:handleRowClick,onCheck:onCheck,selected:checked,options:[{label:titleLabelText,value:'title'},{label:idLabelText,value:'collectionId'},{label:ownerLabelText,value:'__user'}]},CollectionTableProps)),/*#__PURE__*/jsx(PaginationWrapper,_objectSpread({onChangePage:onChangePage,onChangeRowsPerPage:onChangeRowsPerPage,page:page,rowsPerPage:rowsPerPage},PaginationProps))]}))});}CollectionSearchPicker.defaultProps={className:undefined,classes:{},onChange:undefined,onCheck:function onCheck(){},CollectionTableComponent:CollectionTable,CollectionTableProps:{},searchProps:undefined,idLabelText:'Id',titleLabelText:'Title',ownerLabelText:'Owner',searchPlaceholder:'Search collections',SearchInputProps:{},PaginationProps:{},SearchCollectionProps:{}};
|
|
15
|
-
|
|
16
|
-
export { CollectionSearchPicker as default, styles };
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { withStyles } from '@material-ui/core/styles';
|
|
2
|
-
import CollectionSearchPicker$1, { styles } from './CollectionSearchPicker.js';
|
|
3
|
-
|
|
4
|
-
var Component=withStyles(styles,{name:'VdtCollectionSearchPicker'})(CollectionSearchPicker$1);Component.displayName='CollectionSearchPicker';var CollectionSearchPicker = Component;
|
|
5
|
-
|
|
6
|
-
export { CollectionSearchPicker as default };
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
3
|
-
import clsx from 'clsx';
|
|
4
|
-
import Hidden from '@material-ui/core/Hidden';
|
|
5
|
-
import Table from '@material-ui/core/Table';
|
|
6
|
-
import TableBody from '@material-ui/core/TableBody';
|
|
7
|
-
import TableCell from '@material-ui/core/TableCell';
|
|
8
|
-
import TableHead from '@material-ui/core/TableHead';
|
|
9
|
-
import TableRow from '@material-ui/core/TableRow';
|
|
10
|
-
import CollectionRow from '../CollectionRow/index.js';
|
|
11
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
12
|
-
|
|
13
|
-
var _excluded=["classes","className","collectionListType","RowComponent","options","onCheck","selected","onRowClick"];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(){return {root:{}};};function CollectionTable(_ref){var classes=_ref.classes,className=_ref.className,collectionListType=_ref.collectionListType,RowComponent=_ref.RowComponent,options=_ref.options,onCheck=_ref.onCheck,selected=_ref.selected,onRowClick=_ref.onRowClick,innerProps=_objectWithoutProperties(_ref,_excluded);var _collectionListType$c=collectionListType.collection,collection=_collectionListType$c===void 0?[]:_collectionListType$c;return/*#__PURE__*/jsxs(Table,{className:clsx(classes.root,'VdtCollectionTable-root',className),size:"small",children:[/*#__PURE__*/jsx(TableHead,{children:/*#__PURE__*/jsxs(TableRow,{children:[onCheck&&/*#__PURE__*/jsx(TableCell,{padding:"checkbox"}),options.map(function(_ref2,idx){var label=_ref2.label,value=_ref2.value,hide=_ref2.hide;return/*#__PURE__*/jsx(Hidden,{only:hide,children:/*#__PURE__*/jsx(TableCell,{children:label})},label||value||idx);})]})}),/*#__PURE__*/jsx(TableBody,{children:collection&&collection.map(function(collectionType){return/*#__PURE__*/jsx(RowComponent,_objectSpread({collectionType:collectionType,collectionId:collectionType.id,options:options,onCheck:onCheck,selected:selected&&selected.includes(collectionType.id),onClick:function onClick(){return onRowClick(collectionType);}},innerProps),collectionType.id);})})]});}CollectionTable.defaultProps={className:undefined,classes:{},collectionListType:{},RowComponent:CollectionRow,options:[],onCheck:undefined,selected:undefined,onRowClick:undefined};
|
|
14
|
-
|
|
15
|
-
export { CollectionTable as default, styles };
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { withStyles } from '@material-ui/core/styles';
|
|
2
|
-
import CollectionTable$1, { styles } from './CollectionTable.js';
|
|
3
|
-
|
|
4
|
-
var Component=withStyles(styles,{name:'VdtCollectionTable'})(CollectionTable$1);Component.displayName='CollectionTable';var CollectionTable = Component;
|
|
5
|
-
|
|
6
|
-
export { CollectionTable as default };
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
|
|
2
|
-
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
3
|
-
import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
|
|
4
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
5
|
-
import _regeneratorRuntime from '@babel/runtime/regenerator';
|
|
6
|
-
import { useContext, useEffect } from 'react';
|
|
7
|
-
import clsx from 'clsx';
|
|
8
|
-
import { collection } from '@vidispine/vdt-api';
|
|
9
|
-
import { COLLECTION, JOIN_CHARACTER, ITEM } from '../../entity/EntityTreeConsts.js';
|
|
10
|
-
import EntityTreeContext from '../../entity/EntityTreeContext.js';
|
|
11
|
-
import ItemTreeItem from '../../item/ItemTreeItem.js';
|
|
12
|
-
import TreeItemDraggable from '../../TreeItemDraggable.js';
|
|
13
|
-
import CollectionLabelDroppable from './components/CollectionLabelDroppable.js';
|
|
14
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
15
|
-
|
|
16
|
-
var _excluded=["parentCollectionId","collection","nodeId"];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 defaultCollectionState={queryParams:{field:['content'],content:['metadata']}};var defaultItemState={queryParams:{field:['mimeType'],content:['metadata']}};var getStateWithParentCollection=function getStateWithParentCollection(state,collectionId){var _state$itemSearchDocu=state.itemSearchDocument,itemSearchDocument=_state$itemSearchDocu===void 0?{}:_state$itemSearchDocu;var _itemSearchDocument$f=itemSearchDocument.field,field=_itemSearchDocument$f===void 0?[]:_itemSearchDocument$f;return _objectSpread(_objectSpread({},state),{},{itemSearchDocument:_objectSpread(_objectSpread({},itemSearchDocument),{},{field:[].concat(_toConsumableArray(field),[{name:'__parent_collection',value:[{value:collectionId}]}])})});};var styles={root:{}};function CollectionTreeList(_ref){var parentCollectionId=_ref.parentCollectionId,_ref$collection=_ref.collection,collection$1=_ref$collection===void 0?{}:_ref$collection,_ref$nodeId=_ref.nodeId,nodeId=_ref$nodeId===void 0?[COLLECTION,collection$1.id,COLLECTION,parentCollectionId].join(JOIN_CHARACTER):_ref$nodeId,props=_objectWithoutProperties(_ref,_excluded);var collectionId=collection$1.id;var className=props.className,_props$classes=props.classes,classes=_props$classes===void 0?{}:_props$classes,_props$collectionStat=props.collectionState,collectionState=_props$collectionStat===void 0?defaultCollectionState:_props$collectionStat,_props$itemState=props.itemState,itemState=_props$itemState===void 0?defaultItemState:_props$itemState,_props$includeItems=props.includeItems,includeItems=_props$includeItems===void 0?true:_props$includeItems,_props$onDrop=props.onDrop,onDrop=_props$onDrop===void 0?function(){}:_props$onDrop,_props$onError=props.onError,onError=_props$onError===void 0?function(){return null;}:_props$onError,_props$CollectionComp=props.CollectionComponent,CollectionComponent=_props$CollectionComp===void 0?CollectionTreeList:_props$CollectionComp,_props$CollectionLabe=props.CollectionLabelComponent,CollectionLabelComponent=_props$CollectionLabe===void 0?CollectionLabelDroppable:_props$CollectionLabe,_props$ItemComponent=props.ItemComponent,ItemComponent=_props$ItemComponent===void 0?ItemTreeItem:_props$ItemComponent,_props$TreeItemCompon=props.TreeItemComponent,TreeItemComponent=_props$TreeItemCompon===void 0?TreeItemDraggable:_props$TreeItemCompon,_props$CollectionLabe2=props.CollectionLabelProps,CollectionLabelProps=_props$CollectionLabe2===void 0?{}:_props$CollectionLabe2,_props$TreeItemProps=props.TreeItemProps,TreeItemProps=_props$TreeItemProps===void 0?{}:_props$TreeItemProps,_props$ItemProps=props.ItemProps,ItemProps=_props$ItemProps===void 0?{}:_props$ItemProps;var _useContext=useContext(EntityTreeContext),addOrUpdateCollections=_useContext.addOrUpdateCollections,addOrUpdateItems=_useContext.addOrUpdateItems,addAsChildrenToCollection=_useContext.addAsChildrenToCollection,getChildCollections=_useContext.getChildCollections,getChildItems=_useContext.getChildItems;var childCollections=getChildCollections(collectionId);var childItems=getChildItems(collectionId);var getItemsWithMetadata=/*#__PURE__*/function(){var _ref2=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(){var _yield$CollectionApi$,_yield$CollectionApi$2,data;return _regeneratorRuntime.wrap(function _callee$(_context){while(1){switch(_context.prev=_context.next){case 0:_context.prev=0;_context.next=3;return collection.getCollectionItem(_objectSpread(_objectSpread({},itemState),{},{collectionId:collectionId}));case 3:_yield$CollectionApi$=_context.sent;_yield$CollectionApi$2=_yield$CollectionApi$.data;data=_yield$CollectionApi$2===void 0?{}:_yield$CollectionApi$2;return _context.abrupt("return",data.item||[]);case 9:_context.prev=9;_context.t0=_context["catch"](0);onError({message:'Could not get items',error:_context.t0});return _context.abrupt("return",[]);case 13:case"end":return _context.stop();}}},_callee,null,[[0,9]]);}));return function getItemsWithMetadata(){return _ref2.apply(this,arguments);};}();var getCollectionsWithMetadata=/*#__PURE__*/function(){var _ref3=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(){var stateWithParentCollection,_yield$CollectionApi$3,_yield$CollectionApi$4,data;return _regeneratorRuntime.wrap(function _callee2$(_context2){while(1){switch(_context2.prev=_context2.next){case 0:_context2.prev=0;stateWithParentCollection=getStateWithParentCollection(collectionState,collectionId);_context2.next=4;return collection.searchCollection(stateWithParentCollection);case 4:_yield$CollectionApi$3=_context2.sent;_yield$CollectionApi$4=_yield$CollectionApi$3.data;data=_yield$CollectionApi$4===void 0?{}:_yield$CollectionApi$4;return _context2.abrupt("return",data.collection||[]);case 10:_context2.prev=10;_context2.t0=_context2["catch"](0);onError({message:"Could not list collections for ".concat(collectionId),error:_context2.t0});return _context2.abrupt("return",[]);case 14:case"end":return _context2.stop();}}},_callee2,null,[[0,10]]);}));return function getCollectionsWithMetadata(){return _ref3.apply(this,arguments);};}();var getCollection=/*#__PURE__*/function(){var _ref4=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(){var _yield$CollectionApi$5,data,_data$content,content,contentCollections,contentItems,newCollections,newCollectionIds,existingChildIds,newChildIds,newItems,newItemIds,_existingChildIds,_newChildIds;return _regeneratorRuntime.wrap(function _callee3$(_context3){while(1){switch(_context3.prev=_context3.next){case 0:_context3.prev=0;_context3.next=3;return collection.getCollection(_objectSpread(_objectSpread({},collectionState),{},{collectionId:collectionId}));case 3:_yield$CollectionApi$5=_context3.sent;data=_yield$CollectionApi$5.data;_data$content=data.content,content=_data$content===void 0?[]:_data$content;contentCollections=content.filter(function(e){return e.type==='collection';});contentItems=content.filter(function(e){return e.type==='item';});if(!contentCollections.length){_context3.next=17;break;}_context3.next=11;return getCollectionsWithMetadata();case 11:newCollections=_context3.sent;addOrUpdateCollections(collectionId,newCollections);newCollectionIds=newCollections.map(function(i){return i.id;});existingChildIds=childCollections.map(function(i){return i.id;});newChildIds=newCollectionIds.filter(function(id){return !existingChildIds.includes(id);});if(newChildIds.length){addAsChildrenToCollection(newChildIds,COLLECTION,collectionId);}case 17:if(!(includeItems&&contentItems.length)){_context3.next=26;break;}_context3.next=20;return getItemsWithMetadata();case 20:newItems=_context3.sent;addOrUpdateItems(collectionId,newItems);newItemIds=newItems.map(function(i){return i.id;});_existingChildIds=childItems.map(function(i){return i.id;});_newChildIds=newItemIds.filter(function(id){return !_existingChildIds.includes(id);});if(_newChildIds.length){addAsChildrenToCollection(_newChildIds,ITEM,collectionId);}case 26:_context3.next=31;break;case 28:_context3.prev=28;_context3.t0=_context3["catch"](0);onError({message:"Could not get collection ".concat(collectionId),error:_context3.t0});case 31:case"end":return _context3.stop();}}},_callee3,null,[[0,28]]);}));return function getCollection(){return _ref4.apply(this,arguments);};}();useEffect(function(){getCollection(collectionId);// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
17
|
-
},[collectionId]);var label=/*#__PURE__*/jsx(CollectionLabelComponent,_objectSpread({collection:collection$1,parentCollectionId:parentCollectionId,nodeId:nodeId,onDrop:onDrop},CollectionLabelProps));var getKey=function getKey(entityType,entityId,parentId,grandParentId){return [entityType,entityId,COLLECTION,parentId,COLLECTION,grandParentId].join(JOIN_CHARACTER);};return/*#__PURE__*/jsxs(TreeItemComponent,_objectSpread(_objectSpread({className:clsx(className,classes.root,'VdtCollectionTreeList-root'),nodeId:nodeId,dragInfo:{entityType:COLLECTION,entityId:collectionId,entityParentId:parentCollectionId},label:label},TreeItemProps),{},{children:[childCollections.length?childCollections.map(function(c){return/*#__PURE__*/jsx(CollectionComponent,_objectSpread({parentCollectionId:collectionId,collection:c},props),getKey(COLLECTION,c.id,collectionId,parentCollectionId));}):undefined,childItems.length?childItems.map(function(i){return/*#__PURE__*/jsx(ItemComponent,_objectSpread({item:i,parentCollectionId:collectionId,onDrop:onDrop},ItemProps),getKey(ITEM,i.id,collectionId,parentCollectionId));}):undefined]}));}
|
|
18
|
-
|
|
19
|
-
export { CollectionTreeList as default, styles };
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { withStyles } from '@material-ui/core';
|
|
2
|
-
import { compose } from '@vidispine/vdt-react';
|
|
3
|
-
import CollectionLabel from '../../CollectionLabel.js';
|
|
4
|
-
import withDrop from '../../../dnd/hoc/withDrop.js';
|
|
5
|
-
|
|
6
|
-
var styles=function styles(theme){return {isOver:{backgroundColor:theme.palette.primary.main}};};var CollectionLabelDroppable = compose(withStyles(styles,{name:'VdtCollectionLabelDroppable'}),withDrop)(CollectionLabel);
|
|
7
|
-
|
|
8
|
-
export { CollectionLabelDroppable as default };
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { withStyles } from '@material-ui/core/styles';
|
|
2
|
-
import CollectionTreeList$1, { styles } from './CollectionTreeList.js';
|
|
3
|
-
|
|
4
|
-
var Component=withStyles(styles,{name:'VdtCollectionTreeList'})(CollectionTreeList$1);Component.displayName='CollectionTreeList';var CollectionTreeList = Component;
|
|
5
|
-
|
|
6
|
-
export { CollectionTreeList as default };
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import clsx from 'clsx';
|
|
2
|
-
import { DialogTitle, DialogContent, DialogActions, Button } from '@material-ui/core';
|
|
3
|
-
import { collection } from '@vidispine/vdt-api';
|
|
4
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
5
|
-
|
|
6
|
-
var defaultOnConfirm=function defaultOnConfirm(_ref){var collectionId=_ref.collectionId,entityId=_ref.entityId,entityType=_ref.entityType;return collection.removeCollectionEntity({collectionId:collectionId,entityId:entityId,queryParams:{type:entityType}});};var styles={root:{}};function RemoveFromCollectionDialog(_ref2){var className=_ref2.className,classes=_ref2.classes,entityId=_ref2.entityId,entityType=_ref2.entityType,collectionId=_ref2.collectionId,onSuccess=_ref2.onSuccess,onError=_ref2.onError,onClose=_ref2.onClose,onConfirm=_ref2.onConfirm,descriptionText=_ref2.descriptionText,titleText=_ref2.titleText,cancelText=_ref2.cancelText,confirmText=_ref2.confirmText;var handleConfirm=function handleConfirm(){return onConfirm({collectionId:collectionId,entityType:entityType,entityId:entityId}).then(onSuccess)["catch"](onError);};return/*#__PURE__*/jsxs("div",{className:clsx(classes.root,'VdtRemoveFromCollectionDialog-root',className),children:[/*#__PURE__*/jsx(DialogTitle,{children:titleText}),/*#__PURE__*/jsx(DialogContent,{children:descriptionText({collectionId:collectionId,entityType:entityType,entityId:entityId})}),/*#__PURE__*/jsxs(DialogActions,{children:[/*#__PURE__*/jsx(Button,{onClick:onClose,color:"primary",children:cancelText}),/*#__PURE__*/jsx(Button,{variant:"contained",onClick:handleConfirm,color:"secondary",children:confirmText})]})]});}RemoveFromCollectionDialog.defaultProps={className:undefined,classes:{},onSuccess:function onSuccess(){},// eslint-disable-next-line no-console
|
|
7
|
-
onError:function onError(e){return console.error(e);},onClose:function onClose(){},onConfirm:defaultOnConfirm,descriptionText:function descriptionText(_ref3){var collectionId=_ref3.collectionId,entityType=_ref3.entityType,entityId=_ref3.entityId;return "Do you want to remove ".concat(entityType," ").concat(entityId," from ").concat(collectionId,"?");},titleText:'Remove From Collection?',cancelText:'Cancel',confirmText:'Remove'};
|
|
8
|
-
|
|
9
|
-
export { RemoveFromCollectionDialog as default, styles };
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { withStyles } from '@material-ui/core/styles';
|
|
2
|
-
import RemoveFromCollectionDialog$1, { styles } from './RemoveFromCollectionDialog.js';
|
|
3
|
-
|
|
4
|
-
var Component=withStyles(styles,{name:'VdtRemoveFromCollectionDialog'})(RemoveFromCollectionDialog$1);Component.displayName='RemoveFromCollectionDialog';var RemoveFromCollectionDialog = Component;
|
|
5
|
-
|
|
6
|
-
export { RemoveFromCollectionDialog as default };
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
2
|
-
import { useContext, createContext } from 'react';
|
|
3
|
-
import { jsx } from 'react/jsx-runtime';
|
|
4
|
-
|
|
5
|
-
var _excluded=["children"];var MediaCardContext=/*#__PURE__*/createContext();function MediaCardProvider(_ref){var children=_ref.children,props=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/jsx(MediaCardContext.Provider,{value:props,children:children});}var useMediaCardContext=function useMediaCardContext(){var context=useContext(MediaCardContext);if(context===undefined){throw new Error('useMediaCardContext must be used within a MediaCardProvider');}return context;};
|
|
6
|
-
|
|
7
|
-
export { MediaCardProvider, useMediaCardContext };
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import { useRef } from 'react';
|
|
3
|
-
import { useDragLayer } from 'react-dnd';
|
|
4
|
-
import { useMouseDownPosition } from '@vidispine/vdt-react';
|
|
5
|
-
import { useDragOffsetDiff } from '../hooks/useDragOffsetDiff.js';
|
|
6
|
-
import { jsx } from 'react/jsx-runtime';
|
|
7
|
-
|
|
8
|
-
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 layerStyles={position:'fixed',pointerEvents:'none',zIndex:100,left:0,top:0,width:'100%',height:'100%'};// Align dragged item at mouse position
|
|
9
|
-
var getMouseOffset=function getMouseOffset(initialOffset){var mousePosition=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{x:0,y:0};var componentSize=arguments.length>2&&arguments[2]!==undefined?arguments[2]:{width:0,height:0};var _ref=initialOffset||{},_ref$x=_ref.x,ix=_ref$x===void 0?0:_ref$x,_ref$y=_ref.y,iy=_ref$y===void 0?0:_ref$y;var mx=mousePosition.x,my=mousePosition.y;var width=componentSize.width,height=componentSize.height;var x=mx-ix-width/2;var y=my-iy-height/2;return {x:x,y:y};};var getItemStyles=function getItemStyles(diffOffset,initialOffset,mouseOffset){var _ref2=initialOffset||{},ix=_ref2.x,iy=_ref2.y;var _ref3=diffOffset||{},dx=_ref3.x,dy=_ref3.y;var _ref4=mouseOffset||{},mx=_ref4.x,my=_ref4.y;var transform="translate(".concat(ix+dx+mx,"px, ").concat(iy+dy+my,"px)");return {transform:transform};};var getComponentSize=function getComponentSize(containerRef){var currentContainer=containerRef.current||{};var draggedComponent=currentContainer.firstChild||{};var _draggedComponent$cli=draggedComponent.clientHeight,clientHeight=_draggedComponent$cli===void 0?0:_draggedComponent$cli,_draggedComponent$cli2=draggedComponent.clientWidth,clientWidth=_draggedComponent$cli2===void 0?0:_draggedComponent$cli2;return {width:clientWidth,height:clientHeight};};function DragLayer(_ref5){var _ref5$allowedTypes=_ref5.allowedTypes,allowedTypes=_ref5$allowedTypes===void 0?['ITEM','COLLECTION']:_ref5$allowedTypes,Component=_ref5.Component,componentSize=_ref5.componentSize;var containerRef=useRef();var _useDragLayer=useDragLayer(function(monitor){return {item:monitor.getItem(),itemType:monitor.getItemType(),initialOffset:monitor.getInitialSourceClientOffset(),isDragging:monitor.isDragging()};}),item=_useDragLayer.item,isDragging=_useDragLayer.isDragging,itemType=_useDragLayer.itemType,initialOffset=_useDragLayer.initialOffset;var _ref6=item||{},dragInfo=_ref6.dragInfo;var mousePosition=useMouseDownPosition();var diffOffset=useDragOffsetDiff(isDragging);return isDragging&&allowedTypes.includes(itemType)?/*#__PURE__*/jsx("div",{style:layerStyles,children:/*#__PURE__*/jsx("div",{style:getItemStyles(diffOffset,initialOffset,getMouseOffset(initialOffset,mousePosition,componentSize||getComponentSize(containerRef))),children:Component&&dragInfo?/*#__PURE__*/jsx("div",{ref:containerRef,children:/*#__PURE__*/jsx(Component,_objectSpread({},dragInfo))}):null})}):null;}
|
|
10
|
-
|
|
11
|
-
export { DragLayer as default };
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
2
|
-
import { createContext, useState, useMemo, useContext, useEffect } from 'react';
|
|
3
|
-
import { DndProvider } from 'react-dnd';
|
|
4
|
-
import { HTML5Backend } from 'react-dnd-html5-backend';
|
|
5
|
-
import DragLayer from '../components/DragLayer.js';
|
|
6
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
7
|
-
|
|
8
|
-
var DragAndDropContext=/*#__PURE__*/createContext({DraggedComponent:null,setDraggedComponent:function setDraggedComponent(){return undefined;}});function DragAndDropProvider(_ref){var children=_ref.children,initialDraggedComponent=_ref.DraggedComponent,componentSize=_ref.componentSize;var _useState=useState(function(){return initialDraggedComponent;}),_useState2=_slicedToArray(_useState,2),DraggedComponent=_useState2[0],setDraggedComponent=_useState2[1];var contextValue=useMemo(function(){return {DraggedComponent:DraggedComponent,setDraggedComponent:setDraggedComponent};},[DraggedComponent]);return/*#__PURE__*/jsx(DragAndDropContext.Provider,{value:contextValue,children:/*#__PURE__*/jsxs(DndProvider,{backend:HTML5Backend,children:[DraggedComponent&&/*#__PURE__*/jsx(DragLayer,{Component:DraggedComponent,componentSize:componentSize}),children]})});}var useHasDraggedComponent=function useHasDraggedComponent(){var _useContext=useContext(DragAndDropContext),DraggedComponent=_useContext.DraggedComponent;return !!DraggedComponent;};var useDraggedComponent=function useDraggedComponent(Component){var _useContext2=useContext(DragAndDropContext),DraggedComponent=_useContext2.DraggedComponent,setDraggedComponent=_useContext2.setDraggedComponent;useEffect(function(){if(!DraggedComponent)setDraggedComponent(function(){return Component;});return function(){if(DraggedComponent)setDraggedComponent(function(){return null;});};},[Component,DraggedComponent,setDraggedComponent]);};var DragAndDropContext$1 = DragAndDropContext;
|
|
9
|
-
|
|
10
|
-
export { DragAndDropProvider, DragAndDropContext$1 as default, useDraggedComponent, useHasDraggedComponent };
|
package/dist/dnd/hoc/withDrag.js
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
3
|
-
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
4
|
-
import { useMemo, useRef, useEffect, useCallback } from 'react';
|
|
5
|
-
import clsx from 'clsx';
|
|
6
|
-
import { useDrag, useDrop } from 'react-dnd';
|
|
7
|
-
import { getEmptyImage } from 'react-dnd-html5-backend';
|
|
8
|
-
import { RootRef } from '@material-ui/core';
|
|
9
|
-
import { useHasDraggedComponent } from '../contexts/DragAndDropContext.js';
|
|
10
|
-
import extractEntityInfo from '../utils/extractEntityInfo.js';
|
|
11
|
-
import { jsx } from 'react/jsx-runtime';
|
|
12
|
-
|
|
13
|
-
var _excluded=["className","classes","onSort","onDragStart","dragInfo","wrapDragInDiv","acceptedEntityTypes","callbackOnDrop"];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 ACCEPTED_ENTITY_TYPES=['COLLECTION','ITEM'];// Adds what to include when dropped on native droppable interfaces (e.g. WordPad)
|
|
14
|
-
var defaultHandleDragStart=function defaultHandleDragStart(event,dragInfo){event.dataTransfer.setData('text/plain',JSON.stringify(dragInfo));};// TODO: Switch how to use rootRef for tables, this way will be deprecated in mui 5
|
|
15
|
-
var withDrag=function withDrag(Component){return function(_ref){var className=_ref.className,_ref$classes=_ref.classes,classes=_ref$classes===void 0?{}:_ref$classes,onSort=_ref.onSort,_ref$onDragStart=_ref.onDragStart,onDragStart=_ref$onDragStart===void 0?defaultHandleDragStart:_ref$onDragStart,hardcodedDragInfo=_ref.dragInfo,_ref$wrapDragInDiv=_ref.wrapDragInDiv,wrapDragInDiv=_ref$wrapDragInDiv===void 0?true:_ref$wrapDragInDiv,_ref$acceptedEntityTy=_ref.acceptedEntityTypes,acceptedEntityTypes=_ref$acceptedEntityTy===void 0?ACCEPTED_ENTITY_TYPES:_ref$acceptedEntityTy,callbackOnDrop=_ref.callbackOnDrop,props=_objectWithoutProperties(_ref,_excluded);try{// Only extract first time since it unlikely changes during drag
|
|
16
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
17
|
-
var extractedInitialDragInfo=useMemo(function(){return extractEntityInfo(props);},[]);var dragInfo=hardcodedDragInfo||extractedInitialDragInfo;var entityType=dragInfo.entityType;var ref=useRef(null);var id=props.id,index=props.index;var _useDrag=useDrag({item:{type:"".concat(entityType),dragInfo:dragInfo,id:id,index:index},collect:function collect(monitor){return {isDragging:!!monitor.isDragging()};},end:function end(_,monitor){if(!onSort)return;var _monitor$getItem=monitor.getItem(),dragId=_monitor$getItem.id,originalDragIndex=_monitor$getItem.index;var didDrop=monitor.didDrop();if(!didDrop){onSort({dragId:dragId,originalDragIndex:originalDragIndex});}if(didDrop&&callbackOnDrop){callbackOnDrop();}}}),_useDrag2=_slicedToArray(_useDrag,3),isDragging=_useDrag2[0].isDragging,connectDrag=_useDrag2[1],preview=_useDrag2[2];var _useDrop=useDrop({accept:acceptedEntityTypes,canDrop:false,hover:function hover(_ref2){var dragId=_ref2.id;if(!onSort)return;var hoverId=id;if(dragId===undefined||dragId===hoverId)return;onSort({dragId:dragId,hoverId:hoverId});},collect:function collect(monitor){return {isOver:!!monitor.isOver()};}}),_useDrop2=_slicedToArray(_useDrop,2),isOver=_useDrop2[0].isOver,connectDrop=_useDrop2[1];connectDrag(ref);connectDrop(ref);var hasDraggedComponent=useHasDraggedComponent();useEffect(function(){if(hasDraggedComponent){preview(getEmptyImage());}},[hasDraggedComponent,preview]);var DragComponent=/*#__PURE__*/jsx(Component,_objectSpread({className:clsx(className,isDragging&&classes.isDragging,isDragging&&'VdtDraggable-isDragging',isOver&&classes.isOver,isOver&&'VdtDraggable-isOver'),classes:_objectSpread(_objectSpread({},classes),{},{isDragging:undefined,'VdtDraggable-isDragging':undefined,isOver:undefined,'VdtDraggable-isOver':undefined})},props));var handleDragStart=useCallback(function(event){if(onDragStart){onDragStart(event,dragInfo);}},// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
18
|
-
[dragInfo]);return wrapDragInDiv?/*#__PURE__*/jsx("div",{ref:ref,onDragStart:handleDragStart,children:DragComponent}):/*#__PURE__*/jsx(RootRef,{rootRef:ref,children:DragComponent});}catch(_){return/*#__PURE__*/jsx(Component,_objectSpread({},props));}};};var withDrag$1 = withDrag;
|
|
19
|
-
|
|
20
|
-
export { withDrag$1 as default };
|
package/dist/dnd/hoc/withDrop.js
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
3
|
-
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
4
|
-
import { useMemo, useCallback } from 'react';
|
|
5
|
-
import clsx from 'clsx';
|
|
6
|
-
import { useDrop } from 'react-dnd';
|
|
7
|
-
import extractEntityInfo from '../utils/extractEntityInfo.js';
|
|
8
|
-
import { jsx } from 'react/jsx-runtime';
|
|
9
|
-
|
|
10
|
-
var _excluded=["className","classes","onDrop","dropInfo","ignoreDropOnExitingIds","ignoreDropOnSameEntity","acceptedEntityTypes"];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 ACCEPTED_ENTITY_TYPES=['COLLECTION','ITEM'];function withDrop(Component){return function(_ref){var className=_ref.className,_ref$classes=_ref.classes,classes=_ref$classes===void 0?{}:_ref$classes,onDrop=_ref.onDrop,hardcodedDropInfo=_ref.dropInfo,_ref$ignoreDropOnExit=_ref.ignoreDropOnExitingIds,ignoreDropOnExitingIds=_ref$ignoreDropOnExit===void 0?false:_ref$ignoreDropOnExit,_ref$ignoreDropOnSame=_ref.ignoreDropOnSameEntity,ignoreDropOnSameEntity=_ref$ignoreDropOnSame===void 0?true:_ref$ignoreDropOnSame,_ref$acceptedEntityTy=_ref.acceptedEntityTypes,acceptedEntityTypes=_ref$acceptedEntityTy===void 0?ACCEPTED_ENTITY_TYPES:_ref$acceptedEntityTy,props=_objectWithoutProperties(_ref,_excluded);try{// Only extract info once for performance reason
|
|
11
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
12
|
-
var extractedInitialDropInfo=useMemo(function(){return extractEntityInfo(props);},[]);var dropInfo=hardcodedDropInfo||extractedInitialDropInfo;if(!dropInfo){throw new Error('Did not retrieve any dropInfo to withDrop');}var checkIfValidDrop=useCallback(function(_ref2){var id=_ref2.id,dragInfo=_ref2.dragInfo;var entityId=dragInfo.entityId,entityType=dragInfo.entityType;if(ignoreDropOnExitingIds&&id!==undefined){return false;}if(ignoreDropOnSameEntity&&entityId===dropInfo.entityId&&entityType===dropInfo.entityType){return false;}return true;},[dropInfo.entityId,dropInfo.entityType,ignoreDropOnExitingIds,ignoreDropOnSameEntity]);var _useDrop=useDrop({accept:acceptedEntityTypes,canDrop:checkIfValidDrop,drop:function drop(_ref3){var dragInfo=_ref3.dragInfo;if(!onDrop){throw Error('onDrop inside withDrop cannot be undefined');}return onDrop({dragInfo:dragInfo,dropInfo:dropInfo});},collect:function collect(monitor){return {isOver:!!monitor.isOver(),canDrop:!!monitor.canDrop()};}}),_useDrop2=_slicedToArray(_useDrop,2),_useDrop2$=_useDrop2[0],isOver=_useDrop2$.isOver,canDrop=_useDrop2$.canDrop,drop=_useDrop2[1];var classesWithoutDropStyles=useMemo(function(){return _objectSpread(_objectSpread({},classes),{},{isOver:undefined,canDrop:undefined,'VdtDroppable-isOver':undefined,'VdtDroppable-canDrop':undefined});},[classes]);var DropComponent=useMemo(function(){return/*#__PURE__*/jsx(Component,_objectSpread({className:clsx(className,isOver&&classes.isOver,canDrop&&classes.canDrop,isOver&&'VdtDroppable-isOver',canDrop&&'VdtDroppable-canDrop'),classes:classesWithoutDropStyles},props));},[canDrop,className,classes.canDrop,classes.isOver,classesWithoutDropStyles,isOver,props]);return/*#__PURE__*/jsx("div",{ref:drop,children:DropComponent});}catch(_){return/*#__PURE__*/jsx(Component,_objectSpread({},props));}};}withDrop.defaultProps={classes:{},onDrop:function onDrop(){return null;},dropInfo:{},ignoreDropOnExitingIds:false,ignoreDropOnSameEntity:true,acceptedEntityTypes:ACCEPTED_ENTITY_TYPES};
|
|
13
|
-
|
|
14
|
-
export { withDrop as default };
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
2
|
-
import { useContext, useState, useEffect } from 'react';
|
|
3
|
-
import { DndContext } from 'react-dnd';
|
|
4
|
-
|
|
5
|
-
/* Using this hook as is has better performance than using clientOffset from regular monitor
|
|
6
|
-
* https://github.com/react-dnd/react-dnd/issues/2414
|
|
7
|
-
*/var useDragOffsetDiff=function useDragOffsetDiff(enabled){var fps=arguments.length>1&&arguments[1]!==undefined?arguments[1]:60;var _useContext=useContext(DndContext),dragDropManager=_useContext.dragDropManager;var monitor=dragDropManager.getMonitor();var _useState=useState(monitor.getDifferenceFromInitialOffset()),_useState2=_slicedToArray(_useState,2),dragOffsetDiff=_useState2[0],setDragOffsetDiff=_useState2[1];var offsetChangeListener=function offsetChangeListener(){return setDragOffsetDiff(monitor.getDifferenceFromInitialOffset());};var _useState3=useState(),_useState4=_slicedToArray(_useState3,2),intervalId=_useState4[0],setIntervalId=_useState4[1];var cleanup=function cleanup(){if(intervalId){clearInterval(intervalId);setDragOffsetDiff({x:0,y:0});}};useEffect(function(){if(enabled){setIntervalId(setInterval(function(){offsetChangeListener();},1000/fps));}else {cleanup();}return cleanup;// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
8
|
-
},[enabled]);return dragOffsetDiff;};
|
|
9
|
-
|
|
10
|
-
export { useDragOffsetDiff as default, useDragOffsetDiff };
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
var getEntityId=function getEntityId(_ref){var entityId=_ref.entityId,itemId=_ref.itemId,collectionId=_ref.collectionId,_ref$entity=_ref.entity,entity=_ref$entity===void 0?{}:_ref$entity,_ref$item=_ref.item,item=_ref$item===void 0?{}:_ref$item,_ref$collection=_ref.collection,collection=_ref$collection===void 0?{}:_ref$collection,_ref$entityType=_ref.entityType,entityType=_ref$entityType===void 0?{}:_ref$entityType,_ref$itemType=_ref.itemType,itemType=_ref$itemType===void 0?{}:_ref$itemType,_ref$collectionType=_ref.collectionType,collectionType=_ref$collectionType===void 0?{}:_ref$collectionType;if(entityId)return entityId;if(itemId)return itemId;if(collectionId)return collectionId;if(entity&&entity.id)return entity.id;if(item&&item.id)return item.id;if(collection&&collection.id)return collection.id;if(itemType&&itemType.id)return itemType.id;if(entityType&&entityType.id)return entityType.id;if(collectionType&&collectionType.id)return collectionType.id;return undefined;};var getEntityType=function getEntityType(_ref2){var itemId=_ref2.itemId,collectionId=_ref2.collectionId,_ref2$entity=_ref2.entity,entity=_ref2$entity===void 0?{}:_ref2$entity,item=_ref2.item,collection=_ref2.collection,entityType=_ref2.entityType,itemType=_ref2.itemType,collectionType=_ref2.collectionType;if(entity&&entity.type)return entity.type.toUpperCase();if(entityType&&typeof entityType==='string')return entityType.toUpperCase();if(itemId||item||itemType)return 'ITEM';if(collectionId||collection||collectionType)return 'COLLECTION';return undefined;};var getEntity=function getEntity(_ref3){var entity=_ref3.entity,entityType=_ref3.entityType,item=_ref3.item,itemType=_ref3.itemType,collection=_ref3.collection,collectionType=_ref3.collectionType;if(entity)return entity;if(entityType&&typeof entityType!=='string')return entityType;if(item)return item;if(itemType)return itemType;if(collection)return collection;if(collectionType)return collectionType;return undefined;};var getEntityParentId=function getEntityParentId(_ref4){var parentCollectionId=_ref4.parentCollectionId,entityParentId=_ref4.entityParentId,parentId=_ref4.parentId;if(parentCollectionId)return parentCollectionId;if(entityParentId)return entityParentId;if(parentId)return parentId;return undefined;};var getEntityParentType=function getEntityParentType(props){return getEntityParentId(props)?'COLLECTION':undefined;};var getEntityTimespan=function getEntityTimespan(_ref5){var timespan=_ref5.timespan,entityTimespan=_ref5.entityTimespan;return timespan||entityTimespan;};var extractEntityInfo = (function(props){return {entityId:getEntityId(props),entityType:getEntityType(props),entity:getEntity(props),entityParentId:getEntityParentId(props),entityParentType:getEntityParentType(props),entityTimespan:getEntityTimespan(props)};});
|
|
2
|
-
|
|
3
|
-
export { extractEntityInfo as default };
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
2
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
3
|
-
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
4
|
-
import { useState, useMemo } from 'react';
|
|
5
|
-
import clsx from 'clsx';
|
|
6
|
-
import { DialogContent, DialogContentText, Dialog } from '@material-ui/core';
|
|
7
|
-
import CardHeader from '@material-ui/core/CardHeader';
|
|
8
|
-
import IconButton from '@material-ui/core/IconButton';
|
|
9
|
-
import Paper from '@material-ui/core/Paper';
|
|
10
|
-
import { withStyles, emphasize } from '@material-ui/core/styles';
|
|
11
|
-
import DeleteIcon from '@material-ui/icons/Delete';
|
|
12
|
-
import { formatTimeCodeText } from '@vidispine/vdt-js';
|
|
13
|
-
import { compose } from '@vidispine/vdt-react';
|
|
14
|
-
import useConfirmationDialog from '../../hooks/useConfirmationDialog.js';
|
|
15
|
-
import BinListMenu from '../BinListMenu/BinListMenu.js';
|
|
16
|
-
import EntityCard from '../EntityCard/EntityCard.js';
|
|
17
|
-
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
18
|
-
import withDrop from '../../dnd/hoc/withDrop.js';
|
|
19
|
-
import withDrag from '../../dnd/hoc/withDrag.js';
|
|
20
|
-
import AddToCollectionDialog from '../../collection/AddToCollectionDialog/index.js';
|
|
21
|
-
|
|
22
|
-
var _excluded=["children","classes","className"];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 BIN_ENTITY_TYPE='BIN';function BinItemMenu(_ref){var _ref$innerProps=_ref.innerProps,onDelete=_ref$innerProps.onDelete,binId=_ref$innerProps.id;return/*#__PURE__*/jsx(IconButton,{"aria-label":"Remove",onClick:function onClick(){return onDelete(binId);},children:/*#__PURE__*/jsx(DeleteIcon,{})});}function BinContent(_ref2){var children=_ref2.children,classes=_ref2.classes,className=_ref2.className,props=_objectWithoutProperties(_ref2,_excluded);return/*#__PURE__*/jsx("div",_objectSpread(_objectSpread({className:clsx(className,classes.root)},props),{},{children:children}));}var binContentDroppableStyles=function binContentDroppableStyles(theme){return {root:{transition:'background-color 0.3s ease',paddingLeft:theme.spacing(2),paddingRight:theme.spacing(2),paddingTop:theme.spacing(1),paddingBottom:theme.spacing(1),minHeight:60,minWidth:300},canDrop:{boxShadow:"inset 0px 0px 1px 1px ".concat(theme.palette.primary.main),'&.VdtDroppable-isOver':{backgroundColor:emphasize(theme.palette.background.paper,0.05)}}};};var BinContentDroppable=compose(withStyles(binContentDroppableStyles,{name:'VdtBinContentDroppable'}),withDrop)(BinContent);var entityCardDraggableStyles={isDragging:{opacity:0}};var EntityCardDraggable=compose(withStyles(entityCardDraggableStyles,{name:'VdtEntityCardDraggable'}),withDrag)(EntityCard);var styles={root:{minWidth:340}};function BinList(_ref3){var className=_ref3.className,classes=_ref3.classes,title=_ref3.title,bin=_ref3.bin,allowDuplicates=_ref3.allowDuplicates,onDelete=_ref3.onDelete,onEmptyBin=_ref3.onEmptyBin,onDrop=_ref3.onDrop,onSort=_ref3.onSort,onAddToCollectionSuccess=_ref3.onAddToCollectionSuccess,onAllowDuplicates=_ref3.onAllowDuplicates,ActionComponent=_ref3.ActionComponent,ActionProps=_ref3.ActionProps,AddToCollectionDialogComponent=_ref3.AddToCollectionDialogComponent,AddToCollectionDialogProps=_ref3.AddToCollectionDialogProps,BinContentComponent=_ref3.BinContentComponent,BinContentProps=_ref3.BinContentProps,BinItemComponent=_ref3.BinItemComponent,BinItemProps=_ref3.BinItemProps,BinItemMenuComponent=_ref3.BinItemMenuComponent,BinItemMenuProps=_ref3.BinItemMenuProps,BinProps=_ref3.BinProps;var _useState=useState(null),_useState2=_slicedToArray(_useState,2),anchorEl=_useState2[0],setAnchorEl=_useState2[1];var _useState3=useState(false),_useState4=_slicedToArray(_useState3,2),showAddToCollectionDialog=_useState4[0],setShowAddToCollectionDialog=_useState4[1];var _useConfirmationDialo=useConfirmationDialog({throwOnReject:false}),_useConfirmationDialo2=_slicedToArray(_useConfirmationDialo,2),ConfirmationDialog=_useConfirmationDialo2[0],confirm=_useConfirmationDialo2[1];var binEntities=useMemo(function(){return bin&&bin.map(function(_ref4){var id=_ref4.entity.id,type=_ref4.entityType,_ref4$entityTimespan=_ref4.entityTimespan;_ref4$entityTimespan=_ref4$entityTimespan===void 0?{}:_ref4$entityTimespan;var start=_ref4$entityTimespan.start,end=_ref4$entityTimespan.end;return {id:id,type:type,metadata:{field:start?[{key:'start',value:formatTimeCodeText(start).toText({fraction:true})},{key:'end',value:formatTimeCodeText(end).toText({fraction:true})}]:[]}};});},[bin]);var handleMenuClick=function handleMenuClick(event){setAnchorEl(event.currentTarget);};var handleMenuClose=function handleMenuClose(){setAnchorEl(null);};var onResetWithConfirmation=function onResetWithConfirmation(){confirm().then(function(confirmed){if(confirmed){handleMenuClose();onEmptyBin();}});};return/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsxs(Paper,_objectSpread(_objectSpread({className:clsx(className,classes.root,'VdtBinList-root')},BinProps),{},{children:[/*#__PURE__*/jsx(CardHeader,{title:title,titleTypographyProps:{variant:'button',color:'textSecondary'},action:ActionComponent?/*#__PURE__*/jsx(ActionComponent,_objectSpread({anchorEl:anchorEl,allowDuplicates:allowDuplicates,onMenuClick:handleMenuClick,onMenuClose:handleMenuClose,onEmptyBinClick:onResetWithConfirmation,onAddToCollectionClick:function onAddToCollectionClick(){return setShowAddToCollectionDialog(true);},onAllowDuplicatesClick:function onAllowDuplicatesClick(_ref5){var _ref5$target=_ref5.target;_ref5$target=_ref5$target===void 0?{}:_ref5$target;var checked=_ref5$target.checked;return onAllowDuplicates(checked);}},ActionProps)):undefined}),/*#__PURE__*/jsx(BinContentComponent,_objectSpread(_objectSpread({onDrop:onDrop,dropInfo:{entityType:BIN_ENTITY_TYPE},ignoreDropOnExitingIds:true},BinContentProps),{},{children:bin&&bin.map(function(binItem,index){return/*#__PURE__*/jsx("div",{style:{marginBottom:10},children:/*#__PURE__*/jsx(BinItemComponent,_objectSpread(_objectSpread({},binItem),{},{id:binItem.binId,index:index,onSort:onSort,onDelete:onDelete,CardProps:{elevation:1},titleTypographyProps:{noWrap:true,style:{width:160}},subheaderTypographyProps:{noWrap:true,style:{width:160}},MenuComponent:BinItemMenuComponent,MenuProps:BinItemMenuProps},BinItemProps))},binItem.binId);})}))]})),ConfirmationDialog&&/*#__PURE__*/jsx(ConfirmationDialog,{titleText:"Empty bin",confirmText:"Empty",rejectText:"Close",children:/*#__PURE__*/jsx(DialogContent,{children:/*#__PURE__*/jsx(DialogContentText,{children:"Are you sure you want to empty the bin?"})})}),AddToCollectionDialogComponent&&/*#__PURE__*/jsx(Dialog,{open:showAddToCollectionDialog,onClose:function onClose(){return setShowAddToCollectionDialog(false);},children:/*#__PURE__*/jsx(AddToCollectionDialogComponent,_objectSpread({onSuccess:function onSuccess(){var collectionIds=arguments.length>0&&arguments[0]!==undefined?arguments[0]:[];var response=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};var _response$data=response.data;_response$data=_response$data===void 0?{}:_response$data;var createdCollectionId=_response$data.id;onAddToCollectionSuccess(collectionIds.length?collectionIds:[createdCollectionId]);setShowAddToCollectionDialog(false);},onClose:function onClose(){return setShowAddToCollectionDialog(false);},entities:binEntities},AddToCollectionDialogProps))})]});}BinList.defaultProps={className:undefined,title:'Bin',bin:[],allowDuplicates:false,onDelete:function onDelete(){return null;},onEmptyBin:function onEmptyBin(){return null;},onDrop:function onDrop(){return null;},onSort:function onSort(){return null;},onAddToCollectionSuccess:function onAddToCollectionSuccess(){return null;},onAllowDuplicates:function onAllowDuplicates(){return null;},ActionComponent:BinListMenu,ActionProps:{},AddToCollectionDialogComponent:AddToCollectionDialog,AddToCollectionDialogProps:{},BinContentComponent:BinContentDroppable,BinContentProps:{},BinItemComponent:EntityCardDraggable,BinItemProps:{},BinItemMenuComponent:BinItemMenu,BinItemMenuProps:{},BinProps:{}};
|
|
23
|
-
|
|
24
|
-
export { BinList as default, styles };
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { withStyles } from '@material-ui/core/styles';
|
|
2
|
-
import BinList, { styles } from './BinList.js';
|
|
3
|
-
|
|
4
|
-
var Component=withStyles(styles,{name:'VdtBinList'})(BinList);Component.displayName='BinList';var Component$1 = Component;
|
|
5
|
-
|
|
6
|
-
export { Component$1 as default };
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import clsx from 'clsx';
|
|
2
|
-
import ButtonBase from '@material-ui/core/ButtonBase';
|
|
3
|
-
import FormControlLabel from '@material-ui/core/FormControlLabel';
|
|
4
|
-
import FormGroup from '@material-ui/core/FormGroup';
|
|
5
|
-
import IconButton from '@material-ui/core/IconButton';
|
|
6
|
-
import ListItemIcon from '@material-ui/core/ListItemIcon';
|
|
7
|
-
import ListItemText from '@material-ui/core/ListItemText';
|
|
8
|
-
import Menu from '@material-ui/core/Menu';
|
|
9
|
-
import MenuItem from '@material-ui/core/MenuItem';
|
|
10
|
-
import Switch from '@material-ui/core/Switch';
|
|
11
|
-
import AddCircleIcon from '@material-ui/icons/AddCircle';
|
|
12
|
-
import DeleteIcon from '@material-ui/icons/Delete';
|
|
13
|
-
import MoreVertIcon from '@material-ui/icons/MoreVert';
|
|
14
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
15
|
-
|
|
16
|
-
var styles={root:{}};function BinListMenu(_ref){var className=_ref.className,_ref$classes=_ref.classes,classes=_ref$classes===void 0?{}:_ref$classes,anchorEl=_ref.anchorEl,_ref$allowDuplicates=_ref.allowDuplicates,allowDuplicates=_ref$allowDuplicates===void 0?false:_ref$allowDuplicates,onMenuClick=_ref.onMenuClick,onMenuClose=_ref.onMenuClose,onEmptyBinClick=_ref.onEmptyBinClick,onAddToCollectionClick=_ref.onAddToCollectionClick,onAllowDuplicatesClick=_ref.onAllowDuplicatesClick,_ref$emptyBinText=_ref.emptyBinText,emptyBinText=_ref$emptyBinText===void 0?'Empty Bin':_ref$emptyBinText,_ref$addCollectionTex=_ref.addCollectionText,addCollectionText=_ref$addCollectionTex===void 0?'Add to collection':_ref$addCollectionTex,_ref$allowDuplicatesT=_ref.allowDuplicatesText,allowDuplicatesText=_ref$allowDuplicatesT===void 0?'Allow duplicates':_ref$allowDuplicatesT;return/*#__PURE__*/jsxs("div",{className:clsx(classes.root,className),children:[/*#__PURE__*/jsx(IconButton,{"aria-label":"options",onClick:onMenuClick,component:ButtonBase,disableRipple:true,children:/*#__PURE__*/jsx(MoreVertIcon,{})}),/*#__PURE__*/jsxs(Menu,{anchorEl:anchorEl,keepMounted:true,open:Boolean(anchorEl),onClose:onMenuClose,elevation:1,PaperProps:{square:true},getContentAnchorEl:null,anchorOrigin:{vertical:'bottom',horizontal:'right'},transformOrigin:{vertical:'top',horizontal:'right'},children:[/*#__PURE__*/jsxs(MenuItem,{onClick:onEmptyBinClick,children:[/*#__PURE__*/jsx(ListItemIcon,{children:/*#__PURE__*/jsx(DeleteIcon,{})}),/*#__PURE__*/jsx(ListItemText,{primary:emptyBinText})]}),/*#__PURE__*/jsxs(MenuItem,{onClick:onAddToCollectionClick,children:[/*#__PURE__*/jsx(ListItemIcon,{children:/*#__PURE__*/jsx(AddCircleIcon,{})}),/*#__PURE__*/jsx(ListItemText,{primary:addCollectionText})]}),/*#__PURE__*/jsx(MenuItem,{children:/*#__PURE__*/jsx(FormGroup,{row:true,children:/*#__PURE__*/jsx(FormControlLabel,{control:/*#__PURE__*/jsx(Switch,{checked:allowDuplicates,onChange:onAllowDuplicatesClick,name:"checked",color:"primary"}),label:allowDuplicatesText})})})]})]});}
|
|
17
|
-
|
|
18
|
-
export { BinListMenu as default, styles };
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { withStyles } from '@material-ui/core/styles';
|
|
2
|
-
import BinListMenu, { styles } from './BinListMenu.js';
|
|
3
|
-
|
|
4
|
-
var Component=withStyles(styles,{name:'VdtBinListMenu'})(BinListMenu);Component.displayName='BinListMenu';var Component$1 = Component;
|
|
5
|
-
|
|
6
|
-
export { Component$1 as default };
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import _typeof from '@babel/runtime/helpers/typeof';
|
|
2
|
-
import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
|
|
3
|
-
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
4
|
-
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
5
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
6
|
-
import _regeneratorRuntime from '@babel/runtime/regenerator';
|
|
7
|
-
import { useMemo, useReducer, useCallback, useState, useEffect } from 'react';
|
|
8
|
-
import Button from '@material-ui/core/Button';
|
|
9
|
-
import FormControl from '@material-ui/core/FormControl';
|
|
10
|
-
import FormControlLabel from '@material-ui/core/FormControlLabel';
|
|
11
|
-
import FormLabel from '@material-ui/core/FormLabel';
|
|
12
|
-
import Radio from '@material-ui/core/Radio';
|
|
13
|
-
import RadioGroup from '@material-ui/core/RadioGroup';
|
|
14
|
-
import { withStyles } from '@material-ui/core/styles';
|
|
15
|
-
import TextField from '@material-ui/core/TextField';
|
|
16
|
-
import Autocomplete from '@material-ui/lab/Autocomplete';
|
|
17
|
-
import ToggleButton from '@material-ui/lab/ToggleButton';
|
|
18
|
-
import ToggleButtonGroup from '@material-ui/lab/ToggleButtonGroup';
|
|
19
|
-
import { access, group, user } from '@vidispine/vdt-api';
|
|
20
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
21
|
-
|
|
22
|
-
function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return _typeof(key)==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(_typeof(input)!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(_typeof(res)!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return (hint==="string"?String:Number)(input);}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 RECIPIENT_TYPES={GROUP:'group',USER:'user'};var PERMISSIONS={ALL:'ALL',WRITE:'WRITE',READ:'READ',NONE:'NONE'};var styles=function styles(theme){return {root:{},recipientRoot:{display:'flex',width:'100%'},recipientType:{flexGrow:1},actions:{display:'flex',alignItems:'center',padding:theme.spacing(2),justifyContent:'flex-end',flex:'0 0 auto','& > :not(:first-child)':{marginLeft:theme.spacing(2)}},actionsSubmit:{}};};var accessControlDocumentReducer=function accessControlDocumentReducer(state,action){switch(action.type){case'CHANGE_PERMISSION':{return _objectSpread(_objectSpread({},state),{},{permission:action.value});}case'CHANGE_RECIPIENT':{if(state[RECIPIENT_TYPES.USER]!==undefined){return _objectSpread(_objectSpread({},state),{},_defineProperty({},RECIPIENT_TYPES.USER,action.value));}if(state[RECIPIENT_TYPES.GROUP]!==undefined){return _objectSpread(_objectSpread({},state),{},_defineProperty({},RECIPIENT_TYPES.GROUP,action.value));}return state;}case'CHANGE_RECIPIENTTYPE':{var _RECIPIENT_TYPES$USER=RECIPIENT_TYPES.USER,_RECIPIENT_TYPES$GROU=RECIPIENT_TYPES.GROUP;state[_RECIPIENT_TYPES$USER];state[_RECIPIENT_TYPES$GROU];var otherState=_objectWithoutProperties(state,[_RECIPIENT_TYPES$USER,_RECIPIENT_TYPES$GROU].map(_toPropertyKey));return _objectSpread(_objectSpread({},otherState),{},_defineProperty({},action.value,null));}default:{throw new Error("Unhandled action type: ".concat(action.type));}}};var useAccessControlDocument=function useAccessControlDocument(initialState){var _useReducer=useReducer(accessControlDocumentReducer,initialState),_useReducer2=_slicedToArray(_useReducer,2),accessControlDocument=_useReducer2[0],dispatch=_useReducer2[1];var onChangePermission=useCallback(function(value){return dispatch({value:value,type:'CHANGE_PERMISSION'});},[]);var onChangeRecipient=useCallback(function(value){return dispatch({value:value,type:'CHANGE_RECIPIENT'});},[]);var onChangeRecipientType=useCallback(function(value){return dispatch({value:value,type:'CHANGE_RECIPIENTTYPE'});},[]);return {accessControlDocument:accessControlDocument,onChangePermission:onChangePermission,onChangeRecipient:onChangeRecipient,onChangeRecipientType:onChangeRecipientType};};function onSearchGroups(_x){return _onSearchGroups.apply(this,arguments);}function _onSearchGroups(){_onSearchGroups=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref){var searchText,hideDefaultGroups,_yield$GroupApi$searc,_yield$GroupApi$searc2,group$1;return _regeneratorRuntime.wrap(function _callee$(_context){while(1){switch(_context.prev=_context.next){case 0:searchText=_ref.searchText,hideDefaultGroups=_ref.hideDefaultGroups;_context.next=3;return group.searchGroup({groupSearchDocument:{field:[{name:'groupname',value:searchText}]}});case 3:_yield$GroupApi$searc=_context.sent;_yield$GroupApi$searc2=_yield$GroupApi$searc.data.group;group$1=_yield$GroupApi$searc2===void 0?[]:_yield$GroupApi$searc2;if(!hideDefaultGroups){_context.next=8;break;}return _context.abrupt("return",group$1.map(function(g){return {groupName:g.groupName};}).filter(function(g){return !g.groupName.startsWith('_');}));case 8:return _context.abrupt("return",group$1.map(function(g){return {groupName:g.groupName};}));case 9:case"end":return _context.stop();}}},_callee);}));return _onSearchGroups.apply(this,arguments);}function onSearchUsers(_x2){return _onSearchUsers.apply(this,arguments);}function _onSearchUsers(){_onSearchUsers=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(_ref2){var searchText,_ref2$displayRealName,displayRealName,_yield$UserApi$search,_yield$UserApi$search2,user$1;return _regeneratorRuntime.wrap(function _callee2$(_context2){while(1){switch(_context2.prev=_context2.next){case 0:searchText=_ref2.searchText,_ref2$displayRealName=_ref2.displayRealName,displayRealName=_ref2$displayRealName===void 0?false:_ref2$displayRealName;_context2.next=3;return user.searchUser({userSearchDocument:{field:[{name:'username',value:searchText}]},queryParams:{ignoreCase:true}});case 3:_yield$UserApi$search=_context2.sent;_yield$UserApi$search2=_yield$UserApi$search.data.user;user$1=_yield$UserApi$search2===void 0?[]:_yield$UserApi$search2;return _context2.abrupt("return",user$1.map(function(u){return _objectSpread({userName:u.userName},displayRealName&&{realName:u.realName});}));case 7:case"end":return _context2.stop();}}},_callee2);}));return _onSearchUsers.apply(this,arguments);}function RecipientSearchPicker(_ref3){var onSearch=_ref3.onSearch,onChange=_ref3.onChange,_ref3$displayRealName=_ref3.displayRealName,displayRealName=_ref3$displayRealName===void 0?false:_ref3$displayRealName,label=_ref3.label,hideDefaultGroups=_ref3.hideDefaultGroups;var _useState=useState([]),_useState2=_slicedToArray(_useState,2),options=_useState2[0],setOptions=_useState2[1];var _useState3=useState(''),_useState4=_slicedToArray(_useState3,2),inputValue=_useState4[0],setInputValue=_useState4[1];var _useState5=useState(null),_useState6=_slicedToArray(_useState5,2),value=_useState6[0],setValue=_useState6[1];var search=useCallback(function(searchText){onSearch({searchText:searchText,hideDefaultGroups:hideDefaultGroups,displayRealName:displayRealName}).then(setOptions);},[onSearch,hideDefaultGroups,displayRealName]);var handleInputChange=function handleInputChange(_,val,reason){setInputValue(val);if(reason==='input')search(val);};var handleChange=function handleChange(_,val){var _ref4=val||{},groupName=_ref4.groupName,userName=_ref4.userName;setValue(val);onChange(val?userName||groupName:null);};useEffect(function(){search('');},[search]);return/*#__PURE__*/jsx(Autocomplete,{value:value,inputValue:inputValue,options:options,onChange:handleChange,onInputChange:handleInputChange,renderInput:function renderInput(params){return/*#__PURE__*/jsx(TextField,_objectSpread(_objectSpread({},params),{},{label:label,variant:"outlined"}));},getOptionLabel:function getOptionLabel(_ref5){var realName=_ref5.realName,userName=_ref5.userName,groupName=_ref5.groupName;return displayRealName?realName||userName:userName||groupName;}});}function PermissionPicker(_ref6){var value=_ref6.value,label=_ref6.label,_onChange=_ref6.onChange,_ref6$choices=_ref6.choices,choices=_ref6$choices===void 0?PERMISSIONS:_ref6$choices,selected=_ref6.selected;return/*#__PURE__*/jsxs(FormControl,{margin:"normal",fullWidth:true,children:[/*#__PURE__*/jsx(FormLabel,{children:label}),/*#__PURE__*/jsx(RadioGroup,{value:value,onChange:function onChange(e){return _onChange(e.target.value);},children:Object.entries(choices).map(function(_ref7){var _ref8=_slicedToArray(_ref7,2),radioValue=_ref8[0],radioLabel=_ref8[1];return/*#__PURE__*/jsx(FormControlLabel,{value:radioValue,control:/*#__PURE__*/jsx(Radio,{}),label:radioLabel,disabled:!selected},radioValue);})})]});}function RecipientTypePicker(_ref9){var onChange=_ref9.onChange,value=_ref9.value,userText=_ref9.userText,groupText=_ref9.groupText;var handleChange=function handleChange(event,newValue){if(newValue!==null){onChange(newValue);}};return/*#__PURE__*/jsxs(ToggleButtonGroup,{value:value,exclusive:true,onChange:handleChange,children:[/*#__PURE__*/jsx(ToggleButton,{value:RECIPIENT_TYPES.USER,children:userText}),/*#__PURE__*/jsx(ToggleButton,{value:RECIPIENT_TYPES.GROUP,children:groupText})]});}function EntityAccessEdit(_ref10){var classes=_ref10.classes,entityType=_ref10.entityType,entityId=_ref10.entityId,_ref10$onSuccess=_ref10.onSuccess,onSuccess=_ref10$onSuccess===void 0?function(){}:_ref10$onSuccess,_ref10$onError=_ref10.onError,onError=_ref10$onError===void 0?function(){}:_ref10$onError,_ref10$onSubmit=_ref10.onSubmit,onSubmit=_ref10$onSubmit===void 0?access.createEntityAccess:_ref10$onSubmit,onCancel=_ref10.onCancel,_ref10$initialAccessC=_ref10.initialAccessControlDocument,initialAccessControlDocument=_ref10$initialAccessC===void 0?{user:null}:_ref10$initialAccessC,_ref10$UserPickerComp=_ref10.UserPickerComponent,UserPickerComponent=_ref10$UserPickerComp===void 0?RecipientSearchPicker:_ref10$UserPickerComp,_ref10$UserPickerProp=_ref10.UserPickerProps,UserPickerProps=_ref10$UserPickerProp===void 0?{}:_ref10$UserPickerProp,_ref10$GroupPickerCom=_ref10.GroupPickerComponent,GroupPickerComponent=_ref10$GroupPickerCom===void 0?RecipientSearchPicker:_ref10$GroupPickerCom,_ref10$GroupPickerPro=_ref10.GroupPickerProps,GroupPickerProps=_ref10$GroupPickerPro===void 0?{}:_ref10$GroupPickerPro,_ref10$PermissionPick=_ref10.PermissionPickerComponent,PermissionPickerComponent=_ref10$PermissionPick===void 0?PermissionPicker:_ref10$PermissionPick,PermissionPickerProps=_ref10.PermissionPickerProps,_ref10$RecipientTypeP=_ref10.RecipientTypePickerComponent,RecipientTypePickerComponent=_ref10$RecipientTypeP===void 0?RecipientTypePicker:_ref10$RecipientTypeP,RecipientTypePickerProps=_ref10.RecipientTypePickerProps,_ref10$permissionText=_ref10.permissionText,permissionText=_ref10$permissionText===void 0?'Permission':_ref10$permissionText,_ref10$grantAccessTex=_ref10.grantAccessText,grantAccessText=_ref10$grantAccessTex===void 0?'Grant Access':_ref10$grantAccessTex,_ref10$userText=_ref10.userText,userText=_ref10$userText===void 0?'User':_ref10$userText,_ref10$groupText=_ref10.groupText,groupText=_ref10$groupText===void 0?'Group':_ref10$groupText,_ref10$searchText=_ref10.searchText,searchText=_ref10$searchText===void 0?'Search':_ref10$searchText,_ref10$cancelText=_ref10.cancelText,cancelText=_ref10$cancelText===void 0?'Cancel':_ref10$cancelText,_ref10$hideDefaultGro=_ref10.hideDefaultGroups,hideDefaultGroups=_ref10$hideDefaultGro===void 0?true:_ref10$hideDefaultGro;var _useAccessControlDocu=useAccessControlDocument(initialAccessControlDocument),accessControlDocument=_useAccessControlDocu.accessControlDocument,onChangePermission=_useAccessControlDocu.onChangePermission,onChangeRecipient=_useAccessControlDocu.onChangeRecipient,onChangeRecipientType=_useAccessControlDocu.onChangeRecipientType;var handleSubmit=function handleSubmit(){return Promise.resolve(onSubmit({entityType:entityType,entityId:entityId,accessControlDocument:accessControlDocument})).then(onSuccess)["catch"](onError);};var _accessControlDocumen=accessControlDocument.permission,permission=_accessControlDocumen===void 0?'':_accessControlDocumen;var recipientType=useMemo(function(){if(accessControlDocument[RECIPIENT_TYPES.USER]!==undefined)return RECIPIENT_TYPES.USER;if(accessControlDocument[RECIPIENT_TYPES.GROUP]!==undefined)return RECIPIENT_TYPES.GROUP;return undefined;},[accessControlDocument]);var _Object$values=Object.values(accessControlDocument),_Object$values2=_slicedToArray(_Object$values,1),selected=_Object$values2[0];return/*#__PURE__*/jsxs("div",{className:classes.root,children:[/*#__PURE__*/jsxs("div",{className:classes.recipientRoot,children:[RecipientTypePickerComponent?/*#__PURE__*/jsx(RecipientTypePickerComponent,_objectSpread({value:recipientType,onChange:onChangeRecipientType,userText:userText,groupText:groupText},RecipientTypePickerProps)):null,/*#__PURE__*/jsxs("div",{className:classes.recipientType,children:[UserPickerComponent&&recipientType===RECIPIENT_TYPES.USER?/*#__PURE__*/jsx(UserPickerComponent,_objectSpread({onSearch:onSearchUsers,onChange:onChangeRecipient,label:searchText},UserPickerProps)):null,GroupPickerComponent&&recipientType===RECIPIENT_TYPES.GROUP?/*#__PURE__*/jsx(GroupPickerComponent,_objectSpread(_objectSpread({onSearch:onSearchGroups,onChange:onChangeRecipient,label:searchText},GroupPickerProps),{},{hideDefaultGroups:hideDefaultGroups})):null]})]}),PermissionPickerComponent?/*#__PURE__*/jsx(PermissionPickerComponent,_objectSpread({value:permission,onChange:onChangePermission,selected:selected,label:permissionText},PermissionPickerProps)):null,/*#__PURE__*/jsxs("div",{className:classes.actions,children:[onCancel?/*#__PURE__*/jsx(Button,{className:classes.actionsCancel,onClick:onCancel,children:cancelText}):null,/*#__PURE__*/jsx(Button,{className:classes.actionsSubmit,onClick:handleSubmit,disabled:!accessControlDocument[recipientType]||!permission,variant:"outlined",color:"primary",children:grantAccessText})]})]});}var EntityAccessEdit$1 = withStyles(styles,{name:'VdtEntityAccessEdit'})(EntityAccessEdit);
|
|
23
|
-
|
|
24
|
-
export { EntityAccessEdit$1 as default };
|