@vidispine/vdt-materialui 22.4.0 → 23.1.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/ConfirmationDialog.js +7 -0
- package/dist/LayoutButtonGroup.js +12 -0
- package/dist/SplitButton.js +17 -0
- package/dist/Theme.js +10 -0
- package/dist/TreeItemDraggable.js +8 -0
- package/dist/analyze/BatonAnalysisDialog.js +18 -0
- package/dist/analyze/BatonAnalysisForm.js +13 -0
- package/dist/collection/AddToCollectionDialog/AddToCollectionDialog.js +23 -0
- package/dist/collection/AddToCollectionDialog/index.js +6 -0
- package/dist/collection/CollectionAccessTab.js +15 -0
- package/dist/collection/CollectionCard/CollectionCard.js +12 -0
- package/dist/collection/CollectionCard/components/CollectionAvatar.js +7 -0
- package/dist/collection/CollectionCard/index.js +6 -0
- package/dist/collection/CollectionCardThumbnail/CollectionCardThumbnail.js +13 -0
- package/dist/collection/CollectionCardThumbnail/index.js +6 -0
- package/dist/collection/CollectionContent/CollectionContent.js +21 -0
- package/dist/collection/CollectionContent/components/CollectionContentCollection.js +17 -0
- package/dist/collection/CollectionContent/components/CollectionContentEntity.js +14 -0
- package/dist/collection/CollectionContent/components/CollectionContentItem.js +20 -0
- package/dist/collection/CollectionContent/components/CollectionContentSkeleton.js +10 -0
- package/dist/collection/CollectionContent/index.js +6 -0
- package/dist/collection/CollectionCreateDialog/CollectionCreateDialog.js +15 -0
- package/dist/collection/CollectionCreateDialog/index.js +6 -0
- package/dist/collection/CollectionGrid/CollectionGrid.js +9 -0
- package/dist/collection/CollectionGrid/index.js +6 -0
- package/dist/collection/CollectionLabel.js +10 -0
- package/dist/collection/CollectionList/CollectionList.js +9 -0
- package/dist/collection/CollectionList/index.js +6 -0
- package/dist/collection/CollectionListItem/CollectionListItem.js +11 -0
- package/dist/collection/CollectionListItem/index.js +6 -0
- package/dist/collection/CollectionMetadataEdit.js +15 -0
- package/dist/collection/CollectionMetadataTab.js +15 -0
- package/dist/collection/CollectionRow/CollectionRow.js +15 -0
- package/dist/collection/CollectionRow/index.js +6 -0
- package/dist/collection/CollectionSearchPicker/CollectionSearchPicker.js +16 -0
- package/dist/collection/CollectionSearchPicker/index.js +6 -0
- package/dist/collection/CollectionTable/CollectionTable.js +15 -0
- package/dist/collection/CollectionTable/index.js +6 -0
- package/dist/collection/CollectionTreeList/CollectionTreeList.js +19 -0
- package/dist/collection/CollectionTreeList/components/CollectionLabelDroppable.js +8 -0
- package/dist/collection/CollectionTreeList/index.js +6 -0
- package/dist/collection/RemoveFromCollectionDialog/RemoveFromCollectionDialog.js +9 -0
- package/dist/collection/RemoveFromCollectionDialog/index.js +6 -0
- package/dist/contexts/MediaCardContext.js +7 -0
- package/dist/dnd/components/DragLayer.js +11 -0
- package/dist/dnd/contexts/DragAndDropContext.js +10 -0
- package/dist/dnd/hoc/withDrag.js +20 -0
- package/dist/dnd/hoc/withDrop.js +14 -0
- package/dist/dnd/hooks/useDragOffsetDiff.js +10 -0
- package/dist/dnd/utils/extractEntityInfo.js +3 -0
- package/dist/entity/BinList/BinList.js +24 -0
- package/dist/entity/BinList/index.js +6 -0
- package/dist/entity/BinListMenu/BinListMenu.js +18 -0
- package/dist/entity/BinListMenu/index.js +6 -0
- package/dist/entity/EntityAccessAdd.js +24 -0
- package/dist/entity/EntityAccessTable.js +23 -0
- package/dist/entity/EntityCard/EntityCard.js +9 -0
- package/dist/entity/EntityCard/index.js +2 -0
- package/dist/entity/EntityComment.js +18 -0
- package/dist/entity/EntityCommentCard.js +21 -0
- package/dist/entity/EntityDeleteDialog/EntityDeleteDialog.js +23 -0
- package/dist/entity/EntityDeleteDialog/index.js +6 -0
- package/dist/entity/EntityGrid.js +11 -0
- package/dist/entity/EntityGridItem.js +10 -0
- package/dist/entity/EntityGridItemDraggable.js +12 -0
- package/dist/entity/EntityTable.js +15 -0
- package/dist/entity/EntityTableRow.js +9 -0
- package/dist/entity/EntityTableRowDraggable.js +12 -0
- package/dist/entity/EntityTree.js +21 -0
- package/dist/entity/EntityTreeConsts.js +3 -0
- package/dist/entity/EntityTreeContext.js +12 -0
- package/dist/entity/EntityTreeList.js +19 -0
- package/dist/events/Event/Event.js +10 -0
- package/dist/events/Event/index.js +6 -0
- package/dist/events/EventContainer/EventContainer.js +6 -0
- package/dist/events/EventContainer/index.js +6 -0
- package/dist/events/EventMarker/EventMarker.js +7 -0
- package/dist/events/EventMarker/index.js +6 -0
- package/dist/events/EventMarkerThumbnail/EventMarkerThumbnail.js +10 -0
- package/dist/events/EventMarkerThumbnail/index.js +6 -0
- package/dist/events/EventMarkerTimeline/EventMarkerTimeline.js +8 -0
- package/dist/events/EventMarkerTimeline/index.js +6 -0
- package/dist/events/EventTimeline/EventTimeline.js +18 -0
- package/dist/events/EventTimeline/index.js +6 -0
- package/dist/fieldgroup/Editor.js +30 -0
- package/dist/fieldgroup/FieldGroupDesigner.js +34 -0
- package/dist/fieldgroup/FieldIcon.js +14 -0
- package/dist/fieldgroup/MyField.js +12 -0
- package/dist/fieldgroup/MyFieldList.js +8 -0
- package/dist/fields/AutocompleteConstraintField.js +14 -0
- package/dist/fields/AutocompleteField.js +11 -0
- package/dist/fields/CheckboxField.js +13 -0
- package/dist/fields/CheckboxGroupField.js +19 -0
- package/dist/fields/DateField.js +12 -0
- package/dist/fields/Field.js +9 -0
- package/dist/fields/RadioField.js +15 -0
- package/dist/fields/SelectField.js +14 -0
- package/dist/fields/SliderField.js +16 -0
- package/dist/fields/SwitchField.js +11 -0
- package/dist/fields/TagField.js +15 -0
- package/dist/fields/TextField.js +11 -0
- package/dist/filter/FilterCard.js +15 -0
- package/dist/filter/FilterForm.js +11 -0
- package/dist/filter/FilterFormLabel.js +9 -0
- package/dist/forms/ExpandedFormControlLabel.js +12 -0
- package/dist/forms/LoginForm/LoginForm.js +15 -0
- package/dist/forms/LoginForm/index.js +6 -0
- package/dist/forms/SubmitButton.js +10 -0
- package/dist/forms/onGetToken.js +9 -0
- package/dist/general/DragScroll/DragScroll.js +9 -0
- package/dist/general/DragScroll/index.js +6 -0
- package/dist/general/ImageCollage/ImageCollage.js +11 -0
- package/dist/general/ImageCollage/index.js +6 -0
- package/dist/general/MimeTypeIcon/MimeTypeIcon.js +14 -0
- package/dist/general/MimeTypeIcon/index.js +6 -0
- package/dist/general/SelectedToolbar/SelectedToolbar.js +16 -0
- package/dist/general/SelectedToolbar/index.js +6 -0
- package/dist/group/CreateGroupDialog/CreateGroupDialog.js +12 -0
- package/dist/group/CreateGroupDialog/components/CreateGroupForm.js +10 -0
- package/dist/group/CreateGroupDialog/index.js +6 -0
- package/dist/group/EditGroupDialog/EditGroupDialog.js +9 -0
- package/dist/group/EditGroupDialog/components/EditGroupForm.js +7 -0
- package/dist/group/EditGroupDialog/index.js +6 -0
- package/dist/group/GroupDetails/GroupDetails.js +19 -0
- package/dist/group/GroupDetails/components/GroupData.js +8 -0
- package/dist/group/GroupDetails/components/GroupMenu.js +8 -0
- package/dist/group/GroupDetails/index.js +6 -0
- package/dist/group/GroupRelationList/GroupRelationList.js +14 -0
- package/dist/group/GroupRelationList/index.js +6 -0
- package/dist/group/GroupTable/GroupTable.js +9 -0
- package/dist/group/GroupTable/components/GroupRow.js +9 -0
- package/dist/group/GroupTable/index.js +6 -0
- package/dist/hooks/useComments.js +10 -0
- package/dist/hooks/useConfirmationDialog.js +9 -0
- package/dist/hooks/useExpand.js +6 -0
- package/dist/hooks/useMenu.js +6 -0
- package/dist/hooks/useSnackbarAlert.js +13 -0
- package/dist/icons/BitmovinIcon.js +8 -0
- package/dist/icons/FolderMultipleIcon.js +8 -0
- package/dist/icons/MediaConvertIcon.js +8 -0
- package/dist/icons/VidispineIcon.js +8 -0
- package/dist/icons/bitmovin_24.svg.js +36 -0
- package/dist/icons/foldermultiple_24.svg.js +16 -0
- package/dist/icons/mediaconvert_24.svg.js +39 -0
- package/dist/icons/vidispine_24.svg.js +135 -0
- package/dist/index.js +175 -36168
- package/dist/item/AddRelationDialog.js +19 -0
- package/dist/item/ItemAccessTab.js +16 -0
- package/dist/item/ItemCard.js +12 -0
- package/dist/item/ItemCompoundMetadataTab.js +13 -0
- package/dist/item/ItemCompoundMetadataTable.js +20 -0
- package/dist/item/ItemFieldGroupTab.js +20 -0
- package/dist/item/ItemFileShareDialog.js +16 -0
- package/dist/item/ItemGrid.js +8 -0
- package/dist/item/ItemGridDroppable.js +11 -0
- package/dist/item/ItemLabel.js +12 -0
- package/dist/item/ItemLabelDroppable.js +8 -0
- package/dist/item/ItemList/ItemList.js +9 -0
- package/dist/item/ItemList/index.js +6 -0
- package/dist/item/ItemListItem/ItemListItem.js +11 -0
- package/dist/item/ItemListItem/index.js +6 -0
- package/dist/item/ItemMetadataEdit.js +13 -0
- package/dist/item/ItemMetadataFieldRow.js +12 -0
- package/dist/item/ItemMetadataForm.js +10 -0
- package/dist/item/ItemMetadataFormTable.js +25 -0
- package/dist/item/ItemMetadataList.js +12 -0
- package/dist/item/ItemMetadataListFieldGroupItem.js +14 -0
- package/dist/item/ItemMetadataListFieldItem.js +9 -0
- package/dist/item/ItemMetadataTab.js +15 -0
- package/dist/item/ItemMetadataTable.js +12 -0
- package/dist/item/ItemParentsTab.js +28 -0
- package/dist/item/ItemPoster.js +11 -0
- package/dist/item/ItemPosterDialog.js +13 -0
- package/dist/item/ItemPosterList.js +11 -0
- package/dist/item/ItemPosterTab.js +8 -0
- package/dist/item/ItemRelationRemoveDialog.js +10 -0
- package/dist/item/ItemRelationsTab.js +31 -0
- package/dist/item/ItemRow.js +15 -0
- package/dist/item/ItemSearchPicker.js +15 -0
- package/dist/item/ItemShapeTab.js +11 -0
- package/dist/item/ItemShapeTable/ItemShapeTable.js +13 -0
- package/dist/item/ItemShapeTable/components/ItemShapeMenu.js +16 -0
- package/dist/item/ItemShapeTable/components/ItemShapeRow.js +23 -0
- package/dist/item/ItemShapeTable/index.js +6 -0
- package/dist/item/ItemSidecarDialog/ItemSidecarDialog.js +15 -0
- package/dist/item/ItemSidecarDialog/index.js +6 -0
- package/dist/item/ItemSidecarDownload/ItemSidecarDownload.js +21 -0
- package/dist/item/ItemSidecarDownload/index.js +6 -0
- package/dist/item/ItemSidecarUpload/ItemSidecarUpload.js +22 -0
- package/dist/item/ItemSidecarUpload/index.js +6 -0
- package/dist/item/ItemSourceTab.js +9 -0
- package/dist/item/ItemSourceTable/ItemSourceTable.js +10 -0
- package/dist/item/ItemSourceTable/components/AudioComponentTypeTableBody.js +11 -0
- package/dist/item/ItemSourceTable/components/ContainerComponentTypeTableBody.js +11 -0
- package/dist/item/ItemSourceTable/components/FileTypeTableBody.js +15 -0
- package/dist/item/ItemSourceTable/components/ImageTypeTableBody.js +12 -0
- package/dist/item/ItemSourceTable/components/MetadataTypeTableBody.js +10 -0
- package/dist/item/ItemSourceTable/components/PdfTypeTableBody.js +9 -0
- package/dist/item/ItemSourceTable/components/ShapeTypeTableBody.js +16 -0
- package/dist/item/ItemSourceTable/components/TableHead.js +8 -0
- package/dist/item/ItemSourceTable/components/TableRow.js +10 -0
- package/dist/item/ItemSourceTable/components/VideoComponentTypeTableBody.js +12 -0
- package/dist/item/ItemSourceTable/index.js +6 -0
- package/dist/item/ItemTable.js +14 -0
- package/dist/item/ItemTabs/ItemTabs.js +13 -0
- package/dist/item/ItemTabs/components/Tab.js +7 -0
- package/dist/item/ItemTabs/components/TabPanel.js +9 -0
- package/dist/item/ItemTabs/components/Tabs.js +6 -0
- package/dist/item/ItemTabs/index.js +6 -0
- package/dist/item/ItemTimespan/ItemTimespan.js +10 -0
- package/dist/item/ItemTimespan/components/ConfidenceSlider.js +12 -0
- package/dist/item/ItemTimespan/components/EditButton.js +11 -0
- package/dist/item/ItemTimespan/components/ItemTimespanBox.js +17 -0
- package/dist/item/ItemTimespan/components/ItemTimespanEdit.js +12 -0
- package/dist/item/ItemTimespan/components/ItemTimespanForm.js +10 -0
- package/dist/item/ItemTimespan/components/ItemTimespanInterval.js +17 -0
- package/dist/item/ItemTimespan/components/ItemTimespanList.js +11 -0
- package/dist/item/ItemTimespan/components/ItemTimespanSearchInput.js +16 -0
- package/dist/item/ItemTimespan/components/ItemTimespanSelection.js +12 -0
- package/dist/item/ItemTimespan/hooks/useConfidenceSlider.js +8 -0
- package/dist/item/ItemTimespan/hooks/useItemTimespan.js +9 -0
- package/dist/item/ItemTimespan/hooks/useItemTimespanBox.js +8 -0
- package/dist/item/ItemTimespan/hooks/useItemTimespanBoxEdit.js +6 -0
- package/dist/item/ItemTimespan/hooks/useItemTimespanEdit.js +8 -0
- package/dist/item/ItemTimespan/hooks/useItemTimespanInterval.js +8 -0
- package/dist/item/ItemTimespan/hooks/useItemTimespanList.js +9 -0
- package/dist/item/ItemTimespan/index.js +6 -0
- package/dist/item/ItemTimespan/utils/filterTimespanList.js +7 -0
- package/dist/item/ItemTimespan/utils/findActiveTimespanIndex.js +5 -0
- package/dist/item/ItemTimespan/utils/parseTimespanList.js +6 -0
- package/dist/item/ItemTimespanTab.js +2 -0
- package/dist/item/ItemTreeItem.js +11 -0
- package/dist/item/player/ItemAudioPlayer.js +10 -0
- package/dist/item/player/ItemDocumentPlayer.js +11 -0
- package/dist/item/player/ItemDocumentViewers/ItemPdfViewer.js +12 -0
- package/dist/item/player/ItemImagePlayer.js +8 -0
- package/dist/item/player/ItemPlayer/ItemPlayer.js +25 -0
- package/dist/item/player/ItemPlayer/index.js +6 -0
- package/dist/item/player/ItemVideoPlayer.js +14 -0
- package/dist/job/JobCard.js +20 -0
- package/dist/job/JobDataTable.js +11 -0
- package/dist/job/JobFooter.js +14 -0
- package/dist/job/JobFooterContext.js +11 -0
- package/dist/job/JobList.js +23 -0
- package/dist/job/JobRow.js +11 -0
- package/dist/job/JobRowButton.js +6 -0
- package/dist/job/JobSelectForm.js +13 -0
- package/dist/job/JobTable.js +11 -0
- package/dist/job/JobTaskTable.js +21 -0
- package/dist/job/const.js +3 -0
- package/dist/mapStringsBooleans.js +6 -0
- package/dist/media/MediaBadge.js +7 -0
- package/dist/media/MediaBadges.js +15 -0
- package/dist/media/MediaCard/MediaCard.js +17 -0
- package/dist/media/MediaCard/index.js +6 -0
- package/dist/media/MediaCardActions.js +11 -0
- package/dist/media/MediaCardAvatar/MediaCardAvatar.js +10 -0
- package/dist/media/MediaCardAvatar/index.js +6 -0
- package/dist/media/MediaCardCard.js +10 -0
- package/dist/media/MediaCardCheckbox.js +6 -0
- package/dist/media/MediaCardContent.js +10 -0
- package/dist/media/MediaCardDurationLabel.js +6 -0
- package/dist/media/MediaCardFullWidth/MediaCardFullWidth.js +19 -0
- package/dist/media/MediaCardFullWidth/components/MediaCardExpand.js +10 -0
- package/dist/media/MediaCardFullWidth/components/MediaCardFullWidthCard.js +10 -0
- package/dist/media/MediaCardFullWidth/components/MediaCardFullWidthContent.js +11 -0
- package/dist/media/MediaCardFullWidth/components/MediaCardFullWidthHeader.js +9 -0
- package/dist/media/MediaCardFullWidth/index.js +6 -0
- package/dist/media/MediaCardHeader.js +10 -0
- package/dist/media/MediaCardMenu.js +13 -0
- package/dist/media/MediaCardThumbnail/MediaCardThumbnail.js +12 -0
- package/dist/media/MediaCardThumbnail/index.js +6 -0
- package/dist/media/MediaCardThumbnailLabel/MediaCardThumbnailLabel.js +7 -0
- package/dist/media/MediaCardThumbnailLabel/index.js +6 -0
- package/dist/search/Pagination.js +9 -0
- package/dist/search/PaginationActions.js +10 -0
- package/dist/search/SavedSearch/SaveSearchForm.js +10 -0
- package/dist/search/SavedSearch/SavedSearch.js +11 -0
- package/dist/search/SavedSearch/SavedSearchAccessList.js +11 -0
- package/dist/search/SavedSearch/SavedSearchList.js +12 -0
- package/dist/search/SavedSearch/SavedSearchRow.js +37 -0
- package/dist/search/SavedSearch/ShareSearch.js +10 -0
- package/dist/search/SavedSearch/index.js +2 -0
- package/dist/search/SavedSearchFolder/AddFolderRow.js +13 -0
- package/dist/search/SavedSearchFolder/FolderRow.js +15 -0
- package/dist/search/SavedSearchFolder/index.js +2 -0
- package/dist/search/SearchField/SearchField.js +23 -0
- package/dist/search/SearchField/index.js +6 -0
- package/dist/search/SearchInput/SearchInput.js +20 -0
- package/dist/search/SearchInput/index.js +6 -0
- package/dist/search/SearchInputFieldSelect.js +12 -0
- package/dist/search/SearchResultRow.js +13 -0
- package/dist/search/SearchResultTable.js +14 -0
- package/dist/search/SearchSuggestions.js +11 -0
- package/dist/search/Sort/Sort.js +15 -0
- package/dist/search/Sort/index.js +6 -0
- package/dist/search/SortMenuItem.js +11 -0
- package/dist/search/SpellCheck/SpellCheck.js +10 -0
- package/dist/search/SpellCheck/index.js +6 -0
- package/dist/search/querybuilder/QueryBetween/QueryBetween.js +10 -0
- package/dist/search/querybuilder/QueryBetween/index.js +6 -0
- package/dist/search/querybuilder/QueryBuilder/QueryBuilder.js +15 -0
- package/dist/search/querybuilder/QueryBuilder/index.js +6 -0
- package/dist/search/querybuilder/QueryBuilderCard/QueryBuilderCard.js +13 -0
- package/dist/search/querybuilder/QueryBuilderCard/index.js +6 -0
- package/dist/search/querybuilder/QueryBuilderContext.js +13 -0
- package/dist/search/querybuilder/QueryContains/QueryContains.js +10 -0
- package/dist/search/querybuilder/QueryContains/index.js +6 -0
- package/dist/search/querybuilder/QueryEntry/QueryEntry.js +20 -0
- package/dist/search/querybuilder/QueryEntry/index.js +6 -0
- package/dist/search/querybuilder/QueryEquals/QueryEquals.js +10 -0
- package/dist/search/querybuilder/QueryEquals/index.js +6 -0
- package/dist/search/querybuilder/QueryField/QueryField.js +22 -0
- package/dist/search/querybuilder/QueryField/index.js +6 -0
- package/dist/search/querybuilder/QueryGroup/QueryGroup.js +15 -0
- package/dist/search/querybuilder/QueryGroup/index.js +6 -0
- package/dist/search/querybuilder/QueryInput/QueryInput.js +17 -0
- package/dist/search/querybuilder/QueryInput/index.js +6 -0
- package/dist/search/querybuilder/QueryOperator/QueryOperator.js +16 -0
- package/dist/search/querybuilder/QueryOperator/index.js +6 -0
- package/dist/storage/StorageListTree.js +21 -0
- package/dist/transcode/ShapeTagCard.js +10 -0
- package/dist/transcode/ShapeTagListAccordion.js +19 -0
- package/dist/transcode/TranscodeDialog.js +32 -0
- package/dist/upload/FileTree.js +14 -0
- package/dist/upload/Upload.js +25 -0
- package/dist/upload/UploadEditor.js +8 -0
- package/dist/upload/UploadForm.js +13 -0
- package/dist/upload/UploadListFolder.js +8 -0
- package/dist/upload/UploadListItem.js +22 -0
- package/dist/user/ChangePasswordDialog.js +14 -0
- package/dist/user/ChangePasswordForm.js +22 -0
- package/dist/user/ChangeUserPasswordDialog/ChangeUserPasswordDialog.js +8 -0
- package/dist/user/ChangeUserPasswordDialog/components/PasswordField.js +10 -0
- package/dist/user/ChangeUserPasswordDialog/components/UserPasswordForm.js +8 -0
- package/dist/user/ChangeUserPasswordDialog/index.js +6 -0
- package/dist/user/CreateUserDialog/CreateUserDialog.js +12 -0
- package/dist/user/CreateUserDialog/components/CreateUserForm.js +11 -0
- package/dist/user/CreateUserDialog/index.js +6 -0
- package/dist/user/EditUserDialog/EditUserDialog.js +8 -0
- package/dist/user/EditUserDialog/components/EditUserForm.js +7 -0
- package/dist/user/EditUserDialog/index.js +6 -0
- package/dist/user/UserAvatarButton/UserAvatarButton.js +17 -0
- package/dist/user/UserAvatarButton/index.js +6 -0
- package/dist/user/UserDetails/UserDetails.js +17 -0
- package/dist/user/UserDetails/components/UserData.js +8 -0
- package/dist/user/UserDetails/components/UserMenu.js +8 -0
- package/dist/user/UserDetails/index.js +6 -0
- package/dist/user/UserRelationList/UserRelationList.js +13 -0
- package/dist/user/UserRelationList/index.js +6 -0
- package/dist/user/UserTable/UserTable.js +9 -0
- package/dist/user/UserTable/components/UserRow.js +9 -0
- package/dist/user/UserTable/index.js +6 -0
- package/dist/utils.js +7 -0
- package/package.json +15 -13
- package/dist/index.es.js +0 -35778
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
+
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
3
|
+
import { useState } from 'react';
|
|
4
|
+
import clsx from 'clsx';
|
|
5
|
+
import Button from '@material-ui/core/Button';
|
|
6
|
+
import DialogActions from '@material-ui/core/DialogActions';
|
|
7
|
+
import Paper from '@material-ui/core/Paper';
|
|
8
|
+
import QueryBuilder from '../QueryBuilder/index.js';
|
|
9
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
10
|
+
|
|
11
|
+
function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var styles=function styles(theme){return {root:{padding:theme.spacing(1)},resetButton:{},searchButton:{},DialogActions:{}};};function QueryBuilderCard(_ref){var className=_ref.className,classes=_ref.classes,resetText=_ref.resetText,searchText=_ref.searchText,onSubmit=_ref.onSubmit,itemSearchDocument=_ref.itemSearchDocument,initialOperator=_ref.initialOperator,fields=_ref.fields,groups=_ref.groups,QueryBuilderProps=_ref.QueryBuilderProps,PaperProps=_ref.PaperProps,resetButtonProps=_ref.resetButtonProps,searchButtonProps=_ref.searchButtonProps;var _useState=useState(_objectSpread({operator:initialOperator},itemSearchDocument)),_useState2=_slicedToArray(_useState,2),queryBuilderQuery=_useState2[0],setQueryBuilderQuery=_useState2[1];var onReset=function onReset(){var newItemSearchDocument=_objectSpread(_objectSpread({},itemSearchDocument),{},{operator:initialOperator});setQueryBuilderQuery(newItemSearchDocument);onSubmit(newItemSearchDocument);};var onSearch=function onSearch(){var newItemSearchDocument=_objectSpread(_objectSpread({},itemSearchDocument),queryBuilderQuery.toItemSearchDocument?queryBuilderQuery.toItemSearchDocument():queryBuilderQuery);onSubmit(newItemSearchDocument);};return/*#__PURE__*/jsxs(Paper,_objectSpread(_objectSpread({className:clsx(classes.root,className),onKeyPress:function onKeyPress(e){if(e.key==='Enter'){onSearch();}},variant:"outlined",elevation:0,square:true},PaperProps),{},{children:[/*#__PURE__*/jsx(QueryBuilder,_objectSpread({query:queryBuilderQuery,fields:fields,groups:groups,onChange:setQueryBuilderQuery},QueryBuilderProps)),/*#__PURE__*/jsxs(DialogActions,{className:classes.DialogActions,children:[/*#__PURE__*/jsx(Button,_objectSpread(_objectSpread({className:classes.resetButton,onClick:onReset},resetButtonProps),{},{children:resetText})),/*#__PURE__*/jsx(Button,_objectSpread(_objectSpread({className:classes.searchButton,variant:"contained",color:"primary",onClick:onSearch},searchButtonProps),{},{children:searchText}))]})]}));}QueryBuilderCard.defaultProps={className:undefined,classes:{},resetText:'Reset',searchText:'Search',fields:undefined,groups:undefined,itemSearchDocument:{},initialOperator:{operation:'AND'},PaperProps:{},QueryBuilderProps:{},resetButtonProps:{},searchButtonProps:{}};
|
|
12
|
+
|
|
13
|
+
export { QueryBuilderCard as default, styles };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { withStyles } from '@material-ui/core/styles';
|
|
2
|
+
import QueryBuilderCard, { styles } from './QueryBuilderCard.js';
|
|
3
|
+
|
|
4
|
+
var Component=withStyles(styles,{name:'VdtQueryBuilderCard'})(QueryBuilderCard);Component.displayName='QueryBuilderCard';var Component$1 = Component;
|
|
5
|
+
|
|
6
|
+
export { Component$1 as default };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
+
import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
|
|
3
|
+
import { useContext, useCallback, createContext, useMemo } from 'react';
|
|
4
|
+
import cloneDeep from 'lodash.clonedeep';
|
|
5
|
+
import constant from 'lodash.constant';
|
|
6
|
+
import get from 'lodash.get';
|
|
7
|
+
import updateWith from 'lodash.updatewith';
|
|
8
|
+
import { uuidv4 } from '../../utils.js';
|
|
9
|
+
import { jsx } from 'react/jsx-runtime';
|
|
10
|
+
|
|
11
|
+
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 QueryBuilderContext=/*#__PURE__*/createContext(undefined);function QueryBuilderContextProvider(_ref){var query=_ref.query,onChange=_ref.onChange,children=_ref.children;var contextValue=useMemo(function(){return {query:query,onChange:onChange};},[onChange,query]);return/*#__PURE__*/jsx(QueryBuilderContext.Provider,{value:contextValue,children:children});}var useQueryBuilder=function useQueryBuilder(path){var context=useContext(QueryBuilderContext);if(context===undefined){throw new Error('useQueryBuilder must be used within a QueryBuilderContextProvider');}var query=context.query,onChange=context.onChange;var updateTreeWith=useCallback(function(newPath,f){onChange(updateWith(cloneDeep(query),newPath,f));},[onChange,query]);var updateTree=useCallback(function(newPath,value){return updateTreeWith(newPath,constant(value));},[updateTreeWith]);return {getEntry:function getEntry(){return get(query,path);},addEntry:function addEntry(entry){updateTreeWith("".concat(path,".entry"),function(curr){return [].concat(_toConsumableArray(curr),[_objectSpread(_objectSpread({},entry),{},{uuid:uuidv4()})]);});},removeEntry:function removeEntry(){var indexStr=path.split('.').pop();var index=Number(indexStr);updateTreeWith(path.substring(0,path.length-".".concat(indexStr).length),function(c){return c.filter(function(_,i){return i!==index;});});},changeOperation:function changeOperation(operation){return updateTree("".concat(path,".operation"),operation);},changeEntry:function changeEntry(entry){return updateTreeWith(path,function(_ref2){var uuid=_ref2.uuid;return _objectSpread({uuid:uuid},entry);});},setNot:function setNot(not){var entry=get(query,path);if(not){updateTree(path,{operation:'NOT',entry:[entry],uuid:entry.uuid});}else {updateTree(path.substring(0,path.length-'.entry.0'.length),entry);}}};};
|
|
12
|
+
|
|
13
|
+
export { QueryBuilderContext, QueryBuilderContextProvider, useQueryBuilder };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
+
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
3
|
+
import clsx from 'clsx';
|
|
4
|
+
import get from 'lodash.get';
|
|
5
|
+
import QueryInput from '../QueryInput/index.js';
|
|
6
|
+
import { jsx } from 'react/jsx-runtime';
|
|
7
|
+
|
|
8
|
+
var _excluded=["classes","className","field","onChange","InputComponent"];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 QueryContains(_ref){var classes=_ref.classes,className=_ref.className,field=_ref.field,_onChange=_ref.onChange,InputComponent=_ref.InputComponent,props=_objectWithoutProperties(_ref,_excluded);var equalsField=function equalsField(value){return {name:field.name,value:[{value:"*".concat(value,"*")}]};};var value=get(field,'value.0.value','');return/*#__PURE__*/jsx("div",{className:clsx(classes.root,className),children:/*#__PURE__*/jsx(InputComponent,_objectSpread({value:value.replaceAll('*',''),onChange:function onChange(e){return _onChange(equalsField(e.target.value));}},props))});}QueryContains.defaultProps={className:undefined,classes:{},InputComponent:QueryInput};
|
|
9
|
+
|
|
10
|
+
export { QueryContains as default, styles };
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
+
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
3
|
+
import { useCallback } from 'react';
|
|
4
|
+
import clsx from 'clsx';
|
|
5
|
+
import { alpha } from '@material-ui/core/styles';
|
|
6
|
+
import ChevronRightIcon from '@material-ui/icons/ChevronRight';
|
|
7
|
+
import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
|
|
8
|
+
import TreeItem from '@material-ui/lab/TreeItem';
|
|
9
|
+
import { useQueryBuilder } from '../QueryBuilderContext.js';
|
|
10
|
+
import QueryField from '../QueryField/index.js';
|
|
11
|
+
import QueryGroup from '../QueryGroup/index.js';
|
|
12
|
+
import QueryOperator from '../QueryOperator/index.js';
|
|
13
|
+
import { jsx } from 'react/jsx-runtime';
|
|
14
|
+
|
|
15
|
+
var _excluded=["canExpandpath","path","fields","groups","defaultField","defaultGroup","not","nodeId","canExpand","parentGroup","onRemove"],_excluded2=["uuid"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var styles=function styles(theme){return {root:{'&:focus > .MuiTreeItem-content .MuiTreeItem-label':{backgroundColor:'transparent'},'&:hover > .MuiTreeItem-content .MuiTreeItem-label':{backgroundColor:'transparent'},padding:'5px'},queryGroup:{position:'relative',border:"1px solid ".concat(alpha(theme.palette.text.primary,0.05)),backgroundColor:alpha(theme.palette.text.primary,0.02),borderRadius:'4px',margin:'1rem 1rem 1rem 0','& .MuiTreeItem-iconContainer':{position:'absolute',left:'12px'}}};};function getEntryType(entry){if(entry.operation){return 'operator';}if(entry.value||entry.range){return 'field';}return 'group';}function QueryEntry(_ref){_ref.canExpandpath;var path=_ref.path,fields=_ref.fields,groups=_ref.groups,defaultField=_ref.defaultField;_ref.defaultGroup;var not=_ref.not,nodeId=_ref.nodeId,canExpand=_ref.canExpand;_ref.parentGroup;var onRemove=_ref.onRemove,props=_objectWithoutProperties(_ref,_excluded);var expandNode=props.expandNode,OperatorComponent=props.OperatorComponent,OperatorProps=props.OperatorProps,FieldComponent=props.FieldComponent,FieldProps=props.FieldProps,GroupComponent=props.GroupComponent,GroupProps=props.GroupProps,getFieldLabel=props.getFieldLabel,getFieldName=props.getFieldName,getGroupLabel=props.getGroupLabel,getGroupName=props.getGroupName,getGroupFields=props.getGroupFields,getGroupGroups=props.getGroupGroups,classes=props.classes;var _useQueryBuilder=useQueryBuilder(path),getEntry=_useQueryBuilder.getEntry,addEntry=_useQueryBuilder.addEntry,removeEntry=_useQueryBuilder.removeEntry,changeOperation=_useQueryBuilder.changeOperation,changeEntry=_useQueryBuilder.changeEntry,setNot=_useQueryBuilder.setNot;var entry=getEntry(path);var entryType=getEntryType(entry);var currNodeId=nodeId||path;var initialField=defaultField||fields.length>0?getFieldName(fields[0]):undefined;var allowedFields=entryType==='group'?getGroupFields(groups.find(function(g){return getGroupName(g)===getGroupName(entry);})||{}):fields;var allowedDefaultField=entryType==='group'?getFieldName(allowedFields[0]):initialField;var subGroups=entryType==='group'?getGroupGroups(groups.find(function(g){return getGroupName(g)===entry.name;})||{}):groups;var defaultSubGroup=subGroups&&subGroups.length>0?subGroups[0].name:undefined;var addEntryAndExpand=useCallback(function(){addEntry.apply(void 0,arguments);if(expandNode)expandNode(currNodeId);},[addEntry,currNodeId,expandNode]);var handleRemove=onRemove||removeEntry;if(entry.operation&&entry.operation==='NOT'){return/*#__PURE__*/jsx(QueryEntry// nodeId is the path without the not-operators,
|
|
16
|
+
// which ensures that tree nodes have the same id regardless if not is toggled
|
|
17
|
+
,_objectSpread({nodeId:currNodeId,path:"".concat(path,".entry.0"),fields:allowedFields,defaultField:allowedDefaultField,groups:groups,onRemove:removeEntry,parentGroup:entryType==='group'?entry.name:undefined,not:true},props));}var trimUuid=function trimUuid(_ref2){_ref2.uuid;var entryWithoutUuid=_objectWithoutProperties(_ref2,_excluded2);return entryWithoutUuid;};return/*#__PURE__*/jsx(TreeItem,{nodeId:currNodeId,className:clsx(entryType!=='field'&&classes.queryGroup,classes.root),expandIcon:canExpand?/*#__PURE__*/jsx(ChevronRightIcon,{}):null,collapseIcon:canExpand?/*#__PURE__*/jsx(ExpandMoreIcon,{}):null,label:{operator:/*#__PURE__*/jsx(OperatorComponent,_objectSpread({operator:entry,not:not,onAddEntry:addEntryAndExpand,onRemove:currNodeId!=='operator'?handleRemove:undefined,onChangeOperation:currNodeId!=='operator'?changeOperation:undefined,onChange:changeEntry,setNot:currNodeId!=='operator'?setNot:undefined,defaultField:allowedDefaultField,defaultGroup:groups&&groups.length>0?groups[0].name:undefined},OperatorProps)),field:/*#__PURE__*/jsx(FieldComponent// remove uuid to avoid proptype warning
|
|
18
|
+
,_objectSpread({field:trimUuid(entry),fields:allowedFields,getFieldLabel:getFieldLabel,getFieldName:getFieldName,not:not,onRemove:handleRemove,onChange:changeEntry,setNot:setNot},FieldProps)),group:/*#__PURE__*/jsx(GroupComponent,_objectSpread({group:entry,groups:groups,not:not,onAddEntry:addEntryAndExpand,onRemove:handleRemove,setNot:setNot,defaultField:allowedDefaultField,defaultGroup:defaultSubGroup,getGroupLabel:getGroupLabel,getGroupName:getGroupName,onChange:changeEntry},GroupProps))}[entryType],children:entry.entry&&entry.entry.map(function(e,i){return/*#__PURE__*/jsx(QueryEntry,_objectSpread({nodeId:"".concat(currNodeId,".entry.").concat(e.uuid),path:"".concat(path,".entry.").concat(i),fields:allowedFields,groups:subGroups,defaultField:allowedDefaultField,parentEntryType:entryType,parentGroup:entryType==='group'?entry.name:undefined},props),"".concat(path,".entry.").concat(e.uuid));})});}QueryEntry.defaultProps={className:undefined,classes:{},FieldComponent:QueryField,FieldProps:{},GroupComponent:QueryGroup,GroupProps:{},OperatorComponent:QueryOperator,OperatorProps:{},not:false,nodeId:undefined,canExpand:true,getFieldLabel:function getFieldLabel(){var _ref3=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{},label=_ref3.label;return label;},getFieldName:function getFieldName(){var _ref4=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{},name=_ref4.name;return name;},getGroupLabel:function getGroupLabel(){var _ref5=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{},label=_ref5.label;return label;},getGroupName:function getGroupName(){var _ref6=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{},name=_ref6.name;return name;},getGroupFields:function getGroupFields(){var _ref7=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{},_ref7$fields=_ref7.fields,fields=_ref7$fields===void 0?[]:_ref7$fields;return fields;},getGroupGroups:function getGroupGroups(){var _ref8=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{},_ref8$groups=_ref8.groups,groups=_ref8$groups===void 0?[]:_ref8$groups;return groups;},defaultField:undefined,defaultGroup:undefined,canExpandpath:undefined,path:undefined,expandNode:undefined,groups:[],fields:[],parentEntryType:undefined,parentGroup:undefined,onRemove:undefined};
|
|
19
|
+
|
|
20
|
+
export { QueryEntry as default, styles };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
+
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
3
|
+
import clsx from 'clsx';
|
|
4
|
+
import get from 'lodash.get';
|
|
5
|
+
import QueryInput from '../QueryInput/index.js';
|
|
6
|
+
import { jsx } from 'react/jsx-runtime';
|
|
7
|
+
|
|
8
|
+
var _excluded=["classes","className","field","onChange","InputComponent"];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 QueryEquals(_ref){var classes=_ref.classes,className=_ref.className,field=_ref.field,_onChange=_ref.onChange,InputComponent=_ref.InputComponent,props=_objectWithoutProperties(_ref,_excluded);var equalsField=function equalsField(value){return {name:field.name,value:[{value:value}]};};var value=get(field,'value.0.value','');return/*#__PURE__*/jsx("div",{className:clsx(classes.root,className),children:/*#__PURE__*/jsx(InputComponent,_objectSpread({value:value,onChange:function onChange(e){return _onChange(equalsField(e.target.value));}},props))});}QueryEquals.defaultProps={className:undefined,classes:{},InputComponent:QueryInput};
|
|
9
|
+
|
|
10
|
+
export { QueryEquals as default, styles };
|
|
@@ -0,0 +1,22 @@
|
|
|
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 } from 'react';
|
|
5
|
+
import clsx from 'clsx';
|
|
6
|
+
import Button from '@material-ui/core/Button';
|
|
7
|
+
import ListItem from '@material-ui/core/ListItem';
|
|
8
|
+
import ListItemAvatar from '@material-ui/core/ListItemAvatar';
|
|
9
|
+
import MenuItem from '@material-ui/core/MenuItem';
|
|
10
|
+
import Select from '@material-ui/core/Select';
|
|
11
|
+
import TextField from '@material-ui/core/TextField';
|
|
12
|
+
import DeleteIcon from '@material-ui/icons/Delete';
|
|
13
|
+
import Autocomplete from '@material-ui/lab/Autocomplete';
|
|
14
|
+
import QueryBetween from '../QueryBetween/index.js';
|
|
15
|
+
import QueryContains from '../QueryContains/index.js';
|
|
16
|
+
import QueryEquals from '../QueryEquals/index.js';
|
|
17
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
18
|
+
|
|
19
|
+
var _excluded=["value","options","onChange","equalsText","containsText","betweenText"];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 defaultPredicates={equals:{label:'Equals',component:QueryEquals,props:{},shape:function shape(name){return {name:name,value:[{value:''}]};}},equalsBoolean:{label:'Equals',component:QueryEquals,props:{},shape:function shape(name){return {name:name,value:[{value:'false'}]};}},contains:{label:'Contains',component:QueryContains,props:{},shape:function shape(name){return {name:name,value:[{value:''}]};}},between:{label:'Between',component:QueryBetween,props:{},shape:function shape(name){return {name:name,range:[{value:[{value:''},{value:''}]}]};}}};var defaultGetPredicateOptions=function defaultGetPredicateOptions(){var _ref=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{},type=_ref.type;switch(type){case'boolean':return [defaultPredicates.equalsBoolean];case'date':case'integer':case'long':case'float':return [defaultPredicates.equals,defaultPredicates.between];default:return [defaultPredicates.equals,defaultPredicates.contains];}};var getLabel=function getLabel(option,equalsText,containsText,betweenText){var newLabel;if(option==='Equals'){newLabel=equalsText;}if(option==='Contains'){newLabel=containsText;}if(option==='Between'){newLabel=betweenText;}return newLabel;};function PredicatePicker(_ref2){var value=_ref2.value,options=_ref2.options,_onChange=_ref2.onChange,equalsText=_ref2.equalsText,containsText=_ref2.containsText,betweenText=_ref2.betweenText,props=_objectWithoutProperties(_ref2,_excluded);return/*#__PURE__*/jsx(Select,_objectSpread(_objectSpread({value:value,onChange:function onChange(e){return _onChange(options.find(function(o){return o.label===e.target.value;}));}},props),{},{children:options.map(function(o){return/*#__PURE__*/jsx(MenuItem,{value:o.label,children:getLabel(o.label,equalsText,containsText,betweenText)},o.label);})}));}var styles=function styles(theme){return {root:{'& > *':{marginRight:'15px'}},errorButton:{color:theme.palette.error.light},successButton:{color:theme.palette.success.light},fieldPicker:{width:'250px'},predicatePicker:{width:'100px'}};};var getDefaultPredicate=function getDefaultPredicate(field,predicateOptions){// field of type contains has a value of string "*value*"
|
|
20
|
+
var predicatOfTypeContainsRegex=/^\*.+\*$/gm;if(Object.prototype.hasOwnProperty.call(field,'range')){return predicateOptions?predicateOptions[1]:{};}if(field&&field.value[0].value.match(predicatOfTypeContainsRegex)){return predicateOptions?predicateOptions[1]:{};}return predicateOptions?predicateOptions[0]:{};};function QueryField(_ref3){var classes=_ref3.classes,className=_ref3.className,field=_ref3.field,fields=_ref3.fields,getFieldLabel=_ref3.getFieldLabel,getFieldName=_ref3.getFieldName,InputComponent=_ref3.InputComponent,not=_ref3.not,onRemove=_ref3.onRemove,_onChange2=_ref3.onChange,setNot=_ref3.setNot,PredicatePickerComponent=_ref3.PredicatePickerComponent,PredicatePickerProps=_ref3.PredicatePickerProps,getPredicateOptions=_ref3.getPredicateOptions,getPredicate=_ref3.getPredicate,NotIcon=_ref3.NotIcon,OkIcon=_ref3.OkIcon,RemoveIcon=_ref3.RemoveIcon,includeText=_ref3.includeText,excludeText=_ref3.excludeText,removeText=_ref3.removeText,PredicateComponentProps=_ref3.PredicateComponentProps,equalsText=_ref3.equalsText,containsText=_ref3.containsText,betweenText=_ref3.betweenText;var selectedField=fields.find(function(f){return getFieldName(f)===getFieldName(field);});var predicateOptions=getPredicateOptions(selectedField);var _useState=useState(getPredicate(field,predicateOptions)),_useState2=_slicedToArray(_useState,2),currentPredicate=_useState2[0],setCurrentPredicate=_useState2[1];var predicate=currentPredicate.label,PredicateComponent=currentPredicate.component,_currentPredicate$pro=currentPredicate.props,PredicateProps=_currentPredicate$pro===void 0?{}:_currentPredicate$pro;var getValidNewPredicate=function getValidNewPredicate(f){var newOptions=getPredicateOptions(f);setCurrentPredicate(newOptions?newOptions[0]:{});return newOptions.find(function(o){return o.label===predicate;})||newOptions[0];};var handleToggleNot=function handleToggleNot(){return setNot(!not);};var onChangePredicate=function onChangePredicate(newPredicate){var newShape=newPredicate.shape(getFieldName(field));_onChange2(newShape);setCurrentPredicate(newPredicate);};return/*#__PURE__*/jsxs(ListItem,{ContainerComponent:"div",component:"div",className:clsx(className,classes.root,'VdtQueryField-root'),alignItems:"flex-start",children:[/*#__PURE__*/jsx(ListItemAvatar,{children:setNot&&/*#__PURE__*/jsx(Button,{className:not?classes.errorButton:classes.successButton,startIcon:not?/*#__PURE__*/jsx(NotIcon,{}):/*#__PURE__*/jsx(OkIcon,{}),edge:"end",onClick:handleToggleNot,size:"small",children:not?excludeText:includeText})}),/*#__PURE__*/jsx(Autocomplete,{onChange:function onChange(_,f){return _onChange2(getValidNewPredicate(f).shape(getFieldName(f)));},value:fields.find(function(f){return getFieldName(field)===getFieldName(f);}),disableClearable:true,options:fields,getOptionLabel:getFieldLabel,renderInput:function renderInput(params){return/*#__PURE__*/jsx(TextField,_objectSpread({onClick:function onClick(e){return e.stopPropagation();}},params));},classes:{root:classes.fieldPicker}}),/*#__PURE__*/jsx(PredicatePickerComponent,_objectSpread({value:predicate,options:predicateOptions,onChange:onChangePredicate,classes:{root:classes.predicatePicker},equalsText:equalsText,containsText:containsText,betweenText:betweenText},PredicatePickerProps)),/*#__PURE__*/jsx(PredicateComponent,_objectSpread(_objectSpread(_objectSpread({field:field,onChange:_onChange2,InputComponent:InputComponent},selectedField),PredicateProps),PredicateComponentProps)),onRemove&&/*#__PURE__*/jsx(Button,{edge:"end",onClick:onRemove,startIcon:/*#__PURE__*/jsx(RemoveIcon,{}),size:"small",children:removeText})]});}QueryField.defaultProps={className:undefined,classes:{},PredicatePickerComponent:PredicatePicker,PredicatePickerProps:{},getPredicateOptions:defaultGetPredicateOptions,getPredicate:getDefaultPredicate,NotIcon:function NotIcon(){return null;},OkIcon:function OkIcon(){return null;},RemoveIcon:DeleteIcon,includeText:'Include',excludeText:'Exclude',removeText:'Remove',equalsText:'Equals',containsText:'Contains',betweenText:'Between',onRemove:undefined,fields:[],InputComponent:undefined,not:false,setNot:undefined,getFieldLabel:function getFieldLabel(f){return f.label;},getFieldName:function getFieldName(f){return f.name;},PredicateComponentProps:{}};
|
|
21
|
+
|
|
22
|
+
export { QueryField as default, styles };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
+
import clsx from 'clsx';
|
|
3
|
+
import Button from '@material-ui/core/Button';
|
|
4
|
+
import ButtonGroup from '@material-ui/core/ButtonGroup';
|
|
5
|
+
import ListItem from '@material-ui/core/ListItem';
|
|
6
|
+
import ListItemAvatar from '@material-ui/core/ListItemAvatar';
|
|
7
|
+
import ListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction';
|
|
8
|
+
import TextField from '@material-ui/core/TextField';
|
|
9
|
+
import DeleteIcon from '@material-ui/icons/Delete';
|
|
10
|
+
import Autocomplete from '@material-ui/lab/Autocomplete';
|
|
11
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
12
|
+
|
|
13
|
+
function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var stopProp=function stopProp(f){return function(e){e.stopPropagation();f(e.target.value);};};var styles=function styles(theme){return {root:{},errorButton:{color:theme.palette.error.light},successButton:{color:theme.palette.success.light},groupSelect:{width:'20%',marginLeft:theme.spacing(2)}};};function QueryGroup(_ref){var className=_ref.className,classes=_ref.classes,group=_ref.group,groups=_ref.groups,onAddEntry=_ref.onAddEntry,onRemove=_ref.onRemove,onChange=_ref.onChange,setNot=_ref.setNot,not=_ref.not,defaultField=_ref.defaultField,defaultGroup=_ref.defaultGroup,getGroupName=_ref.getGroupName,getGroupLabel=_ref.getGroupLabel,addFieldText=_ref.addFieldText,addGroupText=_ref.addGroupText,includeText=_ref.includeText,excludeText=_ref.excludeText,removeText=_ref.removeText,NotIcon=_ref.NotIcon,OkIcon=_ref.OkIcon,RemoveIcon=_ref.RemoveIcon;var handleAddField=stopProp(function(){return onAddEntry({name:defaultField,value:[{value:''}]});});var handleAddGroup=stopProp(function(){return onAddEntry({name:defaultGroup,entry:[]});});var handleToggleNot=stopProp(function(){return setNot(!not);});var handleChangeGroup=function handleChangeGroup(g){onChange({name:getGroupName(g),entry:[]});};return/*#__PURE__*/jsxs(ListItem,{ContainerComponent:"div",className:clsx(className,classes.root,'VdtQueryOperator-root'),children:[/*#__PURE__*/jsx(ListItemAvatar,{children:/*#__PURE__*/jsx("div",{children:setNot&&/*#__PURE__*/jsx(Button,{className:not?classes.errorButton:classes.successButton,startIcon:not?/*#__PURE__*/jsx(NotIcon,{}):/*#__PURE__*/jsx(OkIcon,{}),edge:"end",onClick:handleToggleNot,size:"small",children:not?excludeText:includeText})})}),/*#__PURE__*/jsx(Autocomplete,{className:classes.groupSelect,onChange:function onChange(_,g){return handleChangeGroup(g);},value:groups.find(function(g){return getGroupName(group)===getGroupName(g);}),disableClearable:true,options:groups,getOptionLabel:getGroupLabel,renderInput:function renderInput(params){return/*#__PURE__*/jsx(TextField,_objectSpread({onClick:function onClick(e){return e.stopPropagation();}},params));},classes:{root:classes.fieldPicker}}),/*#__PURE__*/jsx(ListItemSecondaryAction,{children:/*#__PURE__*/jsxs(ButtonGroup,{variant:"outlined",size:"small",children:[defaultField&&/*#__PURE__*/jsx(Button,{className:"VdtQueryOperator-addFieldBtn",onClick:handleAddField,children:addFieldText}),defaultGroup&&/*#__PURE__*/jsx(Button,{className:"VdtQueryOperator-addGroupBtn",onClick:handleAddGroup,children:addGroupText}),onRemove&&/*#__PURE__*/jsx(Button,{edge:"end",onClick:onRemove,startIcon:/*#__PURE__*/jsx(RemoveIcon,{}),size:"small",children:removeText})]})})]});}QueryGroup.defaultProps={className:undefined,classes:{},NotIcon:function NotIcon(){return null;},OkIcon:function OkIcon(){return null;},RemoveIcon:DeleteIcon,includeText:'Include',excludeText:'Exclude',removeText:'Remove',addFieldText:'Add field',addGroupText:'Add group',onRemove:undefined,groups:[],defaultField:undefined,defaultGroup:undefined,not:false,setNot:undefined,getGroupLabel:function getGroupLabel(g){return g.label;},getGroupName:function getGroupName(g){return g.name;}};
|
|
14
|
+
|
|
15
|
+
export { QueryGroup as default, styles };
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
|
|
2
|
+
import _extends from '@babel/runtime/helpers/extends';
|
|
3
|
+
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
4
|
+
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
5
|
+
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
6
|
+
import { useState, useEffect } from 'react';
|
|
7
|
+
import { jsx } from 'react/jsx-runtime';
|
|
8
|
+
import TextField from '../../../fields/TextField.js';
|
|
9
|
+
import SelectField from '../../../fields/SelectField.js';
|
|
10
|
+
import DateField from '../../../fields/DateField.js';
|
|
11
|
+
import CheckboxField from '../../../fields/CheckboxField.js';
|
|
12
|
+
|
|
13
|
+
var _excluded=["value","onChange"],_excluded2=["value","onChange"],_excluded3=["displayType","withAutocomplete","autoCompleteHoc","type"];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:{'& .MuiFormHelperText-root':{display:'none'},'& .MuiInputLabel-root':{display:'none'},'& .MuiInputBase-root':{marginTop:'0px'},marginTop:'0px'}};};// Make sure input click is captured
|
|
14
|
+
var onClick=function onClick(e){return e.stopPropagation();};// HOC to delay input updates until the input is blured to prevent too frequent renders
|
|
15
|
+
function withUpdateOnBlur(InputComponent){return function(_ref){var value=_ref.value,onChange=_ref.onChange,props=_objectWithoutProperties(_ref,_excluded);var _useState=useState(value),_useState2=_slicedToArray(_useState,2),localValue=_useState2[0],setLocalValue=_useState2[1];useEffect(function(){return setLocalValue(value);},[value]);var emitChange=function emitChange(){if(value!==localValue){onChange({target:{value:localValue}});}};return/*#__PURE__*/jsx(InputComponent,_objectSpread({value:localValue,onChange:function onChange(e){return setLocalValue(e.target.value);},onBlur:emitChange,onKeyDown:function onKeyDown(e){if(e.key==='Enter'){emitChange();}}},props));};}function wrapCheckbox(InputComponent){return function(_ref2){var value=_ref2.value,_onChange=_ref2.onChange,props=_objectWithoutProperties(_ref2,_excluded2);return/*#__PURE__*/jsx(InputComponent,_objectSpread({input:{onChange:function onChange(_ref3){var checked=_ref3.target.checked;return _onChange({target:{value:checked.toString()}});},checked:value==='true'}},props));};}var QueryBuilderTextField=withUpdateOnBlur(TextField);var QueryBuilderCheckboxField=wrapCheckbox(CheckboxField);function QueryBuilderCounterField(_ref4){var props=_extends({},(_objectDestructuringEmpty(_ref4),_ref4));return/*#__PURE__*/jsx(TextField,_objectSpread({type:"number"},props));}function QueryInput(_ref5){var displayType=_ref5.displayType,withAutocomplete=_ref5.withAutocomplete,autoCompleteHoc=_ref5.autoCompleteHoc,type=_ref5.type,props=_objectWithoutProperties(_ref5,_excluded3);var QueryInputComponent;if(displayType==='select'){QueryInputComponent=SelectField;}else {switch(type){case'date':QueryInputComponent=DateField;break;case'boolean':QueryInputComponent=QueryBuilderCheckboxField;break;case'integer':case'long':case'float':QueryInputComponent=QueryBuilderCounterField;break;default:QueryInputComponent=withAutocomplete?autoCompleteHoc(TextField):QueryBuilderTextField;break;}}return/*#__PURE__*/jsx(QueryInputComponent,_objectSpread(_objectSpread({},!withAutocomplete&&{onClick:onClick}),props));}QueryInput.defaultProps={className:undefined,classes:{},displayType:undefined,type:undefined,withAutocomplete:false,autoCompleteHoc:function autoCompleteHoc(){}};
|
|
16
|
+
|
|
17
|
+
export { QueryInput as default, styles };
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import clsx from 'clsx';
|
|
2
|
+
import Button from '@material-ui/core/Button';
|
|
3
|
+
import ButtonGroup from '@material-ui/core/ButtonGroup';
|
|
4
|
+
import ListItem from '@material-ui/core/ListItem';
|
|
5
|
+
import ListItemAvatar from '@material-ui/core/ListItemAvatar';
|
|
6
|
+
import ListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction';
|
|
7
|
+
import BlockIcon from '@material-ui/icons/Block';
|
|
8
|
+
import CallMergeIcon from '@material-ui/icons/CallMerge';
|
|
9
|
+
import CallSplitIcon from '@material-ui/icons/CallSplit';
|
|
10
|
+
import CheckIcon from '@material-ui/icons/Check';
|
|
11
|
+
import DeleteIcon from '@material-ui/icons/Delete';
|
|
12
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
13
|
+
|
|
14
|
+
var stopProp=function stopProp(f){return function(e){e.stopPropagation();f(e.target.value);};};var styles=function styles(theme){return {root:{},errorButton:{color:theme.palette.error.light},successButton:{color:theme.palette.success.light}};};function QueryOperator(_ref){var className=_ref.className,classes=_ref.classes,operator=_ref.operator,onAddEntry=_ref.onAddEntry,onRemove=_ref.onRemove,onChangeOperation=_ref.onChangeOperation,setNot=_ref.setNot,not=_ref.not,defaultField=_ref.defaultField,defaultGroup=_ref.defaultGroup,includeText=_ref.includeText,excludeText=_ref.excludeText,removeText=_ref.removeText,andText=_ref.andText,orText=_ref.orText,addFieldText=_ref.addFieldText,addGroupText=_ref.addGroupText,addOperatorText=_ref.addOperatorText,_ref$NotIcon=_ref.NotIcon,NotIcon=_ref$NotIcon===void 0?BlockIcon:_ref$NotIcon,_ref$OkIcon=_ref.OkIcon,OkIcon=_ref$OkIcon===void 0?CheckIcon:_ref$OkIcon,_ref$RemoveIcon=_ref.RemoveIcon,RemoveIcon=_ref$RemoveIcon===void 0?DeleteIcon:_ref$RemoveIcon,_ref$AndIcon=_ref.AndIcon,AndIcon=_ref$AndIcon===void 0?CallMergeIcon:_ref$AndIcon,_ref$OrIcon=_ref.OrIcon,OrIcon=_ref$OrIcon===void 0?CallSplitIcon:_ref$OrIcon;var operation=operator.operation;var handleAddField=stopProp(function(){return onAddEntry({name:defaultField,value:[{value:''}]});});var handleAddGroup=stopProp(function(){return onAddEntry({name:defaultGroup,entry:[]});});var handleAddOperator=stopProp(function(){return onAddEntry({operation:'AND',entry:[]});});var handleToggleNot=stopProp(function(){return setNot(!not);});var handleToggleOperation=stopProp(function(){onChangeOperation(operation==='AND'?'OR':'AND');});return/*#__PURE__*/jsxs(ListItem,{ContainerComponent:"div",className:clsx(className,classes.root,'VdtQueryOperator-root'),children:[/*#__PURE__*/jsx(ListItemAvatar,{children:/*#__PURE__*/jsxs("div",{children:[onChangeOperation&&/*#__PURE__*/jsx(Button,{className:operation==='AND'?classes.successButton:classes.errorButton,startIcon:operation==='AND'?/*#__PURE__*/jsx(AndIcon,{}):/*#__PURE__*/jsx(OrIcon,{}),edge:"end",onClick:handleToggleOperation,size:"small",children:operation==='AND'?andText:orText}),setNot&&/*#__PURE__*/jsx(Button,{className:not?classes.errorButton:classes.successButton,startIcon:not?/*#__PURE__*/jsx(NotIcon,{}):/*#__PURE__*/jsx(OkIcon,{}),edge:"end",onClick:handleToggleNot,size:"small",children:not?excludeText:includeText})]})}),/*#__PURE__*/jsx(ListItemSecondaryAction,{children:/*#__PURE__*/jsxs(ButtonGroup,{variant:"outlined",size:"small",children:[/*#__PURE__*/jsx(Button,{className:"VdtQueryOperator-addFieldBtn",onClick:handleAddField,children:addFieldText}),defaultGroup&&/*#__PURE__*/jsx(Button,{className:"VdtQueryOperator-addGroupBtn",onClick:handleAddGroup,children:addGroupText}),/*#__PURE__*/jsx(Button,{className:"VdtQueryOperator-addOperatorBtn",onClick:handleAddOperator,children:addOperatorText}),onRemove&&/*#__PURE__*/jsx(Button,{edge:"end",onClick:onRemove,startIcon:/*#__PURE__*/jsx(RemoveIcon,{}),size:"small",children:removeText})]})})]});}QueryOperator.defaultProps={className:undefined,classes:{},includeText:'Include',excludeText:'Exclude',removeText:'Remove',andText:'And',orText:'Or',addFieldText:'Add field',addGroupText:'Add group',addOperatorText:'Add operator',NotIcon:function NotIcon(){return null;},OkIcon:function OkIcon(){return null;},RemoveIcon:DeleteIcon,AndIcon:function AndIcon(){return null;},OrIcon:function OrIcon(){return null;},defaultField:undefined,defaultGroup:undefined,onRemove:undefined,not:false,setNot:undefined,onChangeOperation:undefined};
|
|
15
|
+
|
|
16
|
+
export { QueryOperator as default, styles };
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
|
|
2
|
+
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
3
|
+
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
4
|
+
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
5
|
+
import { useState, useEffect, useMemo, useCallback } from 'react';
|
|
6
|
+
import Box from '@material-ui/core/Box';
|
|
7
|
+
import { withStyles } from '@material-ui/core/styles';
|
|
8
|
+
import Typography from '@material-ui/core/Typography';
|
|
9
|
+
import ChevronRightIcon from '@material-ui/icons/ChevronRight';
|
|
10
|
+
import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
|
|
11
|
+
import FolderIcon from '@material-ui/icons/FolderOpen';
|
|
12
|
+
import TreeItem from '@material-ui/lab/TreeItem';
|
|
13
|
+
import TreeView from '@material-ui/lab/TreeView';
|
|
14
|
+
import { file, storage } from '@vidispine/vdt-api';
|
|
15
|
+
import MediaBadge from '../media/MediaBadge.js';
|
|
16
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
17
|
+
|
|
18
|
+
var _excluded=["entityId","SelectedFileComponent"],_excluded2=["entityId","SelectedStorageComponent"],_excluded3=["selected","SelectedEntities"],_excluded4=["file"],_excluded5=["file"];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 STORAGE='STORAGE';var FILE='FILE';var PREFIX='PREFIX';var LOAD_MORE='LOAD_MORE';var JOIN_CHARACTER='_';var SelectedFile=withStyles({},{name:'VdtSelectedFile'})(function(_ref){var _ref$className=_ref.className,className=_ref$className===void 0?'VdtSelectedFile':_ref$className,styles=_ref.styles,fileId=_ref.fileId,fileType=_ref.fileType,_ref$SelectedFileActi=_ref.SelectedFileActionsComponent,SelectedFileActionsComponent=_ref$SelectedFileActi===void 0?null:_ref$SelectedFileActi,_ref$SelectedFileActi2=_ref.SelectedFileActionsProps,SelectedFileActionsProps=_ref$SelectedFileActi2===void 0?{}:_ref$SelectedFileActi2,_ref$fileText=_ref.fileText,fileText=_ref$fileText===void 0?'File':_ref$fileText;var path=fileType.path;var fileName=path.split('/').pop();var fileExtension=fileName.split('.').length>1?fileName.split('.').pop():undefined;return/*#__PURE__*/jsxs("div",{className:className,style:styles,children:[/*#__PURE__*/jsx(Typography,{variant:"h4",children:fileName}),/*#__PURE__*/jsxs(Box,{display:"flex",flexDirection:"row",flexWrap:"nowrap",justifyContent:fileExtension?'space-between':'flex-start',alignItems:"center",children:[/*#__PURE__*/jsx(Typography,{variant:"h5",children:"".concat(fileText," \u2022 ").concat(fileId)}),fileExtension&&/*#__PURE__*/jsx(MediaBadge,{children:fileExtension})]}),SelectedFileActionsComponent&&/*#__PURE__*/jsx(SelectedFileActionsComponent,_objectSpread({fileId:fileId,fileType:fileType},SelectedFileActionsProps))]});});function SelectedFileWrapper(_ref2){var entityId=_ref2.entityId,_ref2$SelectedFileCom=_ref2.SelectedFileComponent,SelectedFileComponent=_ref2$SelectedFileCom===void 0?SelectedFile:_ref2$SelectedFileCom,props=_objectWithoutProperties(_ref2,_excluded);var _useState=useState(),_useState2=_slicedToArray(_useState,2),fileType=_useState2[0],setFileType=_useState2[1];var onGetFile=function onGetFile(){file.getFile({fileId:entityId,matrixParams:{includeItem:true}}).then(function(_ref3){var data=_ref3.data;return setFileType(data);});};useEffect(onGetFile,[entityId]);return fileType?/*#__PURE__*/jsx(SelectedFileComponent,_objectSpread({fileType:fileType,fileId:fileType.id},props)):null;}var SelectedStorage=withStyles({},{name:'VdtSelectedStorage'})(function(_ref4){var _ref4$className=_ref4.className,className=_ref4$className===void 0?'VdtSelectedStorage':_ref4$className,styles=_ref4.styles,storageId=_ref4.storageId,storageType=_ref4.storageType,_ref4$SelectedStorage=_ref4.SelectedStorageActionsComponent,SelectedStorageActionsComponent=_ref4$SelectedStorage===void 0?null:_ref4$SelectedStorage,_ref4$SelectedStorage2=_ref4.SelectedStorageActionsProps,SelectedStorageActionsProps=_ref4$SelectedStorage2===void 0?{}:_ref4$SelectedStorage2,_ref4$storageText=_ref4.storageText,storageText=_ref4$storageText===void 0?'Storage':_ref4$storageText;var _useMemo=useMemo(function(){var _storageType$method=storageType.method,methodList=_storageType$method===void 0?[]:_storageType$method;var _methodList=_slicedToArray(methodList,1),defaultMethod=_methodList[0];if(defaultMethod&&defaultMethod.uri){var uriString=defaultMethod.uri;var uri=new URL(uriString);var pathname=uri.pathname;var protocol=uri.protocol;var folder=pathname.split('@').pop();if(folder.endsWith('/'))folder=folder.slice(0,-1);if(protocol.endsWith(':'))protocol=protocol.slice(0,-1);return [protocol,folder];}return [];},[storageType]),_useMemo2=_slicedToArray(_useMemo,2),methodType=_useMemo2[0],path=_useMemo2[1];return/*#__PURE__*/jsxs("div",{className:className,style:styles,children:[/*#__PURE__*/jsx(Typography,{variant:"h4",children:path||''}),/*#__PURE__*/jsxs(Box,{display:"flex",flexDirection:"row",flexWrap:"nowrap",justifyContent:"space-between",alignItems:"center",children:[/*#__PURE__*/jsx(Typography,{variant:"h5",children:"".concat(storageText," \u2022 ").concat(storageId)}),/*#__PURE__*/jsx(MediaBadge,{children:methodType})]}),SelectedStorageActionsComponent&&/*#__PURE__*/jsx(SelectedStorageActionsComponent,_objectSpread({storageId:storageId,storageType:storageType},SelectedStorageActionsProps))]});});function SelectedStorageWrapper(_ref5){var entityId=_ref5.entityId,_ref5$SelectedStorage=_ref5.SelectedStorageComponent,SelectedStorageComponent=_ref5$SelectedStorage===void 0?SelectedStorage:_ref5$SelectedStorage,props=_objectWithoutProperties(_ref5,_excluded2);var _useState3=useState(),_useState4=_slicedToArray(_useState3,2),storageType=_useState4[0],setStorageType=_useState4[1];var onGetStorage=function onGetStorage(){storage.getStorage({storageId:entityId}).then(function(_ref6){var data=_ref6.data;return setStorageType(data);});};useEffect(onGetStorage,[entityId]);return storageType?/*#__PURE__*/jsx(SelectedStorageComponent,_objectSpread({storageType:storageType,storageId:storageType.id},props)):null;}function SelectedEntityWrapper(_ref7){var _ref8;var _ref7$selected=_ref7.selected,selected=_ref7$selected===void 0?'':_ref7$selected,_ref7$SelectedEntitie=_ref7.SelectedEntities,SelectedEntities=_ref7$SelectedEntitie===void 0?(_ref8={},_defineProperty(_ref8,STORAGE,SelectedStorageWrapper),_defineProperty(_ref8,FILE,SelectedFileWrapper),_ref8):_ref7$SelectedEntitie,props=_objectWithoutProperties(_ref7,_excluded3);var _selected$split=selected.split(JOIN_CHARACTER),_selected$split2=_slicedToArray(_selected$split,2),entity=_selected$split2[0],entityId=_selected$split2[1];var SelectedEntity=SelectedEntities[entity];return SelectedEntity?/*#__PURE__*/jsx(SelectedEntity,_objectSpread({entityId:entityId},props)):null;}function FileTree(_ref9){var _ref9$className=_ref9.className,className=_ref9$className===void 0?'VdtFile':_ref9$className,styles=_ref9.styles,fileType=_ref9.fileType,storageId=_ref9.storageId;var fileId=fileType.id,path=fileType.path;var label=path.split('/').pop();return/*#__PURE__*/jsx(TreeItem,{nodeId:[FILE,fileId,storageId].join(JOIN_CHARACTER),label:label,className:className,styles:styles});}function FolderTree(_ref10){var _ref10$className=_ref10.className,className=_ref10$className===void 0?'VdtFolderTree':_ref10$className,styles=_ref10.styles,path=_ref10.path,storageId=_ref10.storageId,fileListType=_ref10.fileListType,onListFilesMore=_ref10.onListFilesMore,_ref10$FolderComponen=_ref10.FolderComponent,FolderComponent=_ref10$FolderComponen===void 0?FolderListTree:_ref10$FolderComponen,_ref10$FolderProps=_ref10.FolderProps,FolderProps=_ref10$FolderProps===void 0?{}:_ref10$FolderProps,_ref10$FileComponent=_ref10.FileComponent,FileComponent=_ref10$FileComponent===void 0?FileTree:_ref10$FileComponent,_ref10$FileProps=_ref10.FileProps,FileProps=_ref10$FileProps===void 0?{}:_ref10$FileProps,_ref10$LoadMoreProps=_ref10.LoadMoreProps,LoadMoreProps=_ref10$LoadMoreProps===void 0?{}:_ref10$LoadMoreProps;var label=path.slice(0,-1).split('/').pop();var _fileListType$prefixe=fileListType.prefixes;_fileListType$prefixe=_fileListType$prefixe===void 0?{}:_fileListType$prefixe;var _fileListType$prefixe2=_fileListType$prefixe.prefix,prefix=_fileListType$prefixe2===void 0?[]:_fileListType$prefixe2,_fileListType$file=fileListType.file,fileList=_fileListType$file===void 0?[]:_fileListType$file,hits=fileListType.hits;var labelComponent=/*#__PURE__*/jsxs(Box,{display:"flex",alignItems:"flex-end",style:{fontWeight:'inherit',color:'inherit'},children:[/*#__PURE__*/jsx(FolderIcon,{color:"inherit"}),/*#__PURE__*/jsx(Typography,{variant:"body1",style:{fontWeight:'inherit'},children:label})]});return/*#__PURE__*/jsxs(TreeItem,{nodeId:[PREFIX,path,storageId].join(JOIN_CHARACTER),label:labelComponent,className:className,styles:styles,children:[prefix.map(function(subPath){return/*#__PURE__*/jsx(FolderComponent,_objectSpread({path:subPath,storageId:storageId},FolderProps),subPath);}),fileList.map(function(fileType){return/*#__PURE__*/jsx(FileComponent,_objectSpread({fileId:fileType.id,fileType:fileType,storageId:storageId},FileProps),fileType.id);}),hits!==undefined&&hits>fileList.length&&/*#__PURE__*/jsx(TreeItem,_objectSpread({className:"loadMore",nodeId:"".concat(LOAD_MORE,"_").concat(path,"_").concat(storageId),label:"Load More",onClick:onListFilesMore},LoadMoreProps))]});}function FolderListTree(_ref11){var path=_ref11.path,storageId=_ref11.storageId,_ref11$FolderTreeComp=_ref11.FolderTreeComponent,FolderTreeComponent=_ref11$FolderTreeComp===void 0?FolderTree:_ref11$FolderTreeComp,_ref11$FolderTreeProp=_ref11.FolderTreeProps,FolderTreeProps=_ref11$FolderTreeProp===void 0?{}:_ref11$FolderTreeProp;var _useState5=useState([]),_useState6=_slicedToArray(_useState5,2),fileListType=_useState6[0],setFileListType=_useState6[1];useEffect(function(){file.listFileStorage({storageId:storageId,queryParams:{prefix:true,path:path,recursive:false},matrixParams:{first:0,number:10}}).then(function(_ref12){var data=_ref12.data;return setFileListType(data);});},[path,storageId]);var onListFilesMore=useCallback(function(){var _fileListType$file2=fileListType.file,fileList=_fileListType$file2===void 0?[]:_fileListType$file2,hits=fileListType.hits;var first=fileList.length;if(first===hits)return;file.listFileStorage({storageId:storageId,queryParams:{prefix:true,path:path,recursive:false},matrixParams:{first:first,number:10}}).then(function(_ref13){var _ref13$data=_ref13.data;_ref13$data=_ref13$data===void 0?{}:_ref13$data;var _ref13$data$file=_ref13$data.file,newFileList=_ref13$data$file===void 0?[]:_ref13$data$file,newFileProps=_objectWithoutProperties(_ref13$data,_excluded4);var newFileType=_objectSpread(_objectSpread({},newFileProps),{},{file:[].concat(_toConsumableArray(fileList),_toConsumableArray(newFileList))});setFileListType(newFileType);});},[fileListType,path,storageId]);return/*#__PURE__*/jsx(FolderTreeComponent,_objectSpread({path:path,storageId:storageId,fileListType:fileListType,onListFilesMore:onListFilesMore},FolderTreeProps));}var StorageTree=withStyles({},{name:'VdtStorageTree'})(function(_ref14){var _ref14$className=_ref14.className,className=_ref14$className===void 0?'VdtStorageTree':_ref14$className,styles=_ref14.styles,storageType=_ref14.storageType,storageId=_ref14.storageId,fileListType=_ref14.fileListType,onListFilesMore=_ref14.onListFilesMore,_ref14$FolderComponen=_ref14.FolderComponent,FolderComponent=_ref14$FolderComponen===void 0?FolderListTree:_ref14$FolderComponen,_ref14$FolderProps=_ref14.FolderProps,FolderProps=_ref14$FolderProps===void 0?{}:_ref14$FolderProps,_ref14$FileComponent=_ref14.FileComponent,FileComponent=_ref14$FileComponent===void 0?FileTree:_ref14$FileComponent,_ref14$FileProps=_ref14.FileProps,FileProps=_ref14$FileProps===void 0?{}:_ref14$FileProps,_ref14$LoadMoreProps=_ref14.LoadMoreProps,LoadMoreProps=_ref14$LoadMoreProps===void 0?{}:_ref14$LoadMoreProps,_ref14$storageText=_ref14.storageText,storageText=_ref14$storageText===void 0?'Storage':_ref14$storageText,_ref14$loadMoreText=_ref14.loadMoreText,loadMoreText=_ref14$loadMoreText===void 0?'Load more':_ref14$loadMoreText;var label=useMemo(function(){var _storageType$method2=storageType.method,methodList=_storageType$method2===void 0?[]:_storageType$method2;var _methodList2=_slicedToArray(methodList,1),defaultMethod=_methodList2[0];if(defaultMethod&&defaultMethod.uri){var uriString=defaultMethod.uri;var uri=new URL(uriString);var pathname=uri.pathname;var protocol=uri.protocol;var folder=pathname.split('@').pop();if(folder.endsWith('/'))folder=folder.slice(0,-1);if(protocol.endsWith(':'))protocol=protocol.slice(0,-1);return "".concat(protocol," ").concat(folder);}return "".concat(storageText," ").concat(storageId);// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
19
|
+
},[storageType,storageId]);var _fileListType$prefixe3=fileListType.prefixes;_fileListType$prefixe3=_fileListType$prefixe3===void 0?{}:_fileListType$prefixe3;var _fileListType$prefixe4=_fileListType$prefixe3.prefix,prefix=_fileListType$prefixe4===void 0?[]:_fileListType$prefixe4,_fileListType$file3=fileListType.file,fileList=_fileListType$file3===void 0?[]:_fileListType$file3,hits=fileListType.hits;return/*#__PURE__*/jsxs(TreeItem,{nodeId:[STORAGE,storageId].join(JOIN_CHARACTER),label:label,className:className,styles:styles,children:[prefix.map(function(path){return/*#__PURE__*/jsx(FolderComponent,_objectSpread({path:path,storageId:storageId},FolderProps),path);}),fileList.map(function(fileType){return/*#__PURE__*/jsx(FileComponent,_objectSpread({fileId:fileType.id,fileType:fileType,storageId:storageId},FileProps),fileType.id);}),hits!==undefined&&hits>fileList.length&&/*#__PURE__*/jsx(TreeItem,_objectSpread({className:"loadMore",nodeId:[LOAD_MORE,storageId].join(JOIN_CHARACTER),label:loadMoreText,onClick:onListFilesMore},LoadMoreProps))]});});function Storage(_ref15){var storageId=_ref15.storageId,storageType=_ref15.storageType,_ref15$StorageTreeCom=_ref15.StorageTreeComponent,StorageTreeComponent=_ref15$StorageTreeCom===void 0?StorageTree:_ref15$StorageTreeCom,_ref15$StorageTreePro=_ref15.StorageTreeProps,StorageTreeProps=_ref15$StorageTreePro===void 0?{}:_ref15$StorageTreePro;var _useState7=useState({}),_useState8=_slicedToArray(_useState7,2),fileListType=_useState8[0],setFileListType=_useState8[1];useEffect(function(){file.listFileStorage({storageId:storageId,queryParams:{prefix:true,path:'/',recursive:false},matrixParams:{first:0,number:10}}).then(function(_ref16){var data=_ref16.data;return setFileListType(data);});},[storageId]);var onListFilesMore=useCallback(function(){var _fileListType$file4=fileListType.file,fileList=_fileListType$file4===void 0?[]:_fileListType$file4,hits=fileListType.hits;var first=fileList.length;if(first===hits)return;file.listFileStorage({storageId:storageId,queryParams:{prefix:true,path:'/',recursive:false},matrixParams:{first:first,number:10}}).then(function(_ref17){var _ref17$data=_ref17.data;_ref17$data=_ref17$data===void 0?{}:_ref17$data;var _ref17$data$file=_ref17$data.file,newFileList=_ref17$data$file===void 0?[]:_ref17$data$file,newFileProps=_objectWithoutProperties(_ref17$data,_excluded5);var newFileType=_objectSpread(_objectSpread({},newFileProps),{},{file:[].concat(_toConsumableArray(fileList),_toConsumableArray(newFileList))});setFileListType(newFileType);});},[fileListType,storageId]);return/*#__PURE__*/jsx(StorageTreeComponent,_objectSpread({onListFilesMore:onListFilesMore,fileListType:fileListType,storageId:storageId,storageType:storageType},StorageTreeProps));}function StorageList(_ref18){var _ref18$StorageCompone=_ref18.StorageComponent,StorageComponent=_ref18$StorageCompone===void 0?Storage:_ref18$StorageCompone,_ref18$StorageProps=_ref18.StorageProps,StorageProps=_ref18$StorageProps===void 0?{}:_ref18$StorageProps;var _useState9=useState({}),_useState10=_slicedToArray(_useState9,2),storageListType=_useState10[0],setStorageListType=_useState10[1];var onListStorages=function onListStorages(){storage.listStorage().then(function(_ref19){var data=_ref19.data;return setStorageListType(data);});};useEffect(onListStorages,[]);var _storageListType$stor=storageListType.storage,storageList=_storageListType$stor===void 0?[]:_storageListType$stor;if(storageList.length===0)return null;return storageList.map(function(storageType){return/*#__PURE__*/jsx(StorageComponent,_objectSpread({storageId:storageType.id,storageType:storageType},StorageProps),storageType.id);});}function StorageListTree(_ref20){var _ref20$className=_ref20.className,className=_ref20$className===void 0?'VdtStorageListTree':_ref20$className,styles=_ref20.styles,_ref20$StorageListCom=_ref20.StorageListComponent,StorageListComponent=_ref20$StorageListCom===void 0?StorageList:_ref20$StorageListCom,_ref20$StorageListPro=_ref20.StorageListProps,StorageListProps=_ref20$StorageListPro===void 0?{}:_ref20$StorageListPro,selected=_ref20.selected,_ref20$onChange=_ref20.onChange,onChange=_ref20$onChange===void 0?function(){return null;}:_ref20$onChange;var _useState11=useState([]),_useState12=_slicedToArray(_useState11,2),expanded=_useState12[0],setExpanded=_useState12[1];var onNodeSelect=function onNodeSelect(event,nodeIds){if(typeof nodeIds==='string'){if(nodeIds.startsWith(PREFIX)||nodeIds.startsWith(LOAD_MORE))return;}onChange(nodeIds);};var onNodeToggle=function onNodeToggle(event,nodeIds){setExpanded(nodeIds);};return/*#__PURE__*/jsx(TreeView,{className:className,defaultCollapseIcon:/*#__PURE__*/jsx(ExpandMoreIcon,{}),defaultExpandIcon:/*#__PURE__*/jsx(ChevronRightIcon,{}),onNodeSelect:onNodeSelect,onNodeToggle:onNodeToggle,selected:selected,expanded:expanded,styles:styles,children:/*#__PURE__*/jsx(StorageListComponent,_objectSpread({},StorageListProps))});}
|
|
20
|
+
|
|
21
|
+
export { FILE, FolderListTree, FolderTree, JOIN_CHARACTER, LOAD_MORE, PREFIX, STORAGE, SelectedEntityWrapper, SelectedFile, SelectedFileWrapper, SelectedStorage, SelectedStorageWrapper, Storage, StorageList, StorageListTree, StorageTree };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
+
import clsx from 'clsx';
|
|
3
|
+
import { withStyles } from '@material-ui/core/styles';
|
|
4
|
+
import { parseTranscodePreset } from '@vidispine/vdt-js';
|
|
5
|
+
import MediaBadges from '../media/MediaBadges.js';
|
|
6
|
+
import { jsxs, 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 styles=function styles(theme){return {root:{display:'flex'},thumbnail:{marginLeft:theme.spacing(2),marginRight:theme.spacing(2),width:80,height:40,fontFamily:theme.typography.fontFamily,fontSize:theme.typography.pxToRem(20),textTransform:'uppercase',overflow:'hidden',display:'flex',alignItems:'center',justifyContent:'center',flexShrink:0,color:theme.palette.background["default"],backgroundColor:theme.palette.type==='light'?theme.palette.grey[400]:theme.palette.grey[600]},detailContainer:{},thumbnailContainer:{},description:{fontStyle:'italic'}};};function ShapeTagCard(_ref){var className=_ref.className,classes=_ref.classes,transcodePresetType=_ref.transcodePresetType,containerFormatText=_ref.containerFormatText,MediaBadgesComponent=_ref.MediaBadgesComponent,MediaBadgesProps=_ref.MediaBadgesProps;var shapeTag=parseTranscodePreset(transcodePresetType);var thumbnailLabel=shapeTag.containerFormat?shapeTag.containerFormat.split('_')[0].split('-')[0]:containerFormatText;return/*#__PURE__*/jsxs("div",{className:clsx(classes.root,'VdtShapeTagCard-root',className),children:[/*#__PURE__*/jsx("div",{className:classes.thumbnailContainer,children:/*#__PURE__*/jsx("div",{className:classes.thumbnail,children:thumbnailLabel})}),/*#__PURE__*/jsxs("div",{className:classes.detailContainer,children:[/*#__PURE__*/jsx(MediaBadgesComponent,_objectSpread({transcodePresetType:shapeTag,parseShape:false},MediaBadgesProps)),shapeTag.description&&/*#__PURE__*/jsx("div",{className:classes.description,children:shapeTag.description})]})]});}var ShapeTagCard$1 = withStyles(styles,{name:'VdtShapeTagCard'})(ShapeTagCard);ShapeTagCard.defaultProps={classes:{},className:undefined,containerFormatText:'Source',MediaBadgesComponent:MediaBadges,MediaBadgesProps:{}};
|
|
9
|
+
|
|
10
|
+
export { ShapeTagCard, ShapeTagCard$1 as default };
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
+
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
3
|
+
import { useEffect, useState } from 'react';
|
|
4
|
+
import clsx from 'clsx';
|
|
5
|
+
import MuiAccordion from '@material-ui/core/Accordion';
|
|
6
|
+
import MuiAccordionDetails from '@material-ui/core/AccordionDetails';
|
|
7
|
+
import MuiAccordionSummary from '@material-ui/core/AccordionSummary';
|
|
8
|
+
import Button from '@material-ui/core/Button';
|
|
9
|
+
import LinearProgress from '@material-ui/core/LinearProgress';
|
|
10
|
+
import { withStyles } from '@material-ui/core/styles';
|
|
11
|
+
import Typography from '@material-ui/core/Typography';
|
|
12
|
+
import { shapetag } from '@vidispine/vdt-api';
|
|
13
|
+
import ShapeTagCard from './ShapeTagCard.js';
|
|
14
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
15
|
+
|
|
16
|
+
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 useShapeTagDetail=function useShapeTagDetail(_ref){var onEstimate=_ref.onEstimate;var _useState=useState({}),_useState2=_slicedToArray(_useState,2),shapeTagDetail=_useState2[0],setShapeTagDetail=_useState2[1];var onGetShapeTag=function onGetShapeTag(tagName){return shapetag.getShapeTag({tagName:tagName}).then(function(_ref2){var data=_ref2.data;setShapeTagDetail(function(currentState){return _objectSpread(_objectSpread({},currentState),{},_defineProperty({},tagName,data));});if(onEstimate)return onEstimate(tagName);return Promise.resolve();}).then(function(costEstimate){if(costEstimate){var _costEstimate$data$se=_slicedToArray(costEstimate.data.service,1),_costEstimate$data$se2=_costEstimate$data$se[0],cost=_costEstimate$data$se2.cost,state=_costEstimate$data$se2.state,message=_costEstimate$data$se2.message;setShapeTagDetail(function(currentState){var newState=_objectSpread({},currentState);newState[tagName].cost=cost;newState[tagName].estimateError=state!=='FINISHED'?message:false;return newState;});}})["catch"](function(error){if(error.config&&error.config.url&&error.config.url.includes('/cost/')){setShapeTagDetail(function(currentState){var newState=_objectSpread({},currentState);newState[tagName].estimateError='unspecified reason.';return newState;});}else {throw new Error(error);}});};return {shapeTagDetail:shapeTagDetail,onGetShapeTag:onGetShapeTag};};var useExpand=function useExpand(initialState){var _useState3=useState(initialState),_useState4=_slicedToArray(_useState3,2),expanded=_useState4[0],setExpanded=_useState4[1];var onChangeExpand=function onChangeExpand(panel){return function(_,newExpanded){return setExpanded(newExpanded?panel:false);};};return {expanded:expanded,onChangeExpand:onChangeExpand};};var Accordion=withStyles(function(theme){return {root:{border:theme.palette.type==='light'?'1px solid rgba(0, 0, 0, .125)':'1px solid rgba(0, 0, 0, .3)',boxShadow:'none','&:not(:last-child)':{borderBottom:0},'&:before':{display:'none'},'&$expanded':{margin:'auto'}},expanded:{}};})(MuiAccordion);var AccordionSummary=withStyles(function(theme){return {root:{backgroundColor:theme.palette.type==='light'?'rgba(0, 0, 0, .03)':'rgba(0, 0, 0, .1)',borderBottom:theme.palette.type==='light'?'1px solid rgba(0, 0, 0, .125)':'1px solid rgba(0, 0, 0, .3)',marginBottom:-1,minHeight:56,'&$expanded':{minHeight:56}},content:{'&$expanded':{margin:'12px 0'}},expanded:{}};})(MuiAccordionSummary);var AccordionDetails=withStyles(function(theme){return {root:{padding:theme.spacing(2)}};})(MuiAccordionDetails);var styles=function styles(theme){return {root:{},Accordion:{},AccordionDetails:{},AccordionSummary:{},Button:{},shapeTagList:{height:200,overflowY:'scroll','&::-webkit-scrollbar':{WebkitAppearance:'none'},'&::-webkit-scrollbar:vertical':{width:11},'&::-webkit-scrollbar-thumb':{borderStyle:'solid',borderWidth:2,borderColor:theme.palette.divider,backgroundColor:'rgba(0, 0, 0, 0.5)'}},LinearProgress:{width:'100%'},shapeTagDetail:{width:'100%',display:'flex',justifyContent:'space-between'},Typography:{},costEstimateText:{fontStyle:'italic',color:theme.palette.primary.main,marginTop:theme.spacing(2)},action:{display:'flex',flexDirection:'column',alignItems:'flex-end'}};};function ShapeTagListAccordion(_ref3){var className=_ref3.className,classes=_ref3.classes,shapeTagNames=_ref3.shapeTagNames,onTranscode=_ref3.onTranscode,onEstimate=_ref3.onEstimate,transcodeText=_ref3.transcodeText,ShapeTagCardComponent=_ref3.ShapeTagCardComponent,ShapeTagCardProps=_ref3.ShapeTagCardProps,loadingCostEstimateText=_ref3.loadingCostEstimateText,costEstimateText=_ref3.costEstimateText,failedCostEstimateText=_ref3.failedCostEstimateText;var _useShapeTagDetail=useShapeTagDetail({onEstimate:onEstimate}),shapeTagDetail=_useShapeTagDetail.shapeTagDetail,onGetShapeTag=_useShapeTagDetail.onGetShapeTag;var _useExpand=useExpand(),expanded=_useExpand.expanded,onChangeExpand=_useExpand.onChangeExpand;useEffect(function(){if(!expanded||shapeTagDetail[expanded])return;onGetShapeTag(expanded);// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
17
|
+
},[expanded]);return/*#__PURE__*/jsx("div",{className:clsx(classes.root,'VdtShapeTagListAccordion-root',className),children:/*#__PURE__*/jsx("div",{className:classes.shapeTagList,children:shapeTagNames.map(function(shapeTagName){return/*#__PURE__*/jsxs(Accordion,{className:classes.Accordion,square:true,expanded:expanded===shapeTagName,onChange:onChangeExpand(shapeTagName),children:[/*#__PURE__*/jsx(AccordionSummary,{className:classes.AccordionSummary,children:/*#__PURE__*/jsx(Typography,{noWrap:true,className:classes.Typography,children:shapeTagName.replace('__','')})}),expanded===shapeTagName&&/*#__PURE__*/jsx(AccordionDetails,{className:classes.AccordionDetails,children:shapeTagDetail[expanded]?/*#__PURE__*/jsxs("div",{className:classes.shapeTagDetail,children:[/*#__PURE__*/jsx(ShapeTagCardComponent,_objectSpread({transcodePresetType:shapeTagDetail[expanded]},ShapeTagCardProps)),/*#__PURE__*/jsxs("div",{className:classes.action,children:[onTranscode&&/*#__PURE__*/jsx("div",{children:/*#__PURE__*/jsx(Button,{color:"primary",variant:"contained",onClick:function onClick(){return onTranscode(shapeTagName);},disabled:onEstimate&&shapeTagDetail[expanded].estimateError,className:classes.Button,children:transcodeText})}),onEstimate&&/*#__PURE__*/jsx("div",{className:classes.costEstimateText,children:shapeTagDetail[expanded].estimateError?"".concat(failedCostEstimateText," ").concat(shapeTagDetail[expanded].estimateError):shapeTagDetail[expanded].cost?"".concat(costEstimateText," $").concat(shapeTagDetail[expanded].cost.value):loadingCostEstimateText})]})]}):/*#__PURE__*/jsx(LinearProgress,{className:classes.LinearProgress})})]},shapeTagName);})})});}var ShapeTagListAccordion$1 = withStyles(styles,{name:'VdtShapeTagListAccordion'})(ShapeTagListAccordion);ShapeTagListAccordion.defaultProps={classes:{},className:undefined,shapeTagNames:[],onTranscode:undefined,onEstimate:undefined,transcodeText:'Transcode',ShapeTagCardComponent:ShapeTagCard,ShapeTagCardProps:{},loadingCostEstimateText:'Requesting cost estimate',costEstimateText:'Estimated cost:',failedCostEstimateText:'Failed:'};
|
|
18
|
+
|
|
19
|
+
export { ShapeTagListAccordion, ShapeTagListAccordion$1 as default };
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
+
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
3
|
+
import { useRef, useEffect, useState, useMemo } from 'react';
|
|
4
|
+
import clsx from 'clsx';
|
|
5
|
+
import ButtonBase from '@material-ui/core/ButtonBase';
|
|
6
|
+
import DialogContent from '@material-ui/core/DialogContent';
|
|
7
|
+
import DialogTitle from '@material-ui/core/DialogTitle';
|
|
8
|
+
import FormControlLabel from '@material-ui/core/FormControlLabel';
|
|
9
|
+
import InputAdornment from '@material-ui/core/InputAdornment';
|
|
10
|
+
import { withStyles } from '@material-ui/core/styles';
|
|
11
|
+
import Switch from '@material-ui/core/Switch';
|
|
12
|
+
import Tab from '@material-ui/core/Tab';
|
|
13
|
+
import Tabs from '@material-ui/core/Tabs';
|
|
14
|
+
import TextField from '@material-ui/core/TextField';
|
|
15
|
+
import ClearIcon from '@material-ui/icons/Clear';
|
|
16
|
+
import { shapetag, resource, item, vidinet } from '@vidispine/vdt-api';
|
|
17
|
+
import { useApi } from '@vidispine/vdt-react';
|
|
18
|
+
import BitmovinIcon from '../icons/BitmovinIcon.js';
|
|
19
|
+
import MediaConvertIcon from '../icons/MediaConvertIcon.js';
|
|
20
|
+
import VidispineIcon from '../icons/VidispineIcon.js';
|
|
21
|
+
import ShapeTagListAccordion from './ShapeTagListAccordion.js';
|
|
22
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
23
|
+
|
|
24
|
+
function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var TRANSCODER='TRANSCODER';// Vidispine transcoder
|
|
25
|
+
var BITMOVIN='BITMOVIN';var ELEMENTAL_MEDIACONVERT='ELEMENTAL_MEDIACONVERT';var useTabs=function useTabs(_ref){var _ref$tabs=_ref.tabs,tabs=_ref$tabs===void 0?[]:_ref$tabs;var initialTab=tabs.length>0?tabs[0].value:undefined;var _useState=useState(initialTab),_useState2=_slicedToArray(_useState,2),currentTab=_useState2[0],setCurrentTab=_useState2[1];var onChangeTab=function onChangeTab(_,newValue){return newValue&&setCurrentTab(newValue);};return {currentTab:currentTab,onChangeTab:onChangeTab};};var useShapeTagNames=function useShapeTagNames(_ref2){var listShapeTagRef=_ref2.listShapeTagRef,initialHideDefault=_ref2.initialHideDefault,_ref2$initialSearchVa=_ref2.initialSearchValue,initialSearchValue=_ref2$initialSearchVa===void 0?'':_ref2$initialSearchVa,_ref2$tabs=_ref2.tabs,tabs=_ref2$tabs===void 0?[]:_ref2$tabs;var _useState3=useState(initialHideDefault),_useState4=_slicedToArray(_useState3,2),hideDefault=_useState4[0],setHideDefault=_useState4[1];var onChangeShowDefault=function onChangeShowDefault(event){return setHideDefault(event.target.checked);};var _useState5=useState(initialSearchValue),_useState6=_slicedToArray(_useState5,2),searchValue=_useState6[0],setSearchValue=_useState6[1];var onChangeSearch=function onChangeSearch(event){return setSearchValue(event.target.value);};var onClearSearch=function onClearSearch(){return setSearchValue('');};var _useApi=useApi(shapetag.listShapeTag,undefined,listShapeTagRef),listShapeTag=_useApi.request,_useApi$data=_useApi.data,uriList=_useApi$data===void 0?{}:_useApi$data;useEffect(function(){listShapeTag();// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
26
|
+
},[]);var shapeTagNames=useMemo(function(){var _uriList$uri=uriList.uri,allNames=_uriList$uri===void 0?[]:_uriList$uri;var filteredNames=allNames.filter(function(tagName){return !(hideDefault&&tagName.startsWith('__'))&&!(searchValue&&!tagName.toLowerCase().includes(searchValue.toLowerCase()));});return tabs.reduce(function(a,_ref3){var value=_ref3.value,tagNameFilter=_ref3.tagNameFilter;return _objectSpread(_objectSpread({},a),{},_defineProperty({},value,tagNameFilter?tagNameFilter(filteredNames):filteredNames));},{});// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
27
|
+
},[uriList,hideDefault,searchValue]);return {shapeTagNames:shapeTagNames,onChangeShowDefault:onChangeShowDefault,hideDefault:hideDefault,onChangeSearch:onChangeSearch,onClearSearch:onClearSearch,searchValue:searchValue};};var useTranscodeResources=function useTranscodeResources(_ref4){var listResourceTypeRef=_ref4.listResourceTypeRef,tabs=_ref4.tabs;var _useApi2=useApi(resource.listResourceType,undefined,listResourceTypeRef),listResourceType=_useApi2.request,_useApi2$data=_useApi2.data,resourceListDocument=_useApi2$data===void 0?{}:_useApi2$data;useEffect(function(){listResourceType({resourceType:'vidinet'});// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
28
|
+
},[]);var resources=useMemo(function(){var _resourceListDocument=resourceListDocument.resource,resourceList=_resourceListDocument===void 0?[]:_resourceListDocument;return tabs.reduce(function(a,_ref5){var value=_ref5.value,resourceFilter=_ref5.resourceFilter;return _objectSpread(_objectSpread({},a),{},_defineProperty({},value,resourceFilter?resourceFilter(resourceList):[]));},{});// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
29
|
+
},[resourceListDocument]);return {resources:resources};};var styles=function styles(theme){return {root:{},noResourceText:_objectSpread(_objectSpread({},theme.typography.body1),{},{marginTop:theme.spacing(2),marginBottom:theme.spacing(2),width:'100%',textAlign:'center',fontWeight:'bold',color:theme.palette.error.main}),shapeTagFilter:{display:'flex',alignItems:'center',justifyContent:'space-between',marginBottom:theme.spacing(2)},TextField:{marginLeft:theme.spacing(2),marginRight:theme.spacing(2)},Tabs:{marginBottom:'10px'},Tab:{},Switch:{}};};function TranscodeDialog(_ref6){var className=_ref6.className,classes=_ref6.classes,itemId=_ref6.itemId,onSuccess=_ref6.onSuccess,onError=_ref6.onError,onClose=_ref6.onClose,tabs=_ref6.tabs,listShapeTagRef=_ref6.listShapeTagRef,listResourceTypeRef=_ref6.listResourceTypeRef,noResourceText=_ref6.noResourceText,initialHideDefault=_ref6.hideDefault,hideDefaultText=_ref6.hideDefaultText,initialSearchValue=_ref6.searchValue,searchText=_ref6.searchText,ShapeTagListComponent=_ref6.ShapeTagListComponent,ShapeTagListProps=_ref6.ShapeTagListProps;var _useTabs=useTabs({tabs:tabs}),onChangeTab=_useTabs.onChangeTab,currentTab=_useTabs.currentTab;var _useTranscodeResource=useTranscodeResources({listResourceTypeRef:listResourceTypeRef,tabs:tabs}),resources=_useTranscodeResource.resources;var _useShapeTagNames=useShapeTagNames({listShapeTagRef:listShapeTagRef,initialHideDefault:initialHideDefault,initialSearchValue:initialSearchValue,tabs:tabs}),shapeTagNames=_useShapeTagNames.shapeTagNames,onChangeShowDefault=_useShapeTagNames.onChangeShowDefault,hideDefault=_useShapeTagNames.hideDefault,onChangeSearch=_useShapeTagNames.onChangeSearch,onClearSearch=_useShapeTagNames.onClearSearch,searchValue=_useShapeTagNames.searchValue;var onTranscode=function onTranscode(tag){var queryParams={tag:tag};if(currentTab===ELEMENTAL_MEDIACONVERT||currentTab===BITMOVIN){var resourceList=resources[currentTab];if(resourceList.length===0){var error=new Error("No ".concat(currentTab," Resources Available"));if(onError)onError(error);else throw error;}queryParams.resourceId=resourceList[0].id;}return new Promise(function(resolve,reject){item.createTranscode({itemId:itemId,queryParams:queryParams}).then(function(resp){if(onSuccess)onSuccess(resp);if(onClose)onClose();resolve(resp);})["catch"](function(error){if(onError)onError(error);reject(error);});});};var estimateRef=useRef({});var onEstimate=function onEstimate(tag){var queryParams={tag:tag};var resourceList=resources[currentTab];if(resourceList.length===0){throw new Error("No ".concat(currentTab," Resources Available"));}queryParams.resourceId=resourceList[0].id;return new Promise(function(resolve,reject){item.createTranscode({itemId:itemId,queryParams:queryParams,costEstimate:true}).then(function(_ref7){var _ref7$data=_ref7.data;_ref7$data=_ref7$data===void 0?{}:_ref7$data;var costEstimateId=_ref7$data.id;var newPoll=function newPoll(){vidinet.getCostEstimate({costEstimateId:costEstimateId}).then(function(response){if(estimateRef.current[costEstimateId]!==null){clearTimeout(estimateRef.current[costEstimateId]);delete estimateRef.current[costEstimateId];}var _response$data=response.data;_response$data=_response$data===void 0?{}:_response$data;var state=_response$data.state;if(state==='FINISHED')resolve(response);else {estimateRef.current[costEstimateId]=setTimeout(function(){return newPoll();},1000);}})["catch"](function(error){return reject(error);});};newPoll();})["catch"](reject);});};useEffect(function(){var currentRef=estimateRef.current;return function(){if(currentRef!==null){Object.values(currentRef).forEach(function(timerId){return clearTimeout(timerId);});}};},[]);return/*#__PURE__*/jsxs("div",{className:clsx(classes.root,'VdtTranscodeDialog-root',className),children:[/*#__PURE__*/jsx(DialogTitle,{children:"Transcode"}),/*#__PURE__*/jsx(DialogContent,{children:tabs.length>1?/*#__PURE__*/jsx(Tabs,{className:classes.Tabs,value:currentTab,onChange:onChangeTab,variant:"fullWidth",textColor:"primary",indicatorColor:"primary",children:tabs.map(function(_ref8){var value=_ref8.value,IconComponent=_ref8.icon,label=_ref8.label;return/*#__PURE__*/jsx(Tab,{className:classes.Tab,value:value,label:label||value,icon:IconComponent?/*#__PURE__*/jsx(IconComponent,{}):undefined},value);})}):null}),/*#__PURE__*/jsxs(DialogContent,{children:[/*#__PURE__*/jsxs("div",{className:classes.shapeTagFilter,children:[/*#__PURE__*/jsx(TextField,{className:classes.TextField,label:searchText,onChange:onChangeSearch,value:searchValue,fullWidth:true,InputProps:{endAdornment:searchValue?/*#__PURE__*/jsx(InputAdornment,{position:"end",children:/*#__PURE__*/jsx(ButtonBase,{onClick:onClearSearch,children:/*#__PURE__*/jsx(ClearIcon,{})})}):undefined}}),/*#__PURE__*/jsx(FormControlLabel,{control:/*#__PURE__*/jsx(Switch,{checked:hideDefault,onChange:onChangeShowDefault,color:"primary",className:classes.Switch}),label:hideDefaultText})]}),tabs.map(function(_ref9){var value=_ref9.value;return/*#__PURE__*/jsx("div",{style:{display:value===currentTab?'initial':'none'},children:value!==TRANSCODER&&(// always show vs transcodes
|
|
30
|
+
!resources[value]||resources[value].length===0)?/*#__PURE__*/jsx("div",{className:classes.noResourceText,children:noResourceText}):/*#__PURE__*/jsx(ShapeTagListComponent,_objectSpread({onTranscode:onTranscode,onEstimate:resources[value]&&resources[value].length>0?onEstimate:undefined,shapeTagNames:shapeTagNames[value]},ShapeTagListProps))},value);})]})]});}var TranscodeDialog$1 = withStyles(styles,{name:'VdtTranscodeDialog'})(TranscodeDialog);TranscodeDialog.defaultProps={classes:{},className:undefined,onSuccess:undefined,onError:undefined,onClose:undefined,tabs:[{value:TRANSCODER,icon:VidispineIcon,label:'Vidispine',tagNameFilter:function tagNameFilter(tagNames){return tagNames.filter(function(tagName){return !tagName.toLowerCase().includes('mediaconvert');});},resourceFilter:function resourceFilter(resources){return resources.filter(function(_ref10){var _ref10$vidinet=_ref10.vidinet;_ref10$vidinet=_ref10$vidinet===void 0?{}:_ref10$vidinet;var resourceType=_ref10$vidinet.type;return resourceType===TRANSCODER;});}},{value:BITMOVIN,icon:BitmovinIcon,label:'Bitmovin',tagNameFilter:function tagNameFilter(tagNames){return tagNames.filter(function(tagName){return !tagName.toLowerCase().includes('mediaconvert');});},resourceFilter:function resourceFilter(resources){return resources.filter(function(_ref11){var _ref11$vidinet=_ref11.vidinet;_ref11$vidinet=_ref11$vidinet===void 0?{}:_ref11$vidinet;var resourceType=_ref11$vidinet.type;return resourceType===BITMOVIN;});}},{value:ELEMENTAL_MEDIACONVERT,icon:MediaConvertIcon,label:'AWS MediaConvert',tagNameFilter:function tagNameFilter(tagNames){return tagNames.filter(function(tagName){return tagName.toLowerCase().includes('mediaconvert');});},resourceFilter:function resourceFilter(resources){return resources.filter(function(_ref12){var _ref12$vidinet=_ref12.vidinet;_ref12$vidinet=_ref12$vidinet===void 0?{}:_ref12$vidinet;var resourceType=_ref12$vidinet.type;return resourceType===ELEMENTAL_MEDIACONVERT;});}}],listShapeTagRef:undefined,listResourceTypeRef:undefined,noResourceText:'No transcode services configured in Vidinet.',hideDefault:true,hideDefaultText:'Hide Default',searchText:'Search',searchValue:undefined,ShapeTagListComponent:ShapeTagListAccordion,ShapeTagListProps:{}};
|
|
31
|
+
|
|
32
|
+
export { TranscodeDialog, TranscodeDialog$1 as default };
|
|
@@ -0,0 +1,14 @@
|
|
|
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 _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
|
|
5
|
+
import { useMemo } from 'react';
|
|
6
|
+
import merge from 'lodash.merge';
|
|
7
|
+
import TreeItem from '@material-ui/lab/TreeItem';
|
|
8
|
+
import TreeView from '@material-ui/lab/TreeView';
|
|
9
|
+
import { jsx } from 'react/jsx-runtime';
|
|
10
|
+
|
|
11
|
+
var _excluded=["fileTree","files"];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 fileToPathTree(file){var result={};var pathComponents=file.file.path.split('/').filter(function(p){return p.length>0;});pathComponents[0]="/".concat(pathComponents[0]);var subPaths=pathComponents.map(function(_,idx){return pathComponents.slice(0,idx+1).join('/');});subPaths.reduce(// eslint-disable-next-line no-return-assign, no-param-reassign
|
|
12
|
+
function(obj,key,index,arr){return obj[key]=arr.length===index+1?file:{};},result);return result;}function parseFilesIntoTree(files){return merge.apply(void 0,_toConsumableArray(files.map(function(f){return fileToPathTree(f);})));}function FileTreeNode(_ref){var fileTree=_ref.fileTree,files=_ref.files,props=_objectWithoutProperties(_ref,_excluded);var clickFile=props.clickFile,removeFile=props.removeFile,removeFolder=props.removeFolder,selectedFilePath=props.selectedFilePath,FileComponent=props.FileComponent,FileProps=props.FileProps,FolderComponent=props.FolderComponent,FolderProps=props.FolderProps;return Object.entries(fileTree).map(function(_ref2){var _ref3=_slicedToArray(_ref2,2),path=_ref3[0],child=_ref3[1];if(child.file instanceof File){return/*#__PURE__*/jsx(TreeItem,{nodeId:path,label:/*#__PURE__*/jsx(FileComponent,_objectSpread({file:child.file,progress:child.progress,onRemove:removeFile(child.file.path),onClick:clickFile(child.file.path),selected:selectedFilePath===child.file.path},FileProps),path)},path);}return/*#__PURE__*/jsx(TreeItem,{nodeId:"".concat(path),label:/*#__PURE__*/jsx(FolderComponent,_objectSpread({path:path,files:files.filter(function(f){return f.file.path.startsWith("".concat(path,"/"));}),onRemove:removeFolder(path)},FolderProps)),children:/*#__PURE__*/jsx(FileTreeNode,_objectSpread({fileTree:child,files:files},props))},"".concat(path));});}function FileTree(_ref4){var files=_ref4.files,removeFiles=_ref4.removeFiles,onClickFile=_ref4.onClickFile,selectedFile=_ref4.selectedFile,FileComponent=_ref4.FileComponent,_ref4$FileProps=_ref4.FileProps,FileProps=_ref4$FileProps===void 0?{}:_ref4$FileProps,FolderComponent=_ref4.FolderComponent,_ref4$FolderProps=_ref4.FolderProps,FolderProps=_ref4$FolderProps===void 0?{}:_ref4$FolderProps;var fileTree=useMemo(function(){return parseFilesIntoTree(files);},[files]);var removeFolder=function removeFolder(path){return function(){var idxsToRemove=files.map(function(f,i){return f.file.path.startsWith("".concat(path,"/"))&&i;}).filter(function(i){return i!==false;});removeFiles(idxsToRemove)();};};var removeFile=function removeFile(path){return function(){var idx=files.findIndex(function(f){return f.file.path===path;});removeFiles([idx])();};};var clickFile=function clickFile(path){return function(){var idx=files.findIndex(function(f){return f.file.path===path;});onClickFile(idx)();};};var selectedFilePath=useMemo(function(){if(Number.isNaN(selectedFile))return undefined;if(selectedFile<0||selectedFile>=files.length)return undefined;if(!files[selectedFile])return undefined;return files[selectedFile].file.path;},[selectedFile,files]);return fileTree&&/*#__PURE__*/jsx(TreeView,{children:/*#__PURE__*/jsx(FileTreeNode,{fileTree:fileTree,files:files,clickFile:clickFile,removeFile:removeFile,removeFolder:removeFolder,onClickFile:onClickFile,selectedFilePath:selectedFilePath,FileComponent:FileComponent,FileProps:FileProps,FolderComponent:FolderComponent,FolderProps:FolderProps})});}
|
|
13
|
+
|
|
14
|
+
export { FileTree as default };
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
|
|
2
|
+
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
3
|
+
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
4
|
+
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
5
|
+
import { useState, useCallback } from 'react';
|
|
6
|
+
import clsx from 'clsx';
|
|
7
|
+
import { useDropzone } from 'react-dropzone';
|
|
8
|
+
import Dialog from '@material-ui/core/Dialog';
|
|
9
|
+
import DialogActions from '@material-ui/core/DialogActions';
|
|
10
|
+
import Divider from '@material-ui/core/Divider';
|
|
11
|
+
import List from '@material-ui/core/List';
|
|
12
|
+
import { withStyles, emphasize } from '@material-ui/core/styles';
|
|
13
|
+
import { collection } from '@vidispine/vdt-api';
|
|
14
|
+
import { useUploadFiles } from '@vidispine/vdt-react';
|
|
15
|
+
import AddToCollectionDialog from '../collection/AddToCollectionDialog/index.js';
|
|
16
|
+
import SplitButton from '../SplitButton.js';
|
|
17
|
+
import FileTree from './FileTree.js';
|
|
18
|
+
import UploadEditor from './UploadEditor.js';
|
|
19
|
+
import UploadListFolder from './UploadListFolder.js';
|
|
20
|
+
import UploadListItem from './UploadListItem.js';
|
|
21
|
+
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
22
|
+
|
|
23
|
+
var _excluded=["selected","startIndex","onClickFile","removeFiles"],_excluded2=["onSubmit"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var styles=function styles(theme){return {root:{paddingLeft:theme.spacing(2),paddingRight:theme.spacing(2)},dropzoneRoot:{cursor:'pointer',marginTop:theme.spacing(1),marginBottom:theme.spacing(1),paddingLeft:theme.spacing(0.5),paddingRight:theme.spacing(0.5)},dropzoneLabel:_objectSpread({color:theme.palette.text.secondary},theme.typography.body1),dropzoneInput:{marginTop:theme.spacing(0.5),minHeight:'50vh',minWidth:theme.spacing(4),borderWidth:2,borderColor:'grey',borderRadius:3,borderStyle:'dotted',backgroundColor:'rgba(0,0,0,0.05)',display:'flex',flexDirection:'column',alignItems:'center',justifyContent:'center',transition:'min-height 0.3s'},dropzoneDrag:{borderStyle:'solid',backgroundColor:'rgba(0,0,0,0.1)'},dropzoneHasFiles:{minHeight:theme.spacing(8)},dialogContentRoot:{display:'flex'},filesRoot:{width:'100%',transition:'width 0.3s'},editorRoot:{width:0,transition:'width 0.3s',marginTop:theme.spacing(1),marginBottom:theme.spacing(1)},editorOpen:{backgroundColor:emphasize(theme.palette.background.paper,0.05)},isEditing:{width:'50%'},uploadToCollectionDialog:{position:'absolute',top:'20%'},divider:{margin:'20px 0 20px 0'}};};function ExtendedFileTree(_ref){var _ref$selected=_ref.selected,selected=_ref$selected===void 0?-1:_ref$selected,_ref$startIndex=_ref.startIndex,startIndex=_ref$startIndex===void 0?0:_ref$startIndex,onClickFile=_ref.onClickFile,removeFiles=_ref.removeFiles,rest=_objectWithoutProperties(_ref,_excluded);var handleClickFile=function handleClickFile(idx){return onClickFile(idx+startIndex);};var handleRemoveFiles=function handleRemoveFiles(idx){return removeFiles(idx.map(function(v){return v+startIndex;}));};return/*#__PURE__*/jsx(FileTree,_objectSpread({selectedFile:selected-startIndex,onClickFile:handleClickFile,removeFiles:handleRemoveFiles},rest));}function UploadCollectionPicker(_ref2){var onSubmit=_ref2.onSubmit,props=_objectWithoutProperties(_ref2,_excluded2);var onCreate=function onCreate(_,collectionDocument){return collection.createCollection({collectionDocument:collectionDocument}).then(function(_ref3){var id=_ref3.data.id;return [id];});};return/*#__PURE__*/jsx(AddToCollectionDialog,_objectSpread({className:"VdtUploadCollectionPicker-root",entities:[],titleText:"Upload To Collection",submitText:"Upload",onSubmit:function onSubmit(_,ids){return ids;},onCreate:onCreate,onSuccess:function onSuccess(_,ids){return onSubmit(ids);}},props));}function Upload(_ref4){var _clsx2,_clsx3;var classes=_ref4.classes,onSuccess=_ref4.onSuccess,_ref4$useUploadFiles=_ref4.useUploadFiles,useUploadFiles$1=_ref4$useUploadFiles===void 0?useUploadFiles:_ref4$useUploadFiles,_ref4$uploadProps=_ref4.uploadProps,uploadProps=_ref4$uploadProps===void 0?{}:_ref4$uploadProps,_ref4$UploadListItemC=_ref4.UploadListItemComponent,UploadListItemComponent=_ref4$UploadListItemC===void 0?UploadListItem:_ref4$UploadListItemC,_ref4$UploadListItemP=_ref4.UploadListItemProps,UploadListItemProps=_ref4$UploadListItemP===void 0?{}:_ref4$UploadListItemP,_ref4$tree=_ref4.tree,tree=_ref4$tree===void 0?false:_ref4$tree,_ref4$responseTimeout=_ref4.responseTimeout,responseTimeout=_ref4$responseTimeout===void 0?5000:_ref4$responseTimeout,_ref4$UploadListFileC=_ref4.UploadListFileComponent,UploadListFileComponent=_ref4$UploadListFileC===void 0?UploadListItem:_ref4$UploadListFileC,_ref4$UploadListFileP=_ref4.UploadListFileProps,UploadListFileProps=_ref4$UploadListFileP===void 0?{}:_ref4$UploadListFileP,_ref4$UploadListFolde=_ref4.UploadListFolderComponent,UploadListFolderComponent=_ref4$UploadListFolde===void 0?UploadListFolder:_ref4$UploadListFolde,_ref4$UploadListFolde2=_ref4.UploadListFolderProps,UploadListFolderProps=_ref4$UploadListFolde2===void 0?{}:_ref4$UploadListFolde2,_ref4$FileTreeCompone=_ref4.FileTreeComponent,FileTreeComponent=_ref4$FileTreeCompone===void 0?ExtendedFileTree:_ref4$FileTreeCompone,_ref4$FileTreeProps=_ref4.FileTreeProps,FileTreeProps=_ref4$FileTreeProps===void 0?{}:_ref4$FileTreeProps,_ref4$UploadEditorCom=_ref4.UploadEditorComponent,UploadEditorComponent=_ref4$UploadEditorCom===void 0?UploadEditor:_ref4$UploadEditorCom,_ref4$UploadEditorPro=_ref4.UploadEditorProps,UploadEditorProps=_ref4$UploadEditorPro===void 0?{}:_ref4$UploadEditorPro,_ref4$UploadCollectio=_ref4.UploadCollectionPickerComponent,UploadCollectionPickerComponent=_ref4$UploadCollectio===void 0?UploadCollectionPicker:_ref4$UploadCollectio,_ref4$UploadCollectio2=_ref4.UploadCollectionPickerProps,UploadCollectionPickerProps=_ref4$UploadCollectio2===void 0?{}:_ref4$UploadCollectio2,_ref4$UploadCollectio3=_ref4.UploadCollectionDialogProps,UploadCollectionDialogProps=_ref4$UploadCollectio3===void 0?{}:_ref4$UploadCollectio3,_ref4$allowUploadToCo=_ref4.allowUploadToCollection,allowUploadToCollection=_ref4$allowUploadToCo===void 0?true:_ref4$allowUploadToCo,_ref4$allowUpload=_ref4.allowUpload,allowUpload=_ref4$allowUpload===void 0?true:_ref4$allowUpload,_ref4$dropzoneProps=_ref4.dropzoneProps,dropzoneProps=_ref4$dropzoneProps===void 0?{}:_ref4$dropzoneProps,_ref4$UploadButtonDis=_ref4.UploadButtonDisabledText,UploadButtonDisabledText=_ref4$UploadButtonDis===void 0?'Uploading':_ref4$UploadButtonDis,_ref4$UploadButtonTex=_ref4.UploadButtonText,UploadButtonText=_ref4$UploadButtonTex===void 0?'Upload':_ref4$UploadButtonTex,_ref4$UploadToCollect=_ref4.UploadToCollectionButtonText,UploadToCollectionButtonText=_ref4$UploadToCollect===void 0?'Upload To Collection':_ref4$UploadToCollect,_ref4$DragActiveText=_ref4.DragActiveText,DragActiveText=_ref4$DragActiveText===void 0?'Drop files here':_ref4$DragActiveText,_ref4$DragInactiveTex=_ref4.DragInactiveText,DragInactiveText=_ref4$DragInactiveTex===void 0?'Drop files or click to open':_ref4$DragInactiveTex;var _useState=useState(),_useState2=_slicedToArray(_useState,2),isEditing=_useState2[0],setIsEditing=_useState2[1];var _useState3=useState(false),_useState4=_slicedToArray(_useState3,2),isUploading=_useState4[0],setIsUploading=_useState4[1];var _useUploadFiles=useUploadFiles$1(uploadProps),onAddFiles=_useUploadFiles.onAddFiles,onChangeMetadata=_useUploadFiles.onChangeMetadata,onUpload=_useUploadFiles.onUpload,onRemoveFiles=_useUploadFiles.onRemoveFiles,onRemoveFile=_useUploadFiles.onRemoveFile,files=_useUploadFiles.files;var queue=files.filter(function(file){return !file.progress;});var uploaded=files.filter(function(file){return file.progress;});var handleRemoveFiles=function handleRemoveFiles(idxs){return function(){if(idxs.includes(isEditing)){setIsEditing();}else if(isEditing&&idxs[0]<isEditing){setIsEditing(isEditing-1);}onRemoveFiles(idxs)();};};var handleRemoveFile=function handleRemoveFile(idx){return function(){if(isEditing===idx)setIsEditing();onRemoveFile(idx)();};};var onOpenEdit=function onOpenEdit(idx){return function(){return setIsEditing(function(curr){return curr===idx?undefined:idx;});};};var _useDropzone=useDropzone(_objectSpread({onDrop:function onDrop(acceptedFiles){onAddFiles(acceptedFiles.map(function(file){return Object.assign(file,{preview:URL.createObjectURL(file)});}));}},dropzoneProps)),getRootProps=_useDropzone.getRootProps,getInputProps=_useDropzone.getInputProps,isDragActive=_useDropzone.isDragActive;var _onSubmit=useCallback(function(submitProps){setIsEditing();setIsUploading(true);onUpload(submitProps).then(function(result){setIsUploading(false);setTimeout(function(){if(onSuccess)onSuccess(result);},responseTimeout);})["catch"](function(){setIsUploading(false);});},[onSuccess,onUpload,responseTimeout]);var disableUpload=queue.length===0||isUploading;var _useState5=useState(false),_useState6=_slicedToArray(_useState5,2),openUploadCollection=_useState6[0],setOpenUploadCollection=_useState6[1];return/*#__PURE__*/jsxs("div",{className:classes.root,children:[/*#__PURE__*/jsxs("div",{className:classes.dialogContentRoot,children:[/*#__PURE__*/jsxs("div",{className:clsx(classes.filesRoot,_defineProperty({},classes.isEditing,isEditing!==undefined)),children:[/*#__PURE__*/jsx("div",{className:classes.dropzoneRoot,children:/*#__PURE__*/jsxs("div",_objectSpread(_objectSpread({},getRootProps()),{},{className:clsx(classes.dropzoneInput,(_clsx2={},_defineProperty(_clsx2,classes.dropzoneDrag,isDragActive),_defineProperty(_clsx2,classes.dropzoneHasFiles,files.length>0),_clsx2)),children:[/*#__PURE__*/jsx("div",{className:classes.dropzoneLabel,children:isDragActive?DragActiveText:DragInactiveText}),/*#__PURE__*/jsx("input",_objectSpread({},getInputProps()))]}))}),queue.length>0&&(tree?/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsx("h3",{children:"Queue"}),/*#__PURE__*/jsx(FileTreeComponent,_objectSpread({files:queue,FileComponent:UploadListFileComponent,FileProps:_objectSpread({isUploading:isUploading},UploadListFileProps),FolderComponent:UploadListFolderComponent,FolderProps:UploadListFolderProps,removeFiles:handleRemoveFiles,onClickFile:onOpenEdit,selected:isEditing},FileTreeProps)),/*#__PURE__*/jsx(Divider,{className:classes.divider})]}):/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsxs(List,{dense:true,children:[/*#__PURE__*/jsx("h3",{children:"Queue"}),queue.map(function(file,idx){return/*#__PURE__*/jsx(UploadListItemComponent,_objectSpread({file:file.file,progress:file.progress,onRemove:handleRemoveFile(idx),onClick:onOpenEdit(idx),selected:isEditing===idx,isUploading:isUploading},UploadListItemProps),file.file.name);})]}),/*#__PURE__*/jsx(Divider,{className:classes.divider})]})),uploaded.length>0&&(tree?/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsx("h3",{children:"Uploaded"}),/*#__PURE__*/jsx(FileTreeComponent,_objectSpread({files:uploaded,FileComponent:UploadListFileComponent,FileProps:_objectSpread({isUploading:isUploading},UploadListFileProps),FolderComponent:UploadListFolderComponent,FolderProps:UploadListFolderProps,removeFiles:handleRemoveFiles,onClickFile:onOpenEdit,selected:isEditing,startIndex:queue.length},FileTreeProps)),/*#__PURE__*/jsx(Divider,{className:classes.divider})]}):/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsxs(List,{dense:true,children:[/*#__PURE__*/jsx("h3",{children:"Uploaded"}),uploaded.map(function(file,idx){return/*#__PURE__*/jsx(UploadListItemComponent,_objectSpread({file:file.file,progress:file.progress,onRemove:handleRemoveFile(queue.length+idx),onClick:onOpenEdit(queue.length+idx),selected:isEditing===queue.length+idx,isUploading:isUploading},UploadListItemProps),file.file.name);})]}),/*#__PURE__*/jsx(Divider,{className:classes.divider})]}))]}),/*#__PURE__*/jsx("div",{className:clsx(classes.editorRoot,(_clsx3={},_defineProperty(_clsx3,classes.isEditing,isEditing!==undefined),_defineProperty(_clsx3,classes.editorOpen,isEditing!==undefined),_clsx3)),children:isEditing!==undefined&&/*#__PURE__*/jsx(UploadEditorComponent,_objectSpread({onChange:onChangeMetadata(isEditing),file:files[isEditing].file,metadata:files[isEditing].metadata},UploadEditorProps))})]}),/*#__PURE__*/jsx(DialogActions,{children:/*#__PURE__*/jsx(SplitButton,{options:[].concat(_toConsumableArray(allowUpload?[{value:'upload',label:isUploading?UploadButtonDisabledText:UploadButtonText,onClick:function onClick(e){e.preventDefault();_onSubmit();},disabled:disableUpload}]:[]),_toConsumableArray(allowUploadToCollection?[{value:'upload-to-collection',label:isUploading?UploadButtonDisabledText:UploadToCollectionButtonText,onClick:function onClick(){return setOpenUploadCollection(true);},disabled:disableUpload}]:[])),getOptionSelected:function getOptionSelected(o,val){return o.value===val.value;}})}),/*#__PURE__*/jsx(Dialog,_objectSpread(_objectSpread({fullWidth:true,open:openUploadCollection,onClose:function onClose(){return setOpenUploadCollection(false);},classes:{paper:classes.uploadToCollectionDialog}},UploadCollectionDialogProps),{},{children:/*#__PURE__*/jsx(UploadCollectionPickerComponent,_objectSpread({onSubmit:function onSubmit(ids){_onSubmit({collectionId:ids});setOpenUploadCollection(false);},onClose:function onClose(){return setOpenUploadCollection(false);}},UploadCollectionPickerProps))}))]});}var Upload$1 = withStyles(styles,{name:'VdtUpload'})(Upload);
|
|
24
|
+
|
|
25
|
+
export { Upload$1 as default };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
+
import { withStyles } from '@material-ui/core/styles';
|
|
3
|
+
import UploadForm from './UploadForm.js';
|
|
4
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
5
|
+
|
|
6
|
+
function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var styles=function styles(theme){return {root:{backgroundColor:theme.palette.action.selected,height:'100%',padding:theme.spacing(2)},title:_objectSpread(_objectSpread({},theme.typography.body1),{},{paddingLeft:theme.spacing(2),marginBottom:theme.spacing(1),fontStyle:'italic',fontWeight:600,textOverflow:'ellipsis',whiteSpace:'nowrap',overflow:'hidden'}),form:{padding:theme.spacing(2),backgroundColor:theme.palette.background["default"]}};};function UploadEditor(_ref){var classes=_ref.classes,file=_ref.file,_ref$metadata=_ref.metadata,metadata=_ref$metadata===void 0?{}:_ref$metadata,handleOnChange=_ref.onChange,_ref$UploadFormCompon=_ref.UploadFormComponent,UploadFormComponent=_ref$UploadFormCompon===void 0?UploadForm:_ref$UploadFormCompon,_ref$UploadFormProps=_ref.UploadFormProps,UploadFormProps=_ref$UploadFormProps===void 0?{}:_ref$UploadFormProps;var name=file.name;var onChange=function onChange(key){return function(event,arrayValue){var value=event.target.value;var newValues=_defineProperty({},key,arrayValue||value);handleOnChange(newValues);};};return/*#__PURE__*/jsxs("div",{className:classes.root,children:[/*#__PURE__*/jsx("div",{className:classes.title,children:name}),/*#__PURE__*/jsx("div",{className:classes.form,children:/*#__PURE__*/jsx(UploadFormComponent,_objectSpread({values:metadata,onChange:onChange},UploadFormProps))})]});}var UploadEditor$1 = withStyles(styles,{name:'VdtUploadEditor'})(UploadEditor);
|
|
7
|
+
|
|
8
|
+
export { UploadEditor$1 as default };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
+
import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
|
|
3
|
+
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
4
|
+
import { withStyles } from '@material-ui/core/styles';
|
|
5
|
+
import TextField from '@material-ui/core/TextField';
|
|
6
|
+
import Autocomplete from '@material-ui/lab/Autocomplete';
|
|
7
|
+
import { jsx, jsxs } 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(theme){return {form:{'& > *':{marginTop:theme.spacing(1.5),marginBottom:theme.spacing(1.5)}}};};function UploadForm(_ref){var classes=_ref.classes,onChange=_ref.onChange,values=_ref.values;return/*#__PURE__*/jsx("div",{className:classes.root,children:/*#__PURE__*/jsxs("div",{className:classes.form,children:[/*#__PURE__*/jsx(TextField,{onChange:onChange('title'),value:values.title,label:"Title",variant:"outlined",required:true,fullWidth:true,InputLabelProps:{shrink:true}}),/*#__PURE__*/jsx(TextField,{onChange:onChange('dsc'),value:values.dsc,label:"Description",variant:"outlined",rows:"8",multiline:true,fullWidth:true,InputLabelProps:{shrink:true}}),/*#__PURE__*/jsx(Autocomplete,{onChange:onChange('tcd')// eslint-disable-next-line no-nested-ternary
|
|
10
|
+
,value:Array.isArray(values.tcd)?values.tcd:values.tcd?[values.tcd]:[],multiple:true,freeSolo:true,selectOnFocus:true,clearOnBlur:true,handleHomeEndKeys:true,options:[],onInputChange:function onInputChange(event,value){if(value.endsWith(',')){var _value$split=value.split(','),_value$split2=_slicedToArray(_value$split,1),newValue=_value$split2[0];// eslint-disable-next-line no-nested-ternary
|
|
11
|
+
var currentArray=Array.isArray(values.tcd)?values.tcd:values.tcd?[values.tcd]:[];var newArray=[].concat(_toConsumableArray(currentArray),[newValue]);onChange('tcd')(event,newArray);}},renderInput:function renderInput(params){return/*#__PURE__*/jsx(TextField,_objectSpread(_objectSpread({},params),{},{variant:"outlined",label:"Tags",InputLabelProps:{shrink:true}}));}})]})});}var UploadForm$1 = withStyles(styles,{name:'VdtUploadForm'})(UploadForm);
|
|
12
|
+
|
|
13
|
+
export { UploadForm$1 as default };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
+
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
3
|
+
import UploadListItem from './UploadListItem.js';
|
|
4
|
+
import { jsx } from 'react/jsx-runtime';
|
|
5
|
+
|
|
6
|
+
var _excluded=["path","files"];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 UploadListFolder(_ref){var path=_ref.path,descendants=_ref.files,props=_objectWithoutProperties(_ref,_excluded);var totalBytes=descendants.reduce(function(total,f){return total+f.file.size||0;},0);var transferedBytes=descendants.reduce(function(total,f){return total+(f.progress&&f.progress.transferedBytes||0);},0);var started=descendants.some(function(c){return c.progress;});var dummyProgress=(started||undefined)&&{transferedBytes:transferedBytes,totalBytes:totalBytes};var dummyFile={size:totalBytes,type:'collection',name:path.split('/').pop()};return/*#__PURE__*/jsx(UploadListItem,_objectSpread({file:dummyFile,progress:dummyProgress},props));}
|
|
7
|
+
|
|
8
|
+
export { UploadListFolder as default };
|