@vidispine/vdt-materialui 23.1.0 → 23.2.0-pre.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +26107 -175
- package/dist/index.umd.cjs +9 -0
- package/package.json +26 -30
- package/dist/ConfirmationDialog.js +0 -7
- package/dist/LayoutButtonGroup.js +0 -12
- package/dist/SplitButton.js +0 -17
- package/dist/Theme.js +0 -10
- package/dist/TreeItemDraggable.js +0 -8
- package/dist/analyze/BatonAnalysisDialog.js +0 -18
- package/dist/analyze/BatonAnalysisForm.js +0 -13
- package/dist/collection/AddToCollectionDialog/AddToCollectionDialog.js +0 -23
- package/dist/collection/AddToCollectionDialog/index.js +0 -6
- package/dist/collection/CollectionAccessTab.js +0 -15
- package/dist/collection/CollectionCard/CollectionCard.js +0 -12
- package/dist/collection/CollectionCard/components/CollectionAvatar.js +0 -7
- package/dist/collection/CollectionCard/index.js +0 -6
- package/dist/collection/CollectionCardThumbnail/CollectionCardThumbnail.js +0 -13
- package/dist/collection/CollectionCardThumbnail/index.js +0 -6
- package/dist/collection/CollectionContent/CollectionContent.js +0 -21
- package/dist/collection/CollectionContent/components/CollectionContentCollection.js +0 -17
- package/dist/collection/CollectionContent/components/CollectionContentEntity.js +0 -14
- package/dist/collection/CollectionContent/components/CollectionContentItem.js +0 -20
- package/dist/collection/CollectionContent/components/CollectionContentSkeleton.js +0 -10
- package/dist/collection/CollectionContent/index.js +0 -6
- package/dist/collection/CollectionCreateDialog/CollectionCreateDialog.js +0 -15
- package/dist/collection/CollectionCreateDialog/index.js +0 -6
- package/dist/collection/CollectionGrid/CollectionGrid.js +0 -9
- package/dist/collection/CollectionGrid/index.js +0 -6
- package/dist/collection/CollectionLabel.js +0 -10
- package/dist/collection/CollectionList/CollectionList.js +0 -9
- package/dist/collection/CollectionList/index.js +0 -6
- package/dist/collection/CollectionListItem/CollectionListItem.js +0 -11
- package/dist/collection/CollectionListItem/index.js +0 -6
- package/dist/collection/CollectionMetadataEdit.js +0 -15
- package/dist/collection/CollectionMetadataTab.js +0 -15
- package/dist/collection/CollectionRow/CollectionRow.js +0 -15
- package/dist/collection/CollectionRow/index.js +0 -6
- package/dist/collection/CollectionSearchPicker/CollectionSearchPicker.js +0 -16
- package/dist/collection/CollectionSearchPicker/index.js +0 -6
- package/dist/collection/CollectionTable/CollectionTable.js +0 -15
- package/dist/collection/CollectionTable/index.js +0 -6
- package/dist/collection/CollectionTreeList/CollectionTreeList.js +0 -19
- package/dist/collection/CollectionTreeList/components/CollectionLabelDroppable.js +0 -8
- package/dist/collection/CollectionTreeList/index.js +0 -6
- package/dist/collection/RemoveFromCollectionDialog/RemoveFromCollectionDialog.js +0 -9
- package/dist/collection/RemoveFromCollectionDialog/index.js +0 -6
- package/dist/contexts/MediaCardContext.js +0 -7
- package/dist/dnd/components/DragLayer.js +0 -11
- package/dist/dnd/contexts/DragAndDropContext.js +0 -10
- package/dist/dnd/hoc/withDrag.js +0 -20
- package/dist/dnd/hoc/withDrop.js +0 -14
- package/dist/dnd/hooks/useDragOffsetDiff.js +0 -10
- package/dist/dnd/utils/extractEntityInfo.js +0 -3
- package/dist/entity/BinList/BinList.js +0 -24
- package/dist/entity/BinList/index.js +0 -6
- package/dist/entity/BinListMenu/BinListMenu.js +0 -18
- package/dist/entity/BinListMenu/index.js +0 -6
- package/dist/entity/EntityAccessAdd.js +0 -24
- package/dist/entity/EntityAccessTable.js +0 -23
- package/dist/entity/EntityCard/EntityCard.js +0 -9
- package/dist/entity/EntityCard/index.js +0 -2
- package/dist/entity/EntityComment.js +0 -18
- package/dist/entity/EntityCommentCard.js +0 -21
- package/dist/entity/EntityDeleteDialog/EntityDeleteDialog.js +0 -23
- package/dist/entity/EntityDeleteDialog/index.js +0 -6
- package/dist/entity/EntityGrid.js +0 -11
- package/dist/entity/EntityGridItem.js +0 -10
- package/dist/entity/EntityGridItemDraggable.js +0 -12
- package/dist/entity/EntityTable.js +0 -15
- package/dist/entity/EntityTableRow.js +0 -9
- package/dist/entity/EntityTableRowDraggable.js +0 -12
- package/dist/entity/EntityTree.js +0 -21
- package/dist/entity/EntityTreeConsts.js +0 -3
- package/dist/entity/EntityTreeContext.js +0 -12
- package/dist/entity/EntityTreeList.js +0 -19
- package/dist/events/Event/Event.js +0 -10
- package/dist/events/Event/index.js +0 -6
- package/dist/events/EventContainer/EventContainer.js +0 -6
- package/dist/events/EventContainer/index.js +0 -6
- package/dist/events/EventMarker/EventMarker.js +0 -7
- package/dist/events/EventMarker/index.js +0 -6
- package/dist/events/EventMarkerThumbnail/EventMarkerThumbnail.js +0 -10
- package/dist/events/EventMarkerThumbnail/index.js +0 -6
- package/dist/events/EventMarkerTimeline/EventMarkerTimeline.js +0 -8
- package/dist/events/EventMarkerTimeline/index.js +0 -6
- package/dist/events/EventTimeline/EventTimeline.js +0 -18
- package/dist/events/EventTimeline/index.js +0 -6
- package/dist/fieldgroup/Editor.js +0 -30
- package/dist/fieldgroup/FieldGroupDesigner.js +0 -34
- package/dist/fieldgroup/FieldIcon.js +0 -14
- package/dist/fieldgroup/MyField.js +0 -12
- package/dist/fieldgroup/MyFieldList.js +0 -8
- package/dist/fields/AutocompleteConstraintField.js +0 -14
- package/dist/fields/AutocompleteField.js +0 -11
- package/dist/fields/CheckboxField.js +0 -13
- package/dist/fields/CheckboxGroupField.js +0 -19
- package/dist/fields/DateField.js +0 -12
- package/dist/fields/Field.js +0 -9
- package/dist/fields/RadioField.js +0 -15
- package/dist/fields/SelectField.js +0 -14
- package/dist/fields/SliderField.js +0 -16
- package/dist/fields/SwitchField.js +0 -11
- package/dist/fields/TagField.js +0 -15
- package/dist/fields/TextField.js +0 -11
- package/dist/filter/FilterCard.js +0 -15
- package/dist/filter/FilterForm.js +0 -11
- package/dist/filter/FilterFormLabel.js +0 -9
- package/dist/forms/ExpandedFormControlLabel.js +0 -12
- package/dist/forms/LoginForm/LoginForm.js +0 -15
- package/dist/forms/LoginForm/index.js +0 -6
- package/dist/forms/SubmitButton.js +0 -10
- package/dist/forms/onGetToken.js +0 -9
- package/dist/general/DragScroll/DragScroll.js +0 -9
- package/dist/general/DragScroll/index.js +0 -6
- package/dist/general/ImageCollage/ImageCollage.js +0 -11
- package/dist/general/ImageCollage/index.js +0 -6
- package/dist/general/MimeTypeIcon/MimeTypeIcon.js +0 -14
- package/dist/general/MimeTypeIcon/index.js +0 -6
- package/dist/general/SelectedToolbar/SelectedToolbar.js +0 -16
- package/dist/general/SelectedToolbar/index.js +0 -6
- package/dist/group/CreateGroupDialog/CreateGroupDialog.js +0 -12
- package/dist/group/CreateGroupDialog/components/CreateGroupForm.js +0 -10
- package/dist/group/CreateGroupDialog/index.js +0 -6
- package/dist/group/EditGroupDialog/EditGroupDialog.js +0 -9
- package/dist/group/EditGroupDialog/components/EditGroupForm.js +0 -7
- package/dist/group/EditGroupDialog/index.js +0 -6
- package/dist/group/GroupDetails/GroupDetails.js +0 -19
- package/dist/group/GroupDetails/components/GroupData.js +0 -8
- package/dist/group/GroupDetails/components/GroupMenu.js +0 -8
- package/dist/group/GroupDetails/index.js +0 -6
- package/dist/group/GroupRelationList/GroupRelationList.js +0 -14
- package/dist/group/GroupRelationList/index.js +0 -6
- package/dist/group/GroupTable/GroupTable.js +0 -9
- package/dist/group/GroupTable/components/GroupRow.js +0 -9
- package/dist/group/GroupTable/index.js +0 -6
- package/dist/hooks/useComments.js +0 -10
- package/dist/hooks/useConfirmationDialog.js +0 -9
- package/dist/hooks/useExpand.js +0 -6
- package/dist/hooks/useMenu.js +0 -6
- package/dist/hooks/useSnackbarAlert.js +0 -13
- package/dist/icons/BitmovinIcon.js +0 -8
- package/dist/icons/FolderMultipleIcon.js +0 -8
- package/dist/icons/MediaConvertIcon.js +0 -8
- package/dist/icons/VidispineIcon.js +0 -8
- package/dist/icons/bitmovin_24.svg.js +0 -36
- package/dist/icons/foldermultiple_24.svg.js +0 -16
- package/dist/icons/mediaconvert_24.svg.js +0 -39
- package/dist/icons/vidispine_24.svg.js +0 -135
- package/dist/item/AddRelationDialog.js +0 -19
- package/dist/item/ItemAccessTab.js +0 -16
- package/dist/item/ItemCard.js +0 -12
- package/dist/item/ItemCompoundMetadataTab.js +0 -13
- package/dist/item/ItemCompoundMetadataTable.js +0 -20
- package/dist/item/ItemFieldGroupTab.js +0 -20
- package/dist/item/ItemFileShareDialog.js +0 -16
- package/dist/item/ItemGrid.js +0 -8
- package/dist/item/ItemGridDroppable.js +0 -11
- package/dist/item/ItemLabel.js +0 -12
- package/dist/item/ItemLabelDroppable.js +0 -8
- package/dist/item/ItemList/ItemList.js +0 -9
- package/dist/item/ItemList/index.js +0 -6
- package/dist/item/ItemListItem/ItemListItem.js +0 -11
- package/dist/item/ItemListItem/index.js +0 -6
- package/dist/item/ItemMetadataEdit.js +0 -13
- package/dist/item/ItemMetadataFieldRow.js +0 -12
- package/dist/item/ItemMetadataForm.js +0 -10
- package/dist/item/ItemMetadataFormTable.js +0 -25
- package/dist/item/ItemMetadataList.js +0 -12
- package/dist/item/ItemMetadataListFieldGroupItem.js +0 -14
- package/dist/item/ItemMetadataListFieldItem.js +0 -9
- package/dist/item/ItemMetadataTab.js +0 -15
- package/dist/item/ItemMetadataTable.js +0 -12
- package/dist/item/ItemParentsTab.js +0 -28
- package/dist/item/ItemPoster.js +0 -11
- package/dist/item/ItemPosterDialog.js +0 -13
- package/dist/item/ItemPosterList.js +0 -11
- package/dist/item/ItemPosterTab.js +0 -8
- package/dist/item/ItemRelationRemoveDialog.js +0 -10
- package/dist/item/ItemRelationsTab.js +0 -31
- package/dist/item/ItemRow.js +0 -15
- package/dist/item/ItemSearchPicker.js +0 -15
- package/dist/item/ItemShapeTab.js +0 -11
- package/dist/item/ItemShapeTable/ItemShapeTable.js +0 -13
- package/dist/item/ItemShapeTable/components/ItemShapeMenu.js +0 -16
- package/dist/item/ItemShapeTable/components/ItemShapeRow.js +0 -23
- package/dist/item/ItemShapeTable/index.js +0 -6
- package/dist/item/ItemSidecarDialog/ItemSidecarDialog.js +0 -15
- package/dist/item/ItemSidecarDialog/index.js +0 -6
- package/dist/item/ItemSidecarDownload/ItemSidecarDownload.js +0 -21
- package/dist/item/ItemSidecarDownload/index.js +0 -6
- package/dist/item/ItemSidecarUpload/ItemSidecarUpload.js +0 -22
- package/dist/item/ItemSidecarUpload/index.js +0 -6
- package/dist/item/ItemSourceTab.js +0 -9
- package/dist/item/ItemSourceTable/ItemSourceTable.js +0 -10
- package/dist/item/ItemSourceTable/components/AudioComponentTypeTableBody.js +0 -11
- package/dist/item/ItemSourceTable/components/ContainerComponentTypeTableBody.js +0 -11
- package/dist/item/ItemSourceTable/components/FileTypeTableBody.js +0 -15
- package/dist/item/ItemSourceTable/components/ImageTypeTableBody.js +0 -12
- package/dist/item/ItemSourceTable/components/MetadataTypeTableBody.js +0 -10
- package/dist/item/ItemSourceTable/components/PdfTypeTableBody.js +0 -9
- package/dist/item/ItemSourceTable/components/ShapeTypeTableBody.js +0 -16
- package/dist/item/ItemSourceTable/components/TableHead.js +0 -8
- package/dist/item/ItemSourceTable/components/TableRow.js +0 -10
- package/dist/item/ItemSourceTable/components/VideoComponentTypeTableBody.js +0 -12
- package/dist/item/ItemSourceTable/index.js +0 -6
- package/dist/item/ItemTable.js +0 -14
- package/dist/item/ItemTabs/ItemTabs.js +0 -13
- package/dist/item/ItemTabs/components/Tab.js +0 -7
- package/dist/item/ItemTabs/components/TabPanel.js +0 -9
- package/dist/item/ItemTabs/components/Tabs.js +0 -6
- package/dist/item/ItemTabs/index.js +0 -6
- package/dist/item/ItemTimespan/ItemTimespan.js +0 -10
- package/dist/item/ItemTimespan/components/ConfidenceSlider.js +0 -12
- package/dist/item/ItemTimespan/components/EditButton.js +0 -11
- package/dist/item/ItemTimespan/components/ItemTimespanBox.js +0 -17
- package/dist/item/ItemTimespan/components/ItemTimespanEdit.js +0 -12
- package/dist/item/ItemTimespan/components/ItemTimespanForm.js +0 -10
- package/dist/item/ItemTimespan/components/ItemTimespanInterval.js +0 -17
- package/dist/item/ItemTimespan/components/ItemTimespanList.js +0 -11
- package/dist/item/ItemTimespan/components/ItemTimespanSearchInput.js +0 -16
- package/dist/item/ItemTimespan/components/ItemTimespanSelection.js +0 -12
- package/dist/item/ItemTimespan/hooks/useConfidenceSlider.js +0 -8
- package/dist/item/ItemTimespan/hooks/useItemTimespan.js +0 -9
- package/dist/item/ItemTimespan/hooks/useItemTimespanBox.js +0 -8
- package/dist/item/ItemTimespan/hooks/useItemTimespanBoxEdit.js +0 -6
- package/dist/item/ItemTimespan/hooks/useItemTimespanEdit.js +0 -8
- package/dist/item/ItemTimespan/hooks/useItemTimespanInterval.js +0 -8
- package/dist/item/ItemTimespan/hooks/useItemTimespanList.js +0 -9
- package/dist/item/ItemTimespan/index.js +0 -6
- package/dist/item/ItemTimespan/utils/filterTimespanList.js +0 -7
- package/dist/item/ItemTimespan/utils/findActiveTimespanIndex.js +0 -5
- package/dist/item/ItemTimespan/utils/parseTimespanList.js +0 -6
- package/dist/item/ItemTimespanTab.js +0 -2
- package/dist/item/ItemTreeItem.js +0 -11
- package/dist/item/player/ItemAudioPlayer.js +0 -10
- package/dist/item/player/ItemDocumentPlayer.js +0 -11
- package/dist/item/player/ItemDocumentViewers/ItemPdfViewer.js +0 -12
- package/dist/item/player/ItemImagePlayer.js +0 -8
- package/dist/item/player/ItemPlayer/ItemPlayer.js +0 -25
- package/dist/item/player/ItemPlayer/index.js +0 -6
- package/dist/item/player/ItemVideoPlayer.js +0 -14
- package/dist/job/JobCard.js +0 -20
- package/dist/job/JobDataTable.js +0 -11
- package/dist/job/JobFooter.js +0 -14
- package/dist/job/JobFooterContext.js +0 -11
- package/dist/job/JobList.js +0 -23
- package/dist/job/JobRow.js +0 -11
- package/dist/job/JobRowButton.js +0 -6
- package/dist/job/JobSelectForm.js +0 -13
- package/dist/job/JobTable.js +0 -11
- package/dist/job/JobTaskTable.js +0 -21
- package/dist/job/const.js +0 -3
- package/dist/mapStringsBooleans.js +0 -6
- package/dist/media/MediaBadge.js +0 -7
- package/dist/media/MediaBadges.js +0 -15
- package/dist/media/MediaCard/MediaCard.js +0 -17
- package/dist/media/MediaCard/index.js +0 -6
- package/dist/media/MediaCardActions.js +0 -11
- package/dist/media/MediaCardAvatar/MediaCardAvatar.js +0 -10
- package/dist/media/MediaCardAvatar/index.js +0 -6
- package/dist/media/MediaCardCard.js +0 -10
- package/dist/media/MediaCardCheckbox.js +0 -6
- package/dist/media/MediaCardContent.js +0 -10
- package/dist/media/MediaCardDurationLabel.js +0 -6
- package/dist/media/MediaCardFullWidth/MediaCardFullWidth.js +0 -19
- package/dist/media/MediaCardFullWidth/components/MediaCardExpand.js +0 -10
- package/dist/media/MediaCardFullWidth/components/MediaCardFullWidthCard.js +0 -10
- package/dist/media/MediaCardFullWidth/components/MediaCardFullWidthContent.js +0 -11
- package/dist/media/MediaCardFullWidth/components/MediaCardFullWidthHeader.js +0 -9
- package/dist/media/MediaCardFullWidth/index.js +0 -6
- package/dist/media/MediaCardHeader.js +0 -10
- package/dist/media/MediaCardMenu.js +0 -13
- package/dist/media/MediaCardThumbnail/MediaCardThumbnail.js +0 -12
- package/dist/media/MediaCardThumbnail/index.js +0 -6
- package/dist/media/MediaCardThumbnailLabel/MediaCardThumbnailLabel.js +0 -7
- package/dist/media/MediaCardThumbnailLabel/index.js +0 -6
- package/dist/search/Pagination.js +0 -9
- package/dist/search/PaginationActions.js +0 -10
- package/dist/search/SavedSearch/SaveSearchForm.js +0 -10
- package/dist/search/SavedSearch/SavedSearch.js +0 -11
- package/dist/search/SavedSearch/SavedSearchAccessList.js +0 -11
- package/dist/search/SavedSearch/SavedSearchList.js +0 -12
- package/dist/search/SavedSearch/SavedSearchRow.js +0 -37
- package/dist/search/SavedSearch/ShareSearch.js +0 -10
- package/dist/search/SavedSearch/index.js +0 -2
- package/dist/search/SavedSearchFolder/AddFolderRow.js +0 -13
- package/dist/search/SavedSearchFolder/FolderRow.js +0 -15
- package/dist/search/SavedSearchFolder/index.js +0 -2
- package/dist/search/SearchField/SearchField.js +0 -23
- package/dist/search/SearchField/index.js +0 -6
- package/dist/search/SearchInput/SearchInput.js +0 -20
- package/dist/search/SearchInput/index.js +0 -6
- package/dist/search/SearchInputFieldSelect.js +0 -12
- package/dist/search/SearchResultRow.js +0 -13
- package/dist/search/SearchResultTable.js +0 -14
- package/dist/search/SearchSuggestions.js +0 -11
- package/dist/search/Sort/Sort.js +0 -15
- package/dist/search/Sort/index.js +0 -6
- package/dist/search/SortMenuItem.js +0 -11
- package/dist/search/SpellCheck/SpellCheck.js +0 -10
- package/dist/search/SpellCheck/index.js +0 -6
- package/dist/search/querybuilder/QueryBetween/QueryBetween.js +0 -10
- package/dist/search/querybuilder/QueryBetween/index.js +0 -6
- package/dist/search/querybuilder/QueryBuilder/QueryBuilder.js +0 -15
- package/dist/search/querybuilder/QueryBuilder/index.js +0 -6
- package/dist/search/querybuilder/QueryBuilderCard/QueryBuilderCard.js +0 -13
- package/dist/search/querybuilder/QueryBuilderCard/index.js +0 -6
- package/dist/search/querybuilder/QueryBuilderContext.js +0 -13
- package/dist/search/querybuilder/QueryContains/QueryContains.js +0 -10
- package/dist/search/querybuilder/QueryContains/index.js +0 -6
- package/dist/search/querybuilder/QueryEntry/QueryEntry.js +0 -20
- package/dist/search/querybuilder/QueryEntry/index.js +0 -6
- package/dist/search/querybuilder/QueryEquals/QueryEquals.js +0 -10
- package/dist/search/querybuilder/QueryEquals/index.js +0 -6
- package/dist/search/querybuilder/QueryField/QueryField.js +0 -22
- package/dist/search/querybuilder/QueryField/index.js +0 -6
- package/dist/search/querybuilder/QueryGroup/QueryGroup.js +0 -15
- package/dist/search/querybuilder/QueryGroup/index.js +0 -6
- package/dist/search/querybuilder/QueryInput/QueryInput.js +0 -17
- package/dist/search/querybuilder/QueryInput/index.js +0 -6
- package/dist/search/querybuilder/QueryOperator/QueryOperator.js +0 -16
- package/dist/search/querybuilder/QueryOperator/index.js +0 -6
- package/dist/storage/StorageListTree.js +0 -21
- package/dist/transcode/ShapeTagCard.js +0 -10
- package/dist/transcode/ShapeTagListAccordion.js +0 -19
- package/dist/transcode/TranscodeDialog.js +0 -32
- package/dist/upload/FileTree.js +0 -14
- package/dist/upload/Upload.js +0 -25
- package/dist/upload/UploadEditor.js +0 -8
- package/dist/upload/UploadForm.js +0 -13
- package/dist/upload/UploadListFolder.js +0 -8
- package/dist/upload/UploadListItem.js +0 -22
- package/dist/user/ChangePasswordDialog.js +0 -14
- package/dist/user/ChangePasswordForm.js +0 -22
- package/dist/user/ChangeUserPasswordDialog/ChangeUserPasswordDialog.js +0 -8
- package/dist/user/ChangeUserPasswordDialog/components/PasswordField.js +0 -10
- package/dist/user/ChangeUserPasswordDialog/components/UserPasswordForm.js +0 -8
- package/dist/user/ChangeUserPasswordDialog/index.js +0 -6
- package/dist/user/CreateUserDialog/CreateUserDialog.js +0 -12
- package/dist/user/CreateUserDialog/components/CreateUserForm.js +0 -11
- package/dist/user/CreateUserDialog/index.js +0 -6
- package/dist/user/EditUserDialog/EditUserDialog.js +0 -8
- package/dist/user/EditUserDialog/components/EditUserForm.js +0 -7
- package/dist/user/EditUserDialog/index.js +0 -6
- package/dist/user/UserAvatarButton/UserAvatarButton.js +0 -17
- package/dist/user/UserAvatarButton/index.js +0 -6
- package/dist/user/UserDetails/UserDetails.js +0 -17
- package/dist/user/UserDetails/components/UserData.js +0 -8
- package/dist/user/UserDetails/components/UserMenu.js +0 -8
- package/dist/user/UserDetails/index.js +0 -6
- package/dist/user/UserRelationList/UserRelationList.js +0 -13
- package/dist/user/UserRelationList/index.js +0 -6
- package/dist/user/UserTable/UserTable.js +0 -9
- package/dist/user/UserTable/components/UserRow.js +0 -9
- package/dist/user/UserTable/index.js +0 -6
- package/dist/utils.js +0 -7
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import clsx from 'clsx';
|
|
3
|
-
import IconButton from '@material-ui/core/IconButton';
|
|
4
|
-
import { withStyles } from '@material-ui/core/styles';
|
|
5
|
-
import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
|
|
6
|
-
import { jsx } from 'react/jsx-runtime';
|
|
7
|
-
|
|
8
|
-
var styles=function styles(theme){return {root:{height:'100%',display:'flex',alignItems:'flex-end'},expand:{transform:'rotate(0deg)',marginLeft:'auto',transition:theme.transitions.create('transform',{duration:theme.transitions.duration.shortest})},expanded:{transform:'rotate(180deg)'},IconComponent:{}};};function MediaCardExpand(_ref){var classes=_ref.classes,className=_ref.className,expanded=_ref.expanded,onExpand=_ref.onExpand,_ref$IconComponent=_ref.IconComponent,IconComponent=_ref$IconComponent===void 0?ExpandMoreIcon:_ref$IconComponent;return/*#__PURE__*/jsx("div",{className:clsx(className,classes.root),children:/*#__PURE__*/jsx(IconButton,{className:clsx(classes.expand,_defineProperty({},classes.expanded,expanded)),onClick:onExpand,children:/*#__PURE__*/jsx(IconComponent,{className:classes.IconComponent})})});}var MediaCardExpand$1 = withStyles(styles,{name:'VdtMediaCardExpand'})(MediaCardExpand);
|
|
9
|
-
|
|
10
|
-
export { MediaCardExpand$1 as default };
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
3
|
-
import clsx from 'clsx';
|
|
4
|
-
import Card from '@material-ui/core/Card';
|
|
5
|
-
import { withStyles } from '@material-ui/core/styles';
|
|
6
|
-
import { jsx } from 'react/jsx-runtime';
|
|
7
|
-
|
|
8
|
-
var _excluded=["className","classes","selected","children"];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:{width:'100%',borderColor:'transparent',borderWidth:0.7,borderStyle:'solid',transition:'border-color .2s ease-out'},selected:{borderColor:theme.palette.secondary.main}};};function MediaCardFullWidthCard(_ref){var className=_ref.className,classes=_ref.classes,selected=_ref.selected,children=_ref.children,props=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/jsx(Card,_objectSpread(_objectSpread({className:clsx(classes.root,_defineProperty({},classes.selected,selected),'VdtMediaCardFullWidthCard-root',className),elevation:2},props),{},{children:children}));}var MediaCardFullWidthCard$1 = withStyles(styles,{name:'VdtMediaCardFullWidthCard'})(MediaCardFullWidthCard);
|
|
9
|
-
|
|
10
|
-
export { MediaCardFullWidthCard$1 as default };
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import clsx from 'clsx';
|
|
3
|
-
import CardContent from '@material-ui/core/CardContent';
|
|
4
|
-
import { withStyles } from '@material-ui/core/styles';
|
|
5
|
-
import Tooltip from '@material-ui/core/Tooltip';
|
|
6
|
-
import Typography from '@material-ui/core/Typography';
|
|
7
|
-
import { jsx } from 'react/jsx-runtime';
|
|
8
|
-
|
|
9
|
-
function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var styles=function styles(theme){return {root:{paddingBottom:theme.spacing(1),paddingTop:theme.spacing(1),'&:last-child':{paddingBottom:theme.spacing(1)}},Typography:_objectSpread(_objectSpread({},theme.typography.body2),{},{color:theme.palette.text.secondary}),truncate:{display:'-webkit-box',WebkitBoxOrient:'vertical',overflow:'hidden'},Tooltip:{}};};function MediaCardFullWidthContent(_ref){var classes=_ref.classes,className=_ref.className,content=_ref.content,_ref$truncateContentR=_ref.truncateContentRows,truncateContentRows=_ref$truncateContentR===void 0?3:_ref$truncateContentR,_ref$TooltipProps=_ref.TooltipProps,TooltipProps=_ref$TooltipProps===void 0?{}:_ref$TooltipProps,_ref$TypographyProps=_ref.TypographyProps,TypographyProps=_ref$TypographyProps===void 0?{}:_ref$TypographyProps,_ref$enterDelay=_ref.enterDelay,enterDelay=_ref$enterDelay===void 0?500:_ref$enterDelay,_ref$component=_ref.component,component=_ref$component===void 0?'p':_ref$component;return/*#__PURE__*/jsx(CardContent,{className:clsx(className,classes.root),children:/*#__PURE__*/jsx(Tooltip,_objectSpread(_objectSpread({className:classes.Tooltip,title:content,enterDelay:enterDelay},TooltipProps),{},{children:/*#__PURE__*/jsx(Typography,_objectSpread(_objectSpread({className:clsx(classes.Typography,_defineProperty({},classes.truncate,truncateContentRows)),component:component,style:{WebkitLineClamp:truncateContentRows===false?undefined:truncateContentRows}},TypographyProps),{},{children:content}))}))});}var MediaCardFullWidthContent$1 = withStyles(styles,{name:'VdtMediaCardFullWidthContent'})(MediaCardFullWidthContent);
|
|
10
|
-
|
|
11
|
-
export { MediaCardFullWidthContent$1 as default };
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
3
|
-
import CardHeader from '@material-ui/core/CardHeader';
|
|
4
|
-
import { withStyles } from '@material-ui/core/styles';
|
|
5
|
-
import { jsx } from 'react/jsx-runtime';
|
|
6
|
-
|
|
7
|
-
var _excluded=["classes","className","title","titleTypographyProps","subheader","subheaderTypographyProps"];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),paddingTop:theme.spacing(1),paddingBottom:theme.spacing(1),overflow:'hidden'},content:{overflow:'hidden'}};};function MediaCardFullWidthHeader(_ref){var classes=_ref.classes,className=_ref.className,title=_ref.title,_ref$titleTypographyP=_ref.titleTypographyProps,titleTypographyProps=_ref$titleTypographyP===void 0?{noWrap:true}:_ref$titleTypographyP,subheader=_ref.subheader,_ref$subheaderTypogra=_ref.subheaderTypographyProps,subheaderTypographyProps=_ref$subheaderTypogra===void 0?{noWrap:true}:_ref$subheaderTypogra,props=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/jsx(CardHeader,_objectSpread({className:className,title:title,titleTypographyProps:titleTypographyProps,subheader:subheader,subheaderTypographyProps:subheaderTypographyProps,classes:{root:classes.root,content:classes.content}},props));}var MediaCardFullWidthHeader$1 = withStyles(styles,{name:'MediaCardFullWidthHeader'})(MediaCardFullWidthHeader);
|
|
8
|
-
|
|
9
|
-
export { MediaCardFullWidthHeader$1 as default };
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { withStyles } from '@material-ui/core/styles';
|
|
2
|
-
import MediaCardFullWidth, { styles } from './MediaCardFullWidth.js';
|
|
3
|
-
|
|
4
|
-
var Component=withStyles(styles,{name:'VdtMediaCardFullWidth'})(MediaCardFullWidth);Component.displayName='MediaCardFullWidth';var Component$1 = Component;
|
|
5
|
-
|
|
6
|
-
export { Component$1 as default };
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import CardHeader from '@material-ui/core/CardHeader';
|
|
3
|
-
import { makeStyles } from '@material-ui/core/styles';
|
|
4
|
-
import MediaCardAvatar from './MediaCardAvatar/index.js';
|
|
5
|
-
import MediaCardMenu from './MediaCardMenu.js';
|
|
6
|
-
import { jsx } from 'react/jsx-runtime';
|
|
7
|
-
|
|
8
|
-
function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var useStyles=makeStyles({root:{paddingLeft:8,paddingRight:0,paddingTop:8,paddingBottom:8},action:{margin:0}});function MediaCardHeader(_ref){var className=_ref.className,primaryColor=_ref.primaryColor,secondaryColor=_ref.secondaryColor,title=_ref.title,_ref$titleTypographyP=_ref.titleTypographyProps,titleTypographyProps=_ref$titleTypographyP===void 0?{noWrap:true,style:{width:220}}:_ref$titleTypographyP,subheader=_ref.subheader,_ref$subheaderTypogra=_ref.subheaderTypographyProps,subheaderTypographyProps=_ref$subheaderTypogra===void 0?{noWrap:true,style:{width:220}}:_ref$subheaderTypogra,hover=_ref.hover,checked=_ref.checked,handleChecked=_ref.handleChecked,avatar=_ref.avatar,_ref$AvatarComponent=_ref.AvatarComponent,AvatarComponent=_ref$AvatarComponent===void 0?MediaCardAvatar:_ref$AvatarComponent,_ref$AvatarProps=_ref.AvatarProps,AvatarProps=_ref$AvatarProps===void 0?{}:_ref$AvatarProps,_ref$MenuComponent=_ref.MenuComponent,MenuComponent=_ref$MenuComponent===void 0?MediaCardMenu:_ref$MenuComponent,_ref$MenuProps=_ref.MenuProps,MenuProps=_ref$MenuProps===void 0?{}:_ref$MenuProps,_ref$innerProps=_ref.innerProps,innerProps=_ref$innerProps===void 0?{}:_ref$innerProps;var classes=useStyles();return/*#__PURE__*/jsx(CardHeader,{className:className,avatar:AvatarComponent&&/*#__PURE__*/jsx(AvatarComponent,_objectSpread({primaryColor:primaryColor,secondaryColor:secondaryColor,hover:hover,avatar:avatar,handleChecked:handleChecked,checked:checked,innerProps:innerProps},AvatarProps)),action:MenuComponent&&/*#__PURE__*/jsx(MenuComponent,_objectSpread({hover:hover,innerProps:innerProps,primaryColor:primaryColor,secondaryColor:secondaryColor,handleChecked:handleChecked,checked:checked},MenuProps)),title:title,titleTypographyProps:titleTypographyProps,subheader:subheader,subheaderTypographyProps:subheaderTypographyProps,classes:{root:classes.root,action:classes.action}});}
|
|
9
|
-
|
|
10
|
-
export { MediaCardHeader as default };
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
2
|
-
import { useState } from 'react';
|
|
3
|
-
import Avatar from '@material-ui/core/Avatar';
|
|
4
|
-
import ButtonBase from '@material-ui/core/ButtonBase';
|
|
5
|
-
import Menu from '@material-ui/core/Menu';
|
|
6
|
-
import MenuItem from '@material-ui/core/MenuItem';
|
|
7
|
-
import { makeStyles } from '@material-ui/core/styles';
|
|
8
|
-
import MoreVertIcon from '@material-ui/icons/MoreVert';
|
|
9
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
10
|
-
|
|
11
|
-
var useStyles=makeStyles({colorDefault:{color:function color(props){return props.primaryColor;},backgroundColor:'transparent'}});function MediaCardMenu(_ref){var hover=_ref.hover,primaryColor=_ref.primaryColor;var classes=useStyles({primaryColor:primaryColor});var _useState=useState(null),_useState2=_slicedToArray(_useState,2),anchorEl=_useState2[0],setAnchorEl=_useState2[1];var handleMenuClick=function handleMenuClick(event){setAnchorEl(event.currentTarget);};var handleMenuClose=function handleMenuClose(){setAnchorEl(null);};return/*#__PURE__*/jsxs("div",{style:{visibility:hover?'visible':'hidden',transition:'visibility .2s ease-out'},children:[/*#__PURE__*/jsx(Avatar,{onClick:handleMenuClick,component:ButtonBase,disableRipple:true,classes:{colorDefault:classes.colorDefault},children:/*#__PURE__*/jsx(MoreVertIcon,{})}),/*#__PURE__*/jsxs(Menu,{anchorEl:anchorEl,keepMounted:true,open:Boolean(anchorEl),onClose:handleMenuClose,elevation:0,PaperProps:{square:true},getContentAnchorEl:null,anchorOrigin:{vertical:'bottom',horizontal:'right'},transformOrigin:{vertical:'top',horizontal:'right'},children:[/*#__PURE__*/jsx(MenuItem,{children:"First"}),/*#__PURE__*/jsx(MenuItem,{children:"Second"}),/*#__PURE__*/jsx(MenuItem,{children:"Third"})]})]});}
|
|
12
|
-
|
|
13
|
-
export { MediaCardMenu as default };
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
3
|
-
import clsx from 'clsx';
|
|
4
|
-
import { parseMetadataType } from '@vidispine/vdt-js';
|
|
5
|
-
import { useHoverScrub } from '@vidispine/vdt-react';
|
|
6
|
-
import MediaCardDurationLabel from '../MediaCardDurationLabel.js';
|
|
7
|
-
import MediaCardThumbnailLabel from '../MediaCardThumbnailLabel/index.js';
|
|
8
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
9
|
-
|
|
10
|
-
var _excluded=["classes","className","component","image","height","width","primaryColor","onClick","labelLeftTop","LabelComponentLeftTop","LabelPropsLeftTop","labelLeftBottom","LabelComponentLeftBottom","LabelPropsLeftBottom","labelRightTop","LabelComponentRightTop","LabelPropsRightTop","labelRightBottom","LabelComponentRightBottom","LabelPropsRightBottom","innerProps","scrubOnHover","scrubOffsetProp","scrubLabelLeftMargin","ScrubLabelComponent","ScrubLabelProps"];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:{},container:{position:'relative'},onClick:{cursor:'pointer'},scrubSlider:{width:'2px',height:'100%',background:'#ddd',position:'absolute',zIndex:4,top:0,opacity:0.9},scrubLabel:{width:'fit-content',backgroundColor:theme.palette.type==='dark'?theme.palette.common.white:theme.palette.common.black,color:theme.palette.type==='dark'?theme.palette.common.black:theme.palette.common.white,borderRadius:2,position:'absolute',zIndex:4,top:-12},background:{transform:'scale(1.1)',backgroundSize:'cover',backgroundRepeat:'no-repeat',backgroundPosition:'center',zIndex:1,height:'100%',width:'100%',position:'absolute'},backgroundHasImage:{filter:'blur(20px) grayscale(60%)'},img:{position:'absolute',top:'50%',left:'50%',transform:'translate(-50%, -50%)',width:'auto',height:'auto',maxWidth:'100%',maxHeight:'100%',zIndex:2},labelContainer:{position:'absolute',height:'100%',width:'100%',zIndex:3,display:'flex',flexDirection:'column',justifyContent:'space-between'},labelTop:{display:'flex',flexDirection:'row',justifyContent:'space-between'},labelBottom:{display:'flex',flexDirection:'row',justifyContent:'space-between'},labelLeftTop:{},labelRightTop:{},labelLeftBottom:{},labelRightBottom:{}};};function MediaCardThumbnail(_ref){var classes=_ref.classes,className=_ref.className,Component=_ref.component,image=_ref.image,height=_ref.height,width=_ref.width,primaryColor=_ref.primaryColor,_onClick=_ref.onClick,labelLeftTop=_ref.labelLeftTop,LabelComponentLeftTop=_ref.LabelComponentLeftTop,LabelPropsLeftTop=_ref.LabelPropsLeftTop,labelLeftBottom=_ref.labelLeftBottom,LabelComponentLeftBottom=_ref.LabelComponentLeftBottom,LabelPropsLeftBottom=_ref.LabelPropsLeftBottom,labelRightTop=_ref.labelRightTop,LabelComponentRightTop=_ref.LabelComponentRightTop,LabelPropsRightTop=_ref.LabelPropsRightTop,labelRightBottom=_ref.labelRightBottom,LabelComponentRightBottom=_ref.LabelComponentRightBottom,LabelPropsRightBottom=_ref.LabelPropsRightBottom,innerProps=_ref.innerProps,scrubOnHover=_ref.scrubOnHover,scrubOffsetProp=_ref.scrubOffsetProp,scrubLabelLeftMargin=_ref.scrubLabelLeftMargin,ScrubLabelComponent=_ref.ScrubLabelComponent,ScrubLabelProps=_ref.ScrubLabelProps,props=_objectWithoutProperties(_ref,_excluded);var _innerProps$itemType=innerProps.itemType,itemType=_innerProps$itemType===void 0?{}:_innerProps$itemType,itemId=innerProps.itemId;var _parseMetadataType=parseMetadataType(itemType.metadata,{joinValue:',',flat:true}),durationSeconds=_parseMetadataType.durationSeconds;var _itemType$thumbnails=itemType.thumbnails,thumbnails=_itemType$thumbnails===void 0?{}:_itemType$thumbnails;var _thumbnails$uri=thumbnails.uri,srcList=_thumbnails$uri===void 0?[]:_thumbnails$uri;if(image&&srcList.length===0)srcList=[image];var _useHoverScrub=useHoverScrub(srcList,scrubOffsetProp,durationSeconds),thumbnailIndex=_useHoverScrub.thumbnailIndex,thumbnailTimeCode=_useHoverScrub.thumbnailTimeCode,thumbnailWidth=_useHoverScrub.thumbnailWidth,onMouseMove=_useHoverScrub.onMouseMove,scrubPosition=_useHoverScrub.scrubPosition,handleShowScrub=_useHoverScrub.handleShowScrub,showScrub=_useHoverScrub.showScrub;var scrubPostionPrecentage=scrubPosition/thumbnailWidth*100;var scrubLabelPosition=-(scrubPostionPrecentage/100*scrubLabelLeftMargin).toFixed(0);var itemPath=thumbnailTimeCode?"".concat(itemId,"?t=").concat(thumbnailTimeCode.toSeconds().toFixed(0)):"".concat(itemId);return/*#__PURE__*/jsx(Component,_objectSpread(_objectSpread({className:clsx(classes.root,className,_defineProperty({},classes.onClick,_onClick)),onMouseEnter:scrubOnHover===true?handleShowScrub(true):undefined,onMouseLeave:scrubOnHover===true?handleShowScrub(false):undefined,onMouseMove:scrubOnHover===true?onMouseMove:undefined,onClick:function onClick(e){return _onClick(e,itemPath,thumbnailTimeCode);}},props),{},{children:/*#__PURE__*/jsxs("div",{className:classes.container,style:{height:height,width:width},children:[/*#__PURE__*/jsx("div",{className:clsx(classes.background,_defineProperty({},classes.backgroundHasImage,image)),style:{backgroundColor:image?undefined:primaryColor,backgroundImage:image?"url(".concat(image,")"):undefined}}),/*#__PURE__*/jsx("img",{className:classes.img,src:srcList[thumbnailIndex]||image,alt:""}),scrubOnHover&&/*#__PURE__*/jsx("div",{className:classes.scrubSlider,style:{left:scrubPosition,display:showScrub?'block':'none'},children:thumbnailTimeCode&&/*#__PURE__*/jsx(ScrubLabelComponent,_objectSpread({className:classes.scrubLabel,style:{left:scrubLabelPosition},label:thumbnailTimeCode.toSeconds().toFixed(0)},ScrubLabelProps))}),/*#__PURE__*/jsxs("div",{className:classes.labelContainer,children:[/*#__PURE__*/jsxs("div",{className:classes.labelTop,children:[/*#__PURE__*/jsx("div",{className:classes.labelLeftTop,children:/*#__PURE__*/jsx(LabelComponentLeftTop,_objectSpread({label:labelLeftTop,innerProps:innerProps},LabelPropsLeftTop))}),/*#__PURE__*/jsx("div",{className:classes.labelRightTop,children:/*#__PURE__*/jsx(LabelComponentRightTop,_objectSpread({label:labelRightTop,innerProps:innerProps},LabelPropsRightTop))})]}),/*#__PURE__*/jsxs("div",{className:classes.labelBottom,children:[/*#__PURE__*/jsx("div",{className:classes.labelLeftBottom,children:/*#__PURE__*/jsx(LabelComponentLeftBottom,_objectSpread({label:labelLeftBottom,innerProps:innerProps},LabelPropsLeftBottom))}),/*#__PURE__*/jsx("div",{className:classes.labelRightBottom,children:/*#__PURE__*/jsx(LabelComponentRightBottom,_objectSpread({label:labelRightBottom,innerProps:innerProps},LabelPropsRightBottom))})]})]})]})}));}MediaCardThumbnail.defaultProps={className:undefined,classes:{},component:'div',image:undefined,height:180,width:'100%',primaryColor:undefined,onClick:undefined,labelLeftTop:undefined,LabelComponentLeftTop:MediaCardThumbnailLabel,LabelPropsLeftTop:{},labelLeftBottom:undefined,LabelComponentLeftBottom:MediaCardThumbnailLabel,LabelPropsLeftBottom:{},labelRightTop:undefined,LabelComponentRightTop:MediaCardThumbnailLabel,LabelPropsRightTop:{},labelRightBottom:undefined,LabelComponentRightBottom:MediaCardThumbnailLabel,LabelPropsRightBottom:{},innerProps:{},scrubOnHover:true,scrubOffsetProp:0,scrubLabelLeftMargin:60,ScrubLabelComponent:MediaCardDurationLabel,ScrubLabelProps:{}};
|
|
11
|
-
|
|
12
|
-
export { MediaCardThumbnail as default, styles };
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { withStyles } from '@material-ui/core/styles';
|
|
2
|
-
import MediaCardThumbnail$1, { styles } from './MediaCardThumbnail.js';
|
|
3
|
-
|
|
4
|
-
var Component=withStyles(styles,{name:'VdtMediaCardThumbnail'})(MediaCardThumbnail$1);Component.displayName='MediaCardThumbnail';var MediaCardThumbnail = Component;
|
|
5
|
-
|
|
6
|
-
export { MediaCardThumbnail as default };
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import clsx from 'clsx';
|
|
3
|
-
import { jsx } from 'react/jsx-runtime';
|
|
4
|
-
|
|
5
|
-
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:{color:theme.palette.common.white,backgroundColor:theme.palette.common.black,marginLeft:theme.spacing(1),marginRight:theme.spacing(1),marginTop:theme.spacing(0.5),marginBottom:theme.spacing(0.5),paddingLeft:theme.spacing(0.5),paddingRight:theme.spacing(0.5)},label:_objectSpread(_objectSpread({},theme.typography.caption),{},{color:'inherit'})};};function MediaCardThumbnailLabel(_ref){var style=_ref.style,classes=_ref.classes,className=_ref.className,label=_ref.label;return/*#__PURE__*/jsx("div",{className:clsx(classes.root,className),style:style,children:/*#__PURE__*/jsx("span",{className:classes.label,children:label})});}MediaCardThumbnailLabel.defaultProps={className:undefined,classes:{},label:undefined,style:{}};
|
|
6
|
-
|
|
7
|
-
export { MediaCardThumbnailLabel as default, styles };
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { withStyles } from '@material-ui/core/styles';
|
|
2
|
-
import MediaCardThumbnailLabel$1, { styles } from './MediaCardThumbnailLabel.js';
|
|
3
|
-
|
|
4
|
-
var Component=withStyles(styles,{name:'VdtMediaCardThumbnailLabel'})(MediaCardThumbnailLabel$1);Component.displayName='MediaCardThumbnailLabel';var MediaCardThumbnailLabel = Component;
|
|
5
|
-
|
|
6
|
-
export { MediaCardThumbnailLabel as default };
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
|
|
3
|
-
import TablePagination from '@material-ui/core/TablePagination';
|
|
4
|
-
import SearchPaginationActions from './PaginationActions.js';
|
|
5
|
-
import { jsx } from 'react/jsx-runtime';
|
|
6
|
-
|
|
7
|
-
function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}function SearchPagination(_ref){var _ref$count=_ref.count,count=_ref$count===void 0?0:_ref$count,_ref$page=_ref.page,page=_ref$page===void 0?0:_ref$page,_ref$rowsPerPage=_ref.rowsPerPage,rowsPerPage=_ref$rowsPerPage===void 0?10:_ref$rowsPerPage,_ref$rowsPerPageOptio=_ref.rowsPerPageOptions,initialRowsPerPageOptions=_ref$rowsPerPageOptio===void 0?[10,25,50,100]:_ref$rowsPerPageOptio,onChangePage=_ref.onChangePage,onChangeRowsPerPage=_ref.onChangeRowsPerPage,_ref$ActionsComponent=_ref.ActionsComponent,ActionsComponent=_ref$ActionsComponent===void 0?SearchPaginationActions:_ref$ActionsComponent,_ref$TablePaginationP=_ref.TablePaginationProps,TablePaginationProps=_ref$TablePaginationP===void 0?{}:_ref$TablePaginationP;var rowsPerPageOptions=!initialRowsPerPageOptions.includes(rowsPerPage)?[].concat(_toConsumableArray(initialRowsPerPageOptions),[rowsPerPage]).sort(function(a,b){return a-b;}):initialRowsPerPageOptions;return/*#__PURE__*/jsx(TablePagination,_objectSpread({component:"div",count:count,page:page,rowsPerPage:rowsPerPage,onPageChange:onChangePage,onRowsPerPageChange:onChangeRowsPerPage,ActionsComponent:ActionsComponent,rowsPerPageOptions:rowsPerPageOptions},TablePaginationProps));}
|
|
8
|
-
|
|
9
|
-
export { SearchPagination as default };
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import IconButton from '@material-ui/core/IconButton';
|
|
2
|
-
import FirstPageIcon from '@material-ui/icons/FirstPage';
|
|
3
|
-
import KeyboardArrowLeft from '@material-ui/icons/KeyboardArrowLeft';
|
|
4
|
-
import KeyboardArrowRight from '@material-ui/icons/KeyboardArrowRight';
|
|
5
|
-
import LastPageIcon from '@material-ui/icons/LastPage';
|
|
6
|
-
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
7
|
-
|
|
8
|
-
function SearchPaginationActions(_ref){var count=_ref.count,page=_ref.page,rowsPerPage=_ref.rowsPerPage,onPageChange=_ref.onPageChange;return/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsx(IconButton,{onClick:function onClick(){return onPageChange({page:0});},disabled:page===0,children:/*#__PURE__*/jsx(FirstPageIcon,{})}),/*#__PURE__*/jsx(IconButton,{onClick:function onClick(){return onPageChange({page:page-1});},disabled:page===0,children:/*#__PURE__*/jsx(KeyboardArrowLeft,{})}),/*#__PURE__*/jsx(IconButton,{onClick:function onClick(){return onPageChange({page:page+1});},disabled:page>=Math.ceil(count/rowsPerPage)-1,children:/*#__PURE__*/jsx(KeyboardArrowRight,{})}),/*#__PURE__*/jsx(IconButton,{onClick:function onClick(){return onPageChange({page:Math.max(0,Math.ceil(count/rowsPerPage)-1)});},disabled:page>=Math.ceil(count/rowsPerPage)-1,children:/*#__PURE__*/jsx(LastPageIcon,{})})]});}
|
|
9
|
-
|
|
10
|
-
export { SearchPaginationActions as default };
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
2
|
-
import { useState } from 'react';
|
|
3
|
-
import Button from '@material-ui/core/Button';
|
|
4
|
-
import InputBase from '@material-ui/core/InputBase';
|
|
5
|
-
import { withStyles } from '@material-ui/core/styles';
|
|
6
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
7
|
-
|
|
8
|
-
var styles=function styles(theme){return {root:{paddingTop:theme.spacing(1),paddingBottom:theme.spacing(1)},TextField:{},Button:{borderRadius:0}};};function SaveSearchForm(_ref){var classes=_ref.classes,itemSearchDocument=_ref.itemSearchDocument,onSaveSearch=_ref.onSaveSearch,_ref$onSuccess=_ref.onSuccess,onSuccess=_ref$onSuccess===void 0?function(){}:_ref$onSuccess,_ref$onError=_ref.onError,onError=_ref$onError===void 0?function(){}:_ref$onError,_ref$nameText=_ref.nameText,nameText=_ref$nameText===void 0?'New Saved Search':_ref$nameText,_ref$saveText=_ref.saveText,saveText=_ref$saveText===void 0?'Save':_ref$saveText;var _useState=useState(''),_useState2=_slicedToArray(_useState,2),saveSearchName=_useState2[0],setSaveSearchName=_useState2[1];var onSubmit=function onSubmit(e){e.preventDefault();if(!saveSearchName){onError('No Name specified');return;}onSaveSearch({metadata:{title:saveSearchName.trim()},itemSearchDocument:itemSearchDocument}).then(onSuccess)["catch"](onError);};return/*#__PURE__*/jsxs("form",{className:classes.root,onSubmit:onSubmit,children:[/*#__PURE__*/jsx(InputBase,{className:classes.TextField,onChange:function onChange(e){return setSaveSearchName(e.target.value);},fullWidth:true,placeholder:nameText}),/*#__PURE__*/jsx(Button,{className:classes.Button,disabled:!saveSearchName||saveSearchName.trim()==='',fullWidth:true,color:"primary",variant:"contained",disableElevation:true,type:"submit",children:saveText})]});}var SaveSearchForm$1 = withStyles(styles,{name:'VdtSaveSearchForm'})(SaveSearchForm);
|
|
9
|
-
|
|
10
|
-
export { SaveSearchForm$1 as default };
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import clsx from 'clsx';
|
|
3
|
-
import { withStyles } from '@material-ui/core/styles';
|
|
4
|
-
import { useSavedSearch } from '@vidispine/vdt-react';
|
|
5
|
-
import SavedSearchList from './SavedSearchList.js';
|
|
6
|
-
import SaveSearchForm from './SaveSearchForm.js';
|
|
7
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
8
|
-
|
|
9
|
-
function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var styles=function styles(theme){return {root:{padding:theme.spacing(2)}};};function SavedSearch(_ref){var classes=_ref.classes,className=_ref.className,markerField=_ref.markerField,markerValue=_ref.markerValue,itemSearchDocument=_ref.itemSearchDocument,onSelect=_ref.onSelect,_ref$onSaveSuccess=_ref.onSaveSuccess,onSaveSuccess=_ref$onSaveSuccess===void 0?function(){}:_ref$onSaveSuccess,_ref$onSaveError=_ref.onSaveError,onSaveError=_ref$onSaveError===void 0?function(){}:_ref$onSaveError,_ref$SearchListCompon=_ref.SearchListComponent,SearchListComponent=_ref$SearchListCompon===void 0?SavedSearchList:_ref$SearchListCompon,_ref$SearchListProps=_ref.SearchListProps,SearchListProps=_ref$SearchListProps===void 0?{}:_ref$SearchListProps,_ref$SearchFormCompon=_ref.SearchFormComponent,SearchFormComponent=_ref$SearchFormCompon===void 0?SaveSearchForm:_ref$SearchFormCompon,_ref$SearchFormProps=_ref.SearchFormProps,SearchFormProps=_ref$SearchFormProps===void 0?{}:_ref$SearchFormProps,accessTranslate=_ref.accessTranslate,extraMenuItems=_ref.extraMenuItems;var _useSavedSearch=useSavedSearch({markerField:markerField,markerValue:markerValue,initialSearchState:{rowsPerPage:5}}),onDeleteSearch=_useSavedSearch.onDeleteSearch,onUpdateSearchMetadata=_useSavedSearch.onUpdateSearchMetadata,onGetSavedSearchSettings=_useSavedSearch.onGetSavedSearchSettings,onSaveSearch=_useSavedSearch.onSaveSearch,searchProps=_useSavedSearch.searchProps;var handleSelect=function handleSelect(_ref2){var collectionId=_ref2.collectionId;return onGetSavedSearchSettings({collectionId:collectionId}).then(function(response){return onSelect(response,collectionId);});};return/*#__PURE__*/jsxs("div",{className:clsx(classes.root,'VdtSavedSearch-root',className),children:[SearchFormComponent&&/*#__PURE__*/jsx(SearchFormComponent,_objectSpread({itemSearchDocument:itemSearchDocument,onSuccess:onSaveSuccess,onError:onSaveError,onSaveSearch:onSaveSearch},SearchFormProps)),SearchListComponent&&/*#__PURE__*/jsx(SearchListComponent,_objectSpread({onSelect:handleSelect,onDelete:onDeleteSearch,onUpdateSearchMetadata:onUpdateSearchMetadata,searchProps:searchProps,accessTranslate:accessTranslate,extraMenuItems:extraMenuItems},SearchListProps))]});}var SavedSearch$1 = withStyles(styles,{name:'VdtSavedSearchList'})(SavedSearch);
|
|
10
|
-
|
|
11
|
-
export { SavedSearch$1 as default };
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
3
|
-
import { useEffect } from 'react';
|
|
4
|
-
import { useEntityAccess } from '@vidispine/vdt-react';
|
|
5
|
-
import EntityAccessTable from '../../entity/EntityAccessTable.js';
|
|
6
|
-
import { jsx } from 'react/jsx-runtime';
|
|
7
|
-
|
|
8
|
-
var _excluded=["collectionId"],_excluded2=["getEntityAccessProps"];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 SavedSearchAccessList(_ref){var collectionId=_ref.collectionId,props=_objectWithoutProperties(_ref,_excluded);var getEntityAccessProps=props.getEntityAccessProps,EntityAccessTableProps=_objectWithoutProperties(props,_excluded2);var _useEntityAccess=useEntityAccess({entityId:collectionId,entityType:'collection'}),accessControlList=_useEntityAccess.accessControlList,onList=_useEntityAccess.onList,onRemove=_useEntityAccess.onRemove;useEffect(function(){onList(getEntityAccessProps);// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
9
|
-
},[collectionId]);var handleRemove=function handleRemove(removeProps){return onRemove(removeProps).then(function(){return onList(getEntityAccessProps);});};return/*#__PURE__*/jsx(EntityAccessTable,_objectSpread({entityType:"collection",entityId:collectionId,accessControlList:accessControlList,onRemove:handleRemove},EntityAccessTableProps));}
|
|
10
|
-
|
|
11
|
-
export { SavedSearchAccessList as default };
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
3
|
-
import List from '@material-ui/core/List';
|
|
4
|
-
import { withStyles } from '@material-ui/core/styles';
|
|
5
|
-
import CollectionSearchPicker from '../../collection/CollectionSearchPicker/index.js';
|
|
6
|
-
import SavedSearchRow from './SavedSearchRow.js';
|
|
7
|
-
import { jsx } from 'react/jsx-runtime';
|
|
8
|
-
|
|
9
|
-
var _excluded=["searchProps","searchPlaceholderText","onSelect","onDelete","onUpdateSearchMetadata","RowComponent","RowProps","accessTranslate","extraMenuItems"];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 SavedSearchList(_ref){var searchProps=_ref.searchProps,_ref$searchPlaceholde=_ref.searchPlaceholderText,searchPlaceholderText=_ref$searchPlaceholde===void 0?'Find searches':_ref$searchPlaceholde,_onSelect=_ref.onSelect,_onDelete=_ref.onDelete,_onUpdateSearchMetadata=_ref.onUpdateSearchMetadata,_ref$RowComponent=_ref.RowComponent,RowComponent=_ref$RowComponent===void 0?SavedSearchRow:_ref$RowComponent,_ref$RowProps=_ref.RowProps,RowProps=_ref$RowProps===void 0?{}:_ref$RowProps,accessTranslate=_ref.accessTranslate,extraMenuItems=_ref.extraMenuItems,props=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/jsx(CollectionSearchPicker,_objectSpread({searchProps:searchProps,searchPlaceholder:searchPlaceholderText// eslint-disable-next-line react/no-unstable-nested-components
|
|
10
|
-
,CollectionTableComponent:function CollectionTableComponent(_ref2){var collectionListType=_ref2.collectionListType,onRefresh=_ref2.onRefresh;return/*#__PURE__*/jsx(List,{children:collectionListType&&collectionListType.collection&&collectionListType.collection.map(function(collectionType){return/*#__PURE__*/jsx(RowComponent,_objectSpread({collectionType:collectionType,onSelect:function onSelect(){return _onSelect({collectionId:collectionType.id});},onDelete:function onDelete(){return Promise.resolve(_onDelete({collectionId:collectionType.id}).then(onRefresh));},onUpdateSearchMetadata:function onUpdateSearchMetadata(metadataDocument){return Promise.resolve(_onUpdateSearchMetadata({collectionId:collectionType.id,metadataDocument:metadataDocument}).then(onRefresh));},accessTranslate:accessTranslate,extraMenuItems:extraMenuItems},RowProps),collectionType.id);})});},PaginationProps:{rowsPerPageOptions:[5,10]}},props));}var SavedSearchList$1 = withStyles(styles,{name:'VdtSavedSearchList'})(SavedSearchList);
|
|
11
|
-
|
|
12
|
-
export { SavedSearchList$1 as default };
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
3
|
-
import { useRef, useState } from 'react';
|
|
4
|
-
import clsx from 'clsx';
|
|
5
|
-
import ButtonBase from '@material-ui/core/ButtonBase';
|
|
6
|
-
import Divider from '@material-ui/core/Divider';
|
|
7
|
-
import IconButton from '@material-ui/core/IconButton';
|
|
8
|
-
import InputAdornment from '@material-ui/core/InputAdornment';
|
|
9
|
-
import ListItem from '@material-ui/core/ListItem';
|
|
10
|
-
import ListItemIcon from '@material-ui/core/ListItemIcon';
|
|
11
|
-
import ListItemText from '@material-ui/core/ListItemText';
|
|
12
|
-
import Menu from '@material-ui/core/Menu';
|
|
13
|
-
import MenuItem from '@material-ui/core/MenuItem';
|
|
14
|
-
import Popover from '@material-ui/core/Popover';
|
|
15
|
-
import { withStyles } from '@material-ui/core/styles';
|
|
16
|
-
import TextField from '@material-ui/core/TextField';
|
|
17
|
-
import CheckIcon from '@material-ui/icons/Check';
|
|
18
|
-
import ChevronLeftIcon from '@material-ui/icons/ChevronLeft';
|
|
19
|
-
import CloseIcon from '@material-ui/icons/Close';
|
|
20
|
-
import CreateNewFolderOutlinedIcon from '@material-ui/icons/CreateNewFolderOutlined';
|
|
21
|
-
import DeleteIcon from '@material-ui/icons/Delete';
|
|
22
|
-
import EditIcon from '@material-ui/icons/Edit';
|
|
23
|
-
import FolderIcon from '@material-ui/icons/Folder';
|
|
24
|
-
import LockIcon from '@material-ui/icons/Lock';
|
|
25
|
-
import MoreVertIcon from '@material-ui/icons/MoreVert';
|
|
26
|
-
import SearchIcon from '@material-ui/icons/Search';
|
|
27
|
-
import ShareIcon from '@material-ui/icons/Share';
|
|
28
|
-
import YoutubeSearchedForIcon from '@material-ui/icons/YoutubeSearchedFor';
|
|
29
|
-
import { parseMetadataType, createMetadataType } from '@vidispine/vdt-js';
|
|
30
|
-
import FolderMultipleIcon from '../../icons/FolderMultipleIcon.js';
|
|
31
|
-
import SavedSearchAccessList from './SavedSearchAccessList.js';
|
|
32
|
-
import ShareSearch from './ShareSearch.js';
|
|
33
|
-
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
34
|
-
|
|
35
|
-
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 SHARE_MENU='SHARE_MENU';var LISTACCESS_MENU='LISTACCESS_MENU';var styles=function styles(theme){return {root:{'&:hover $SubmitSearchIcon':{visibility:'visible'}},FolderIcon:{minWidth:32},SubmitSearchIcon:{visibility:'hidden'},inputDisabled:{cursor:'pointer'},disabled:{opacity:1},menuContext:{},menuExpand:{minWidth:theme.breakpoints.values.sm/2},CancelEditIcon:{marginRight:theme.spacing(0.5),'&:hover':{color:'red'}},SubmitTitleIcon:{marginRight:theme.spacing(0.5),'&:hover':{color:'green'}},OptionsIcon:{marginRight:theme.spacing(0.5)}};};function SavedSearchRow(_ref){var classes=_ref.classes,collectionType=_ref.collectionType,onSelect=_ref.onSelect,onAddRow=_ref.onAddRow,onExpand=_ref.onExpand,onDelete=_ref.onDelete,onUpdateSearchMetadata=_ref.onUpdateSearchMetadata,disableDeletion=_ref.disableDeletion,type=_ref.type,accessTranslate=_ref.accessTranslate,_ref$extraMenuItems=_ref.extraMenuItems,extraMenuItems=_ref$extraMenuItems===void 0?[]:_ref$extraMenuItems,_ref$isFolderRow=_ref.isFolderRow,isFolderRow=_ref$isFolderRow===void 0?false:_ref$isFolderRow,_ref$hideSubFolderSha=_ref.hideSubFolderSharing,hideSubFolderSharing=_ref$hideSubFolderSha===void 0?false:_ref$hideSubFolderSha,_ref$allowDelete=_ref.allowDelete,allowDelete=_ref$allowDelete===void 0?function(){return true;}:_ref$allowDelete,_ref$allowShare=_ref.allowShare,allowShare=_ref$allowShare===void 0?function(){return true;}:_ref$allowShare,_ref$allowListAccess=_ref.allowListAccess,allowListAccess=_ref$allowListAccess===void 0?function(){return true;}:_ref$allowListAccess,_ref$allowEditTitle=_ref.allowEditTitle,allowEditTitle=_ref$allowEditTitle===void 0?function(){return true;}:_ref$allowEditTitle,_ref$ListAccessCompon=_ref.ListAccessComponent,ListAccessComponent=_ref$ListAccessCompon===void 0?SavedSearchAccessList:_ref$ListAccessCompon,_ref$ListAccessProps=_ref.ListAccessProps,ListAccessProps=_ref$ListAccessProps===void 0?{}:_ref$ListAccessProps,_ref$ShareComponent=_ref.ShareComponent,ShareComponent=_ref$ShareComponent===void 0?ShareSearch:_ref$ShareComponent,_ref$ShareProps=_ref.ShareProps,ShareProps=_ref$ShareProps===void 0?{}:_ref$ShareProps,_ref$addFolderText=_ref.addFolderText,addFolderText=_ref$addFolderText===void 0?'Add folder':_ref$addFolderText,_ref$addSearchText=_ref.addSearchText,addSearchText=_ref$addSearchText===void 0?'Add search':_ref$addSearchText,_ref$editTitleText=_ref.editTitleText,editTitleText=_ref$editTitleText===void 0?'Edit':_ref$editTitleText,_ref$shareText=_ref.shareText,shareText=_ref$shareText===void 0?'Share':_ref$shareText,_ref$listAccessText=_ref.listAccessText,listAccessText=_ref$listAccessText===void 0?'Access':_ref$listAccessText,_ref$deleteText=_ref.deleteText,deleteText=_ref$deleteText===void 0?'Delete':_ref$deleteText,_ref$backText=_ref.backText,backText=_ref$backText===void 0?'Back':_ref$backText,_ref$FolderSingleIcon=_ref.FolderSingleIcon,FolderSingleIcon=_ref$FolderSingleIcon===void 0?FolderIcon:_ref$FolderSingleIcon,_ref$FolderMultiIcon=_ref.FolderMultiIcon,FolderMultiIcon=_ref$FolderMultiIcon===void 0?FolderMultipleIcon:_ref$FolderMultiIcon,_ref$QueryIcon=_ref.QueryIcon,QueryIcon=_ref$QueryIcon===void 0?SearchIcon:_ref$QueryIcon,_ref$CreateFolderIcon=_ref.CreateFolderIcon,CreateFolderIcon=_ref$CreateFolderIcon===void 0?CreateNewFolderOutlinedIcon:_ref$CreateFolderIcon,_ref$AddNewSearch=_ref.AddNewSearch,AddNewSearch=_ref$AddNewSearch===void 0?SearchIcon:_ref$AddNewSearch,_ref$SubmitSearchIcon=_ref.SubmitSearchIcon,SubmitSearchIcon=_ref$SubmitSearchIcon===void 0?YoutubeSearchedForIcon:_ref$SubmitSearchIcon,_ref$ListAccessIcon=_ref.ListAccessIcon,ListAccessIcon=_ref$ListAccessIcon===void 0?LockIcon:_ref$ListAccessIcon,_ref$SubmitTitleIcon=_ref.SubmitTitleIcon,SubmitTitleIcon=_ref$SubmitTitleIcon===void 0?CheckIcon:_ref$SubmitTitleIcon,_ref$CancelEditIcon=_ref.CancelEditIcon,CancelEditIcon=_ref$CancelEditIcon===void 0?CloseIcon:_ref$CancelEditIcon,_ref$EditTitleIcon=_ref.EditTitleIcon,EditTitleIcon=_ref$EditTitleIcon===void 0?EditIcon:_ref$EditTitleIcon,_ref$ShareSearchIcon=_ref.ShareSearchIcon,ShareSearchIcon=_ref$ShareSearchIcon===void 0?ShareIcon:_ref$ShareSearchIcon,_ref$DeleteSearchIcon=_ref.DeleteSearchIcon,DeleteSearchIcon=_ref$DeleteSearchIcon===void 0?DeleteIcon:_ref$DeleteSearchIcon,_ref$OptionsIcon=_ref.OptionsIcon,OptionsIcon=_ref$OptionsIcon===void 0?MoreVertIcon:_ref$OptionsIcon;var _collectionType$metad=collectionType.metadata,metadata=_collectionType$metad===void 0?{}:_collectionType$metad;var searchMetadata=parseMetadataType(metadata,{joinValue:',',flat:true});var inputRef=useRef();var _useState=useState(null),_useState2=_slicedToArray(_useState,2),expandedView=_useState2[0],setExpandedView=_useState2[1];var _useState3=useState(searchMetadata.title||''),_useState4=_slicedToArray(_useState3,2),title=_useState4[0],setTitle=_useState4[1];var _useState5=useState(null),_useState6=_slicedToArray(_useState5,2),anchorEl=_useState6[0],setAnchorEl=_useState6[1];var _useState7=useState(false),_useState8=_slicedToArray(_useState7,2),isEditing=_useState8[0],setIsEditing=_useState8[1];var handleOpenMenu=function handleOpenMenu(e){if(e.stopPropagation)e.stopPropagation();setAnchorEl(e.currentTarget);};var handleMenuAction=function handleMenuAction(){var action=arguments.length>0&&arguments[0]!==undefined?arguments[0]:function(){return null;};var fieldType=arguments.length>1&&arguments[1]!==undefined?arguments[1]:'';return function(e){if(e.stopPropagation)e.stopPropagation();setAnchorEl(null);action(fieldType);};};var handleSubmitTitle=function handleSubmitTitle(){return onUpdateSearchMetadata(createMetadataType({title:title})).then(function(){return setIsEditing(false);});};var handleEditTitle=handleMenuAction(function(){setIsEditing(true);inputRef.current.focus();});var handleEditCancel=function handleEditCancel(){setTitle(searchMetadata.title);setIsEditing(false);};var handleDelete=handleMenuAction(onDelete);var handleOnSelect=handleMenuAction(onSelect);var handleOnExpand=handleMenuAction(onExpand);var handleNewField=function handleNewField(fieldType){return handleMenuAction(onAddRow,fieldType);};var handleExtraMenuOnClick=function handleExtraMenuOnClick(menuFunction){menuFunction(metadata);setAnchorEl(null);};return/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsxs(ListItem,{disableGutters:true,dense:true,className:classes.root,button:true,onClick:type==='query'?handleOnSelect:handleOnExpand,children:[isFolderRow?{folder:/*#__PURE__*/jsx(ListItemIcon,{className:classes.FolderIcon,children:disableDeletion?/*#__PURE__*/jsx(FolderMultiIcon,{}):/*#__PURE__*/jsx(FolderSingleIcon,{})}),query:/*#__PURE__*/jsx(ListItemIcon,{className:classes.FolderIcon,children:/*#__PURE__*/jsx(QueryIcon,{})})}[type]:SubmitSearchIcon&&/*#__PURE__*/jsx(ListItemIcon,{children:/*#__PURE__*/jsx(IconButton,{size:"small",onClick:handleOnSelect,children:/*#__PURE__*/jsx(SubmitSearchIcon,{className:classes.SubmitSearchIcon})})}),/*#__PURE__*/jsx(ListItemText,{primary:/*#__PURE__*/jsx(TextField,{fullWidth:true,value:title,onChange:isEditing?function(e){return setTitle(e.target.value);}:undefined,onClick:isEditing?function(e){return e.stopPropagation();}:undefined,onKeyPress:function onKeyPress(e){if(e.key==='Enter'){e.preventDefault();handleSubmitTitle();}},InputProps:{inputProps:{disabled:!isEditing,ref:inputRef,className:clsx(classes.input,_defineProperty({},classes.inputDisabled,!isEditing))},disableUnderline:!isEditing,endAdornment:/*#__PURE__*/jsx(InputAdornment,{position:"end",children:isEditing?/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsx(ButtonBase,{size:"small",onClick:handleEditCancel,children:/*#__PURE__*/jsx(CancelEditIcon,{className:classes.CancelEditIcon})}),/*#__PURE__*/jsx(ButtonBase,{size:"small",onClick:handleSubmitTitle,children:/*#__PURE__*/jsx(SubmitTitleIcon,{className:classes.SubmitTitleIcon})})]}):[allowShare,allowListAccess,allowDelete,allowEditTitle].some(function(f){return f(searchMetadata);})&&/*#__PURE__*/jsx(ButtonBase,{size:"small",onClick:handleOpenMenu,children:/*#__PURE__*/jsx(OptionsIcon,{className:classes.OptionsIcon})})})}})})]}),/*#__PURE__*/jsx(Menu,{anchorEl:anchorEl,open:Boolean(anchorEl)&&expandedView===null,keepMounted:true,onClose:function onClose(){return setAnchorEl(null);},getContentAnchorEl:null,anchorOrigin:{vertical:'bottom',horizontal:'right'},transformOrigin:{vertical:'top',horizontal:'right'},children:/*#__PURE__*/jsxs("div",{className:classes.menuContext,children:[allowListAccess(searchMetadata)&&type==='folder'&&/*#__PURE__*/jsxs(MenuItem,{dense:true,onClick:handleNewField({id:searchMetadata.collectionId,type:'folder'}),children:[CreateFolderIcon?/*#__PURE__*/jsx(ListItemIcon,{children:/*#__PURE__*/jsx(CreateFolderIcon,{})}):null,/*#__PURE__*/jsx(ListItemText,{primary:addFolderText})]},1),allowListAccess(searchMetadata)&&type==='folder'&&/*#__PURE__*/jsxs(MenuItem,{dense:true,onClick:handleNewField({id:searchMetadata.collectionId,type:'query'}),children:[AddNewSearch?/*#__PURE__*/jsx(ListItemIcon,{children:/*#__PURE__*/jsx(AddNewSearch,{})}):null,/*#__PURE__*/jsx(ListItemText,{primary:addSearchText})]},2),allowEditTitle(searchMetadata)&&/*#__PURE__*/jsxs(MenuItem,{dense:true,onClick:handleEditTitle,children:[EditTitleIcon?/*#__PURE__*/jsx(ListItemIcon,{children:/*#__PURE__*/jsx(EditTitleIcon,{})}):null,/*#__PURE__*/jsx(ListItemText,{primary:editTitleText})]},3),allowListAccess(searchMetadata)&&/*#__PURE__*/jsxs(MenuItem,{dense:true,onClick:function onClick(){return setExpandedView(LISTACCESS_MENU);},children:[ListAccessIcon?/*#__PURE__*/jsx(ListItemIcon,{children:/*#__PURE__*/jsx(ListAccessIcon,{})}):null,/*#__PURE__*/jsx(ListItemText,{primary:listAccessText})]},4),allowShare(searchMetadata)&&!hideSubFolderSharing&&/*#__PURE__*/jsxs(MenuItem,{dense:true,onClick:function onClick(){return setExpandedView(SHARE_MENU);},children:[ShareSearchIcon?/*#__PURE__*/jsx(ListItemIcon,{children:/*#__PURE__*/jsx(ShareSearchIcon,{})}):null,/*#__PURE__*/jsx(ListItemText,{primary:shareText})]},5),allowDelete(searchMetadata)&&/*#__PURE__*/jsxs(MenuItem,{dense:true,onClick:handleDelete,disabled:disableDeletion,children:[DeleteSearchIcon?/*#__PURE__*/jsx(ListItemIcon,{children:/*#__PURE__*/jsx(DeleteSearchIcon,{})}):null,/*#__PURE__*/jsx(ListItemText,{primary:deleteText})]},6),extraMenuItems.map(function(item){return/*#__PURE__*/jsxs(MenuItem,{dense:true,onClick:function onClick(){return handleExtraMenuOnClick(item["function"]);},children:[/*#__PURE__*/jsx(ListItemIcon,{children:/*#__PURE__*/jsx(item.icon,{})}),/*#__PURE__*/jsx(ListItemText,{primary:item.name})]},"extraMenu".concat(item.id));})]})}),/*#__PURE__*/jsx(Popover,{open:expandedView!==null,anchorEl:anchorEl,anchorOrigin:{vertical:'bottom',horizontal:'right'},transformOrigin:{vertical:'top',horizontal:'right'},onClose:function onClose(){setExpandedView(null);setAnchorEl(null);},children:/*#__PURE__*/jsxs("div",{className:classes.menuExpand,children:[/*#__PURE__*/jsxs(MenuItem,{onClick:function onClick(){return setExpandedView(null);},children:[/*#__PURE__*/jsx(ListItemIcon,{children:/*#__PURE__*/jsx(ChevronLeftIcon,{})}),/*#__PURE__*/jsx(ListItemText,{primary:backText})]}),/*#__PURE__*/jsx(Divider,{}),expandedView===SHARE_MENU&&/*#__PURE__*/jsx(ShareComponent,_objectSpread({collectionId:searchMetadata.collectionId,onSuccess:function onSuccess(){return setExpandedView(LISTACCESS_MENU);}},ShareProps)),expandedView===LISTACCESS_MENU&&/*#__PURE__*/jsx(ListAccessComponent,_objectSpread({entityAccessMenuText:deleteText,collectionId:searchMetadata.collectionId,accessTranslate:accessTranslate},ListAccessProps))]})})]});}var SavedSearchRow$1 = withStyles(styles,{name:'VdtSavedSearchRow'})(SavedSearchRow);
|
|
36
|
-
|
|
37
|
-
export { SavedSearchRow$1 as default };
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
3
|
-
import { withStyles } from '@material-ui/core/styles';
|
|
4
|
-
import { access } from '@vidispine/vdt-api';
|
|
5
|
-
import EntityAccessEdit from '../../entity/EntityAccessAdd.js';
|
|
6
|
-
import { jsx } from 'react/jsx-runtime';
|
|
7
|
-
|
|
8
|
-
var _excluded=["classes","collectionId"];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={actionsSubmit:{width:'100%'},root:{width:'100%'}};function ShareSearch(_ref){var classes=_ref.classes,collectionId=_ref.collectionId,props=_objectWithoutProperties(_ref,_excluded);var handleSubmit=function handleSubmit(args){return access.createEntityAccess(_objectSpread(_objectSpread({},args),{},{queryParams:{allowDuplicate:false}}));};return/*#__PURE__*/jsx(EntityAccessEdit,_objectSpread({classes:classes,entityType:"collection",entityId:collectionId,onSubmit:handleSubmit,initialAccessControlDocument:{user:null,permission:'READ'},PermissionPickerComponent:null},props));}var ShareSearch$1 = withStyles(styles,{name:'VdtShareSearch'})(ShareSearch);
|
|
9
|
-
|
|
10
|
-
export { ShareSearch$1 as default };
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
2
|
-
import { useState } from 'react';
|
|
3
|
-
import { withStyles, ListItem, TextField, IconButton } from '@material-ui/core';
|
|
4
|
-
import AddCircleOutlinedIcon from '@material-ui/icons/AddCircleOutlined';
|
|
5
|
-
import CancelIcon from '@material-ui/icons/Cancel';
|
|
6
|
-
import CreateNewFolderOutlinedIcon from '@material-ui/icons/CreateNewFolderOutlined';
|
|
7
|
-
import SaveIcon from '@material-ui/icons/Save';
|
|
8
|
-
import SearchIcon from '@material-ui/icons/Search';
|
|
9
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
10
|
-
|
|
11
|
-
var styles=function styles(){return {root:{marginRight:4,width:'100%',display:'flex',alignItems:'center',height:50},icon:{fontSize:22,marginRight:15},input:{marginRight:10,minWidth:200},iconButton:{}};};function AddFolderRow(_ref){var classes=_ref.classes,id=_ref.id,setExpand=_ref.setExpand,saveSearch=_ref.saveSearch,onAddRow=_ref.onAddRow,createFolder=_ref.createFolder,itemSearchDocument=_ref.itemSearchDocument,newField=_ref.newField,_ref$markerField=_ref.markerField,markerField=_ref$markerField===void 0?'saved_search_folder':_ref$markerField,_ref$markerValue=_ref.markerValue,markerValue=_ref$markerValue===void 0?'SubFolder':_ref$markerValue,_ref$folderNameText=_ref.folderNameText,folderNameText=_ref$folderNameText===void 0?'Folder name':_ref$folderNameText,_ref$searchNameText=_ref.searchNameText,searchNameText=_ref$searchNameText===void 0?'Search name':_ref$searchNameText;var fieldId=newField.id,type=newField.type;var _useState=useState(''),_useState2=_slicedToArray(_useState,2),inputValue=_useState2[0],setInputValue=_useState2[1];var closeNewRow=function closeNewRow(){onAddRow({id:null,type:null});setExpand(true);};var handleCreateFolder=function handleCreateFolder(){if(inputValue){createFolder(id,markerField,markerValue,inputValue,closeNewRow);}};var handleSaveSearch=function handleSaveSearch(){if(inputValue){saveSearch(id,inputValue,itemSearchDocument,closeNewRow);}};if(id!==fieldId){return null;}return/*#__PURE__*/jsxs(ListItem,{disableGutters:true,dense:true,className:classes.root,children:[{folder:/*#__PURE__*/jsx(CreateNewFolderOutlinedIcon,{classes:{root:classes.icon}}),query:/*#__PURE__*/jsx(SearchIcon,{className:classes.icon})}[type],/*#__PURE__*/jsx(TextField,{className:classes.input,onChange:function onChange(e){return setInputValue(e.target.value);},placeholder:type==='folder'?folderNameText:searchNameText,variant:"outlined",size:"small"}),/*#__PURE__*/jsx(IconButton,{classes:{root:classes.iconButton},onClick:type==='folder'?handleCreateFolder:handleSaveSearch,color:"primary",variant:"outlined",children:{folder:/*#__PURE__*/jsx(AddCircleOutlinedIcon,{}),query:/*#__PURE__*/jsx(SaveIcon,{})}[type]}),/*#__PURE__*/jsx(IconButton,{classes:{root:classes.iconButton},onClick:closeNewRow,color:"primary",variant:"outlined",children:/*#__PURE__*/jsx(CancelIcon,{})})]});}var AddFolderRow$1 = withStyles(styles,{name:'VdtAddFolderRow'})(AddFolderRow);
|
|
12
|
-
|
|
13
|
-
export { AddFolderRow$1 as default };
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
3
|
-
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
4
|
-
import { useState, useMemo } from 'react';
|
|
5
|
-
import clsx from 'clsx';
|
|
6
|
-
import { withStyles } from '@material-ui/core/styles';
|
|
7
|
-
import { parseMetadataType } from '@vidispine/vdt-js';
|
|
8
|
-
import { compose, useGetSavedSearchFolders, useSavedSearch } from '@vidispine/vdt-react';
|
|
9
|
-
import SavedSearchRow from '../SavedSearch/SavedSearchRow.js';
|
|
10
|
-
import AddFolderRow from './AddFolderRow.js';
|
|
11
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
12
|
-
|
|
13
|
-
var _excluded=["classes","id","queryParams","markerProps","childFolders","metadata","itemSearchDocument","folderDepth","type","hideSubFolderSharing","onSelect","onRemoveItem","indentationValues","indentationProps","FolderRowContentComponent","FolderRowContentProps","AddRowComponent","AddRowProps","FolderRowContentWrapperComponent","FolderRowContentWrapperProps"];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 defaultmarkerProps={markerValue:'savedSearch',markerField:'eidr_referentType'};var defaultIndentationProps={indentationWidth:20,indentationDepthStart:1,defaultRowIndentationOffset:15,defalutNewRowIndentation:10};var styles=function styles(){return {root:{display:'flex',width:'100%',flexWrap:'wrap'},indentationContainer:{display:'flex',width:'100%'}};};var folderRowContentStyles=function folderRowContentStyles(theme){return {root:{display:'flex',width:'100%'},indentation:{height:25,borderLeft:"1px solid ".concat(theme.palette.primary.main),borderBottom:"1px solid ".concat(theme.palette.primary.main),marginRight:5}};};function FolderRowContent(_ref){var className=_ref.className,classes=_ref.classes,children=_ref.children,indentationWidth=_ref.indentationWidth,hideWrapper=_ref.hideWrapper,folderDepth=_ref.folderDepth,indentationDepthStart=_ref.indentationDepthStart,isAddRow=_ref.isAddRow,rowIndentation=_ref.rowIndentation,addNewRowIndentation=_ref.addNewRowIndentation;var displayIndentation=isAddRow?true:folderDepth>=indentationDepthStart;var indentation=isAddRow?addNewRowIndentation:rowIndentation;if(hideWrapper)return null;return/*#__PURE__*/jsxs("div",{className:clsx(className,classes.root),children:[displayIndentation&&/*#__PURE__*/jsx("div",{className:classes.indentation,style:{marginLeft:indentation,minWidth:indentationWidth}}),children]});}var FolderRowContentWrapper=compose(withStyles(folderRowContentStyles,{name:'VdtFolderRowContentWrapper'}))(FolderRowContent);function FolderRow(_ref2){var classes=_ref2.classes,id=_ref2.id,queryParams=_ref2.queryParams,_ref2$markerProps=_ref2.markerProps,markerProps=_ref2$markerProps===void 0?defaultmarkerProps:_ref2$markerProps,_ref2$childFolders=_ref2.childFolders,childFolders=_ref2$childFolders===void 0?[]:_ref2$childFolders,_ref2$metadata=_ref2.metadata,metadata=_ref2$metadata===void 0?{}:_ref2$metadata,_ref2$itemSearchDocum=_ref2.itemSearchDocument,itemSearchDocument=_ref2$itemSearchDocum===void 0?{}:_ref2$itemSearchDocum,_ref2$folderDepth=_ref2.folderDepth,folderDepth=_ref2$folderDepth===void 0?0:_ref2$folderDepth,_ref2$type=_ref2.type,type=_ref2$type===void 0?'folder':_ref2$type,hideSubFolderSharing=_ref2.hideSubFolderSharing,onSelect=_ref2.onSelect,onRemoveItem=_ref2.onRemoveItem,_ref2$indentationValu=_ref2.indentationValues,indentationValues=_ref2$indentationValu===void 0?{}:_ref2$indentationValu,_ref2$indentationProp=_ref2.indentationProps,indentationProps=_ref2$indentationProp===void 0?defaultIndentationProps:_ref2$indentationProp,_ref2$FolderRowConten=_ref2.FolderRowContentComponent,FolderRowContentComponent=_ref2$FolderRowConten===void 0?SavedSearchRow:_ref2$FolderRowConten,_ref2$FolderRowConten2=_ref2.FolderRowContentProps,FolderRowContentProps=_ref2$FolderRowConten2===void 0?{}:_ref2$FolderRowConten2,_ref2$AddRowComponent=_ref2.AddRowComponent,AddRowComponent=_ref2$AddRowComponent===void 0?AddFolderRow:_ref2$AddRowComponent,_ref2$AddRowProps=_ref2.AddRowProps,AddRowProps=_ref2$AddRowProps===void 0?{}:_ref2$AddRowProps,_ref2$FolderRowConten3=_ref2.FolderRowContentWrapperComponent,FolderRowContentWrapperComponent=_ref2$FolderRowConten3===void 0?FolderRowContentWrapper:_ref2$FolderRowConten3,_ref2$FolderRowConten4=_ref2.FolderRowContentWrapperProps,FolderRowContentWrapperProps=_ref2$FolderRowConten4===void 0?{}:_ref2$FolderRowConten4,props=_objectWithoutProperties(_ref2,_excluded);var _useState=useState(),_useState2=_slicedToArray(_useState,2),expand=_useState2[0],setExpand=_useState2[1];var _useState3=useState({id:null,type:null}),_useState4=_slicedToArray(_useState3,2),newRow=_useState4[0],setNewRow=_useState4[1];var _useGetSavedSearchFol=useGetSavedSearchFolders({childFolders:childFolders,expand:expand,queryParams:queryParams,markerProps:markerProps}),createFolder=_useGetSavedSearchFol.createFolder,saveSearch=_useGetSavedSearchFol.saveSearch,deleteFolder=_useGetSavedSearchFol.deleteFolder,removeItem=_useGetSavedSearchFol.removeItem,_useGetSavedSearchFol2=_useGetSavedSearchFol.subFolders,subFolders=_useGetSavedSearchFol2===void 0?[]:_useGetSavedSearchFol2;var _useSavedSearch=useSavedSearch(_objectSpread({},defaultmarkerProps)),onDeleteSearch=_useSavedSearch.onDeleteSearch,_onUpdateSearchMetadata=_useSavedSearch.onUpdateSearchMetadata,onGetSavedSearchSettings=_useSavedSearch.onGetSavedSearchSettings;var handleSelect=function handleSelect(_ref3){var collectionId=_ref3.collectionId;return onGetSavedSearchSettings({collectionId:collectionId}).then(function(response){return onSelect(response,collectionId);});};var searchMetadata=parseMetadataType(metadata,{joinValue:'_',flat:true});var disableDeletion=useMemo(function(){var _searchMetadata$__chi=searchMetadata.__child_collection_size,size=_searchMetadata$__chi===void 0?0:_searchMetadata$__chi;return subFolders.length>0||!expand&&size>0;},[subFolders.length,expand,searchMetadata]);var defalutNewRowIndentation=indentationProps.defalutNewRowIndentation,defaultRowIndentationOffset=indentationProps.defaultRowIndentationOffset,indentationWidth=indentationProps.indentationWidth;var currentIndentationValues={rowIndentation:indentationValues.rowIndentation||0,addNewRowIndentation:indentationValues.addNewRowIndentation||defalutNewRowIndentation};var newIndentationValues={rowIndentation:currentIndentationValues.addNewRowIndentation,addNewRowIndentation:currentIndentationValues.addNewRowIndentation+indentationWidth+defaultRowIndentationOffset};return/*#__PURE__*/jsxs("div",{className:classes.root,children:[{folder:/*#__PURE__*/jsx(FolderRowContentWrapperComponent,_objectSpread(_objectSpread(_objectSpread(_objectSpread({folderDepth:folderDepth},currentIndentationValues),indentationProps),FolderRowContentWrapperProps),{},{children:/*#__PURE__*/jsx(FolderRowContentComponent,_objectSpread({isFolderRow:true,hideSubFolderSharing:hideSubFolderSharing,type:type,collectionType:{id:id,metadata:metadata},disableDeletion:disableDeletion,onDelete:function onDelete(){return Promise.resolve(deleteFolder(id)).then(function(){if(onRemoveItem)onRemoveItem(id);});},onUpdateSearchMetadata:function onUpdateSearchMetadata(metadataDocument){return _onUpdateSearchMetadata({collectionId:id,metadataDocument:metadataDocument});},onExpand:function onExpand(){return setExpand(function(prevState){return !prevState;});},onAddRow:setNewRow},FolderRowContentProps))})),query:/*#__PURE__*/jsx(FolderRowContentWrapperComponent,_objectSpread(_objectSpread(_objectSpread(_objectSpread({folderDepth:folderDepth},currentIndentationValues),indentationProps),FolderRowContentWrapperProps),{},{children:/*#__PURE__*/jsx(FolderRowContentComponent,_objectSpread({isFolderRow:true,type:type,collectionType:{id:id,metadata:metadata},onSelect:function onSelect(){return handleSelect({collectionId:id});},onDelete:function onDelete(){return Promise.resolve(onDeleteSearch({collectionId:id})).then(function(){if(onRemoveItem)onRemoveItem(id);});},onUpdateSearchMetadata:function onUpdateSearchMetadata(metadataDocument){return _onUpdateSearchMetadata({collectionId:id,metadataDocument:metadataDocument});},onAddRow:setNewRow},FolderRowContentProps))}))}[type],/*#__PURE__*/jsx(FolderRowContentWrapperComponent,_objectSpread(_objectSpread(_objectSpread(_objectSpread({isAddRow:true,folderDepth:folderDepth},currentIndentationValues),indentationProps),{},{hideWrapper:!newRow.id},FolderRowContentWrapperProps),{},{children:/*#__PURE__*/jsx(AddRowComponent,_objectSpread({id:id,setExpand:setExpand,saveSearch:saveSearch,onAddRow:setNewRow,createFolder:createFolder,itemSearchDocument:itemSearchDocument,newField:newRow},AddRowProps))})),subFolders.map(function(folder){return/*#__PURE__*/jsx(FolderRow,{classes:classes,id:folder.id,queryParams:queryParams,markerProps:markerProps,childFolders:folder.subFolders,metadata:folder.metadata,itemSearchDocument:itemSearchDocument,folderDepth:folderDepth+1,type:folder.type,hideSubFolderSharing:true,handleSelect:handleSelect,onSelect:onSelect,onRemoveItem:function onRemoveItem(){return removeItem(folder.id);},indentationProps:indentationProps,FolderRowContentComponent:FolderRowContentComponent,FolderRowContentProps:FolderRowContentProps,AddRowComponent:AddRowComponent,AddRowProps:AddRowProps,FolderRowContentWrapperComponent:FolderRowContentWrapperComponent,FolderRowContentWrapperProps:FolderRowContentWrapperProps,indentationValues:newIndentationValues,props:props},folder.id);})]});}var FolderRow$1 = withStyles(styles,{name:'VdtFolderRow'})(FolderRow);
|
|
14
|
-
|
|
15
|
-
export { FolderRow$1 as default };
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
|
|
2
|
-
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
3
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
4
|
-
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
5
|
-
import { useState } from 'react';
|
|
6
|
-
import clsx from 'clsx';
|
|
7
|
-
import AsyncCreatableSelect from 'react-select/async-creatable';
|
|
8
|
-
import { Button } from '@material-ui/core';
|
|
9
|
-
import Chip from '@material-ui/core/Chip';
|
|
10
|
-
import CircularProgress from '@material-ui/core/CircularProgress';
|
|
11
|
-
import MenuItem from '@material-ui/core/MenuItem';
|
|
12
|
-
import Paper from '@material-ui/core/Paper';
|
|
13
|
-
import TextField from '@material-ui/core/TextField';
|
|
14
|
-
import Typography from '@material-ui/core/Typography';
|
|
15
|
-
import CancelIcon from '@material-ui/icons/Cancel';
|
|
16
|
-
import SearchIcon from '@material-ui/icons/Search';
|
|
17
|
-
import { item } from '@vidispine/vdt-api';
|
|
18
|
-
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
19
|
-
|
|
20
|
-
var _excluded=["isFocused"],_excluded2=["inputRef"];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:{width:'100%',display:'flex',marginTop:theme.spacing(0.5),marginBottom:theme.spacing(0.5)},createTable:{},button:{backgroundColor:theme.palette.type==='light'?theme.palette.grey[100]:theme.palette.grey[800],color:theme.palette.text.primary,borderColor:theme.palette.grey[400],padding:0,borderWidth:1,borderStyle:'solid',borderRadius:'0 2px 2px 0'},valueContainer:{display:'flex',flexWrap:'wrap',flex:1,alignItems:'center',overflow:'hidden',minHeight:36},input:{height:'100%',display:'flex',padding:0},option:{},noOptionsMessage:{padding:theme.spacing(1)},chip:{margin:theme.spacing(0.5)},chipLabel:{cursor:'inherit',display:'flex',alignItems:'center',userSelect:'none',whiteSpace:'nowrap',paddingLeft:theme.spacing(1.5),paddingRight:theme.spacing(1.5),'& p:nth-child(1)':{fontWeight:600},'& p:nth-child(2)':{marginLeft:theme.spacing(0.5)}},modifierValue:{},placeholder:{position:'absolute',left:theme.spacing(0.25),color:theme.palette.grey[500]},menu:{position:'absolute',zIndex:100,marginTop:theme.spacing(0.5),left:0,right:0},focused:{borderColor:theme.palette.primary.main}};};var createTabelDefaultStyles=function createTabelDefaultStyles(_ref){var isFocused=_ref.isFocused,props=_objectWithoutProperties(_ref,_excluded);return function(theme){return _objectSpread({input:function input(base){return _objectSpread(_objectSpread({},base),{},{color:theme.palette?theme.palette.text.primary:'#AAA','& input':{font:'inherit'}});},clearIndicator:function clearIndicator(base){return _objectSpread(_objectSpread({},base),{},{cursor:'pointer'});},container:function container(base){return _objectSpread(_objectSpread({},base),{},{width:'100%',minWidth:270,position:'relative',borderStyle:'solid',// eslint-disable-next-line no-nested-ternary
|
|
21
|
-
borderColor:theme.palette?isFocused?theme.palette.primary.main:theme.palette.grey[400]:'#AAA',borderRadius:'2px 0px 0px 2px',transition:'border-color .3s ease-in',borderWidth:'1px 0 1px 1px',paddingLeft:theme.spacing?theme.spacing(1):4});}},props);};};function ValueContainer(props){var classes=props.selectProps.classes,children=props.children;return/*#__PURE__*/jsx("div",{className:classes.valueContainer,children:children});}var inputComponent=function inputComponent(_ref2){var inputRef=_ref2.inputRef,props=_objectWithoutProperties(_ref2,_excluded2);return/*#__PURE__*/jsx("div",_objectSpread({ref:inputRef},props));};function Control(props){var selectProps=props.selectProps,innerRef=props.innerRef,children=props.children,innerProps=props.innerProps;return/*#__PURE__*/jsx(TextField,_objectSpread({fullWidth:true,InputProps:{inputComponent:inputComponent,disableUnderline:true,inputProps:_objectSpread({className:selectProps.classes.input,inputRef:innerRef,children:children},innerProps)}},selectProps.textFieldProps));}function Option(props){var isFocused=props.isFocused,classes=props.selectProps.classes,innerProps=props.innerProps,children=props.children;return/*#__PURE__*/jsx(MenuItem,_objectSpread(_objectSpread({className:clsx(classes.option),selected:isFocused,component:"div"},innerProps),{},{children:children}));}function NoOptionsMessage(props){var classes=props.selectProps.classes,innerProps=props.innerProps,children=props.children;return/*#__PURE__*/jsx(Typography,_objectSpread(_objectSpread({color:"textSecondary",className:classes.noOptionsMessage},innerProps),{},{children:children}));}function Placeholder(props){var classes=props.selectProps.classes,innerProps=props.innerProps,children=props.children;return/*#__PURE__*/jsx(Typography,_objectSpread(_objectSpread({className:classes.placeholder},innerProps),{},{children:children}));}function SingleValue(props){var classes=props.selectProps.classes,innerProps=props.innerProps,children=props.children;return/*#__PURE__*/jsx(Typography,_objectSpread(_objectSpread({className:classes.singleValue},innerProps),{},{children:children}));}function MultiValue(props){var classes=props.selectProps.classes,children=props.children,removeProps=props.removeProps,_props$size=props.size,size=_props$size===void 0?'small':_props$size;return/*#__PURE__*/jsx(Chip,{tabIndex:-1,label:children,size:size,className:classes.chip,classes:{label:classes.chipLabel},onDelete:removeProps.onClick,deleteIcon:/*#__PURE__*/jsx(CancelIcon,_objectSpread({},removeProps)),color:"default"});}function ModifierValue(props){var classes=props.selectProps.classes,_props$data=props.data,isModifier=_props$data.isModifier,label=_props$data.label,modLabel=_props$data.modifier_label;if(isModifier){return/*#__PURE__*/jsx("div",{className:classes.modifierValue,children:/*#__PURE__*/jsx(Typography,{noWrap:true,children:"".concat(label,": ")})});}return/*#__PURE__*/jsx(MultiValue,_objectSpread(_objectSpread({className:classes.modifierValue},props),{},{children:/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsx(Typography,{noWrap:true,children:"".concat(modLabel,": ")}),/*#__PURE__*/jsx(Typography,{noWrap:true,children:label})]})}));}function Menu(props){var classes=props.selectProps.classes,children=props.children,innerProps=props.innerProps;return/*#__PURE__*/jsx(Paper,_objectSpread(_objectSpread({square:true,className:classes.menu},innerProps),{},{children:children}));}function DropdownIndicator(){return null;}function IndicatorSeparator(){return null;}var components={Control:Control,Menu:Menu,MultiValue:ModifierValue,NoOptionsMessage:NoOptionsMessage,Option:Option,Placeholder:Placeholder,SingleValue:SingleValue,ValueContainer:ValueContainer,DropdownIndicator:DropdownIndicator,IndicatorSeparator:IndicatorSeparator};var autoCompleteOptions=function autoCompleteOptions(modifier,currentSearchDoc){return function(inputValue){return new Promise(function(resolve,reject){var field=modifier.value;var autocompleteList=[_objectSpread(_objectSpread({},field&&{field:field}),{},{text:inputValue}),_objectSpread(_objectSpread({},field&&{field:field}),{},{text:inputValue.toUpperCase()}),_objectSpread(_objectSpread({},field&&{field:field}),{},{text:inputValue.toLowerCase()}),_objectSpread(_objectSpread({},field&&{field:field}),{},{text:"".concat(inputValue[0].toUpperCase()).concat(inputValue.slice(1))})];var itemSearchDocument=_objectSpread(_objectSpread({},currentSearchDoc),{},{autocomplete:autocompleteList});try{item.searchItem({itemSearchDocument:itemSearchDocument}).then(function(_ref3){var data=_ref3.data;var _data$autocomplete=data.autocomplete,autocomplete=_data$autocomplete===void 0?[]:_data$autocomplete;var options=[];autocomplete.forEach(function(f){if(f.field&&f.field!==field){return;}var _f$suggestion=f.suggestion,suggestion=_f$suggestion===void 0?[]:_f$suggestion;suggestion.forEach(function(s){if(!options.find(function(currentOption){return currentOption.value===s;})){options.push({label:s,value:s});}});});resolve(options);})["catch"](function(error){return reject(error);});}catch(error){reject(error);}});};};var loadStaticOptions=function loadStaticOptions(options){return function(inputValue){return new Promise(function(resolve){if(inputValue){var lowerInput=inputValue.toLowerCase();var filterOptions=options.filter(function(i){return i.label.toLowerCase().includes(lowerInput);});resolve(filterOptions);}resolve(options);});};};var defaultLoadOptions=function defaultLoadOptions(_ref4){var currentModifier=_ref4.currentModifier,modifiers=_ref4.modifiers,itemSearchDocument=_ref4.itemSearchDocument;return currentModifier?autoCompleteOptions(currentModifier,itemSearchDocument):loadStaticOptions(modifiers);};var formatCreateLabel=function formatCreateLabel(inputValue){return "Search for ".concat(inputValue);};function SearchField(_ref5){var classes=_ref5.classes,className=_ref5.className,theme=_ref5.theme,defaultValue=_ref5.defaultValue,modifiers=_ref5.modifiers,loadOptions=_ref5.loadOptions,itemSearchDocument=_ref5.itemSearchDocument,onSubmit=_ref5.onSubmit,submitting=_ref5.submitting,onChange=_ref5.onChange,placeholder=_ref5.placeholder,CreateTabelSelectComponents=_ref5.CreateTabelSelectComponents,CreateTabelSelectProps=_ref5.CreateTabelSelectProps,CreateTablestyles=_ref5.CreateTablestyles,ButtonComponent=_ref5.ButtonComponent,ButtonProps=_ref5.ButtonProps,SearchIconComponent=_ref5.SearchIconComponent,SearchIconsProps=_ref5.SearchIconsProps,ProgressComponent=_ref5.ProgressComponent,ProgressProps=_ref5.ProgressProps;var _useState=useState(defaultValue),_useState2=_slicedToArray(_useState,2),multi=_useState2[0],setMulti=_useState2[1];var _useState3=useState(),_useState4=_slicedToArray(_useState3,2),currentModifier=_useState4[0],setCurrentModifier=_useState4[1];var _useState5=useState(false),_useState6=_slicedToArray(_useState5,2),isFocused=_useState6[0],setIsFocused=_useState6[1];var defaultOptions=currentModifier?[]:modifiers;var defaultStyles=createTabelDefaultStyles({isFocused:isFocused,CreateTablestyles:CreateTablestyles})(theme);var handleChange=function handleChange(value,_ref6){var action=_ref6.action,_ref6$option=_ref6.option,option=_ref6$option===void 0?{}:_ref6$option;var isModifier=option.isModifier;if(isModifier){setMulti(value);setCurrentModifier(option);return;}if(action==='create-option'||action==='select-option'){var newOption=option;if(action==='create-option'){newOption=value[value.length-1];}var modValue=currentModifier.value,modLabel=currentModifier.label,isFreeText=currentModifier.isFreeText;var valueList=_toConsumableArray(value);var thisOption=_objectSpread(_objectSpread({},isFreeText&&{isFreeText:isFreeText}),{},{modifier_value:modValue,modifier_label:modLabel},newOption);valueList.splice(-2,2,thisOption);setMulti(valueList);setCurrentModifier();if(onChange){onChange(valueList);}return;}if(action==='remove-value'||action==='pop-value'){setMulti(value);var modifier=value&&value.length>0&&value[value.length-1].isModifier?value[value.length-1]:undefined;setCurrentModifier(modifier);var parseValue=value.filter(function(val){return !val.isModifier;});if(onChange){onChange(parseValue);}return;}if(action==='clear'){setMulti([]);setCurrentModifier();if(onChange){onChange(value);}return;}setMulti(value);};var handleSubmit=function handleSubmit(e){e.preventDefault();if(onSubmit)onSubmit();};return/*#__PURE__*/jsxs("form",{className:clsx(className,classes.root,'VdtSearchField-root'),onSubmit:handleSubmit,children:[/*#__PURE__*/jsx(AsyncCreatableSelect,_objectSpread({className:classes.createTable,classes:classes,styles:defaultStyles,loadOptions:loadOptions({currentModifier:currentModifier,modifiers:modifiers,itemSearchDocument:itemSearchDocument}),components:_objectSpread(_objectSpread({},components),CreateTabelSelectComponents),value:multi,defaultOptions:defaultOptions,onChange:handleChange,onFocus:function onFocus(){return setIsFocused(true);},onBlur:function onBlur(){return setIsFocused(false);},isFocused:isFocused,placeholder:placeholder,isValidNewOption:function isValidNewOption(opt){return opt&¤tModifier;},blurInputOnSelect:false,isMulti:true,allowCreateWhileLoading:true,createOptionPosition:"first",formatCreateLabel:formatCreateLabel},CreateTabelSelectProps)),/*#__PURE__*/jsx(ButtonComponent,_objectSpread(_objectSpread({size:"small",type:"submit",disableRipple:true,className:clsx(classes.button,_defineProperty({},classes.focused,isFocused),'VdtSearchField-button')},ButtonProps),{},{children:submitting?/*#__PURE__*/jsx(ProgressComponent,_objectSpread({size:20,color:"inherit"},ProgressProps)):/*#__PURE__*/jsx(SearchIconComponent,_objectSpread({},SearchIconsProps))}))]});}SearchField.defaultProps={className:undefined,classes:{},theme:{},defaultValue:[],modifiers:[],loadOptions:defaultLoadOptions,itemSearchDocument:{},submitting:false,onSubmit:function onSubmit(){},onChange:function onChange(){},placeholder:'Search Items',CreateTabelSelectComponents:undefined,CreateTabelSelectProps:{},CreateTablestyles:{},ButtonComponent:Button,ButtonProps:{},SearchIconComponent:SearchIcon,SearchIconsProps:{},ProgressComponent:CircularProgress,ProgressProps:{}};
|
|
22
|
-
|
|
23
|
-
export { SearchField as default, styles };
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { withStyles } from '@material-ui/core/styles';
|
|
2
|
-
import SearchField, { styles } from './SearchField.js';
|
|
3
|
-
|
|
4
|
-
var Component=withStyles(styles,{name:'VdtSearchField'})(SearchField);Component.displayName='SearchField';var Component$1 = Component;
|
|
5
|
-
|
|
6
|
-
export { Component$1 as default };
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
3
|
-
import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
|
|
4
|
-
import { useRef, useState, useEffect, useMemo } from 'react';
|
|
5
|
-
import clsx from 'clsx';
|
|
6
|
-
import { IconButton } from '@material-ui/core';
|
|
7
|
-
import Button from '@material-ui/core/Button';
|
|
8
|
-
import CircularProgress from '@material-ui/core/CircularProgress';
|
|
9
|
-
import InputBase from '@material-ui/core/InputBase';
|
|
10
|
-
import { ArrowDropUp, ArrowDropDown } from '@material-ui/icons';
|
|
11
|
-
import CloseIcon from '@material-ui/icons/Close';
|
|
12
|
-
import SearchIcon from '@material-ui/icons/Search';
|
|
13
|
-
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
14
|
-
|
|
15
|
-
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:{alignItems:'center',width:'100%',display:'flex'},input:{paddingLeft:theme.spacing(1),borderWidth:1,flex:1,borderStyle:'solid',borderColor:theme.palette.grey[400],borderRadius:2,transition:'border-color .3s ease-in',height:32},button:{backgroundColor:theme.palette.type==='light'?theme.palette.grey[100]:theme.palette.grey[800],color:theme.palette.text.primary,borderBottomLeftRadius:0,borderTopLeftRadius:0,borderLeftWidth:1,borderLeftStyle:'solid',borderRadius:2,borderLeftColor:theme.palette.grey[400],padding:0,height:'100%'},closeButton:{visibility:'visible',cursor:'pointer',transition:'visibility .5s ease-in'},closeButtonHidden:{visibility:'hidden'},focused:{borderColor:theme.palette.primary.main},touched:{},progressButton:{width:'100%',marginTop:'4px'}};};function useSuggestionsNavigation(_ref){var suggestions=_ref.suggestions,inputRef=_ref.inputRef;var suggestionsWithCurrent=useMemo(function(){return [].concat(_toConsumableArray(inputRef.current?[inputRef.current.value]:[]),_toConsumableArray(suggestions||[]));},[inputRef,suggestions]);// focused includes the current input value, not just the suggestion list
|
|
16
|
-
var _useState=useState(0),_useState2=_slicedToArray(_useState,2),focused=_useState2[0],setFocused=_useState2[1];useEffect(function(){setFocused(0);},[suggestionsWithCurrent]);var mod=function mod(n,m){return (n%m+m)%m;};var newFocused=function newFocused(prev,e){return mod(prev+(e.key==='ArrowDown'?1:-1),suggestionsWithCurrent.length);};var onKeyDown=function onKeyDown(e){if(e.key==='ArrowDown'||e.key==='ArrowUp'){if(inputRef.current){// eslint-disable-next-line no-param-reassign
|
|
17
|
-
inputRef.current.value=suggestionsWithCurrent[newFocused(focused,e)];setFocused(function(prev){return newFocused(prev,e);});}e.preventDefault();}};var onHoverSuggestion=function onHoverSuggestion(i){return setFocused(i+1);};return {onKeyDown:onKeyDown,onHoverSuggestion:onHoverSuggestion,focusedSuggestion:focused};}function SearchInput(_ref2){var _clsx;var className=_ref2.className,classes=_ref2.classes,value=_ref2.value,onSubmit=_ref2.onSubmit,defaultValue=_ref2.defaultValue,submitting=_ref2.submitting,onCancel=_ref2.onCancel,suggestions=_ref2.suggestions,searchPlaceholder=_ref2.searchPlaceholder,onChange=_ref2.onChange,SuggestionsComponent=_ref2.SuggestionsComponent,SuggestionsProps=_ref2.SuggestionsProps,TopSearchesComponent=_ref2.TopSearchesComponent,TopSearchesProps=_ref2.TopSearchesProps,ButtonProps=_ref2.ButtonProps,InputBaseProps=_ref2.InputBaseProps,SearchIconComponent=_ref2.SearchIconComponent,ProgressComponent=_ref2.ProgressComponent,ProgressProps=_ref2.ProgressProps,CloseIconComponent=_ref2.CloseIconComponent,defaultInputRef=_ref2.inputRef;var inputRef=useRef(null);if(defaultInputRef)inputRef=defaultInputRef;var _useState3=useState(false),_useState4=_slicedToArray(_useState3,2),isFocused=_useState4[0],setIsFocused=_useState4[1];var _useState5=useState(Boolean(defaultValue)),_useState6=_slicedToArray(_useState5,2),canClear=_useState6[0],setCanClear=_useState6[1];useEffect(function(){if(defaultValue!==''){setCanClear(true);}},[defaultValue]);var handleOnChange=function handleOnChange(val){onChange(val);setCanClear(inputRef.current.value.length>0);};var setInput=function setInput(val){if(value===undefined)inputRef.current.value=val;handleOnChange(val);};var handleSubmit=function handleSubmit(event){event.preventDefault();if(inputRef&&inputRef.current)inputRef.current.blur();var _ref3=inputRef.current||'',currValue=_ref3.value;if(onSubmit)onSubmit(currValue);if(currValue)setCanClear(true);};var onClear=function onClear(){setCanClear(false);onSubmit('');setInput('');};var onSelectedSuggestion=function onSelectedSuggestion(event,suggestion){setInput(suggestion);handleSubmit(event);};var _useState7=useState(null),_useState8=_slicedToArray(_useState7,2),anchorEl=_useState8[0],setAnchorEl=_useState8[1];var _useState9=useState(false),_useState10=_slicedToArray(_useState9,2),isTopSearchesOpen=_useState10[0],setIsTopSearchesOpen=_useState10[1];var suggestionsVisible=Boolean(anchorEl)&&isFocused&&canClear;var topSearchesVisible=Boolean(anchorEl)&&isTopSearchesOpen;var onOpenTopSearch=function onOpenTopSearch(){setIsTopSearchesOpen(!isTopSearchesOpen);};var _useState11=useState(false),_useState12=_slicedToArray(_useState11,2),isHovering=_useState12[0],setIsHovering=_useState12[1];var handleMouseOver=function handleMouseOver(){setIsHovering(true);};var handleMouseOut=function handleMouseOut(){setIsHovering(false);};var _useSuggestionsNaviga=useSuggestionsNavigation({suggestions:suggestions,inputRef:inputRef}),onKeyDown=_useSuggestionsNaviga.onKeyDown,onHoverSuggestion=_useSuggestionsNaviga.onHoverSuggestion,focusedSuggestion=_useSuggestionsNaviga.focusedSuggestion;return/*#__PURE__*/jsxs("form",{className:clsx(className,classes.root,'VdtSearchInput-root'),onSubmit:handleSubmit,children:[/*#__PURE__*/jsx(InputBase,_objectSpread({value:value,classes:{root:classes.input,focused:classes.focused},defaultValue:defaultValue,ref:function ref(r){return setAnchorEl(r);},inputProps:{onFocus:function onFocus(){return setIsFocused(true);},onBlur:function onBlur(){return setIsFocused(false);}},placeholder:searchPlaceholder,inputRef:inputRef,endAdornment:/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsx(CloseIconComponent,{className:canClear?classes.closeButton:classes.closeButtonHidden,onClick:onClear}),TopSearchesComponent&&/*#__PURE__*/jsx(IconButton,{onClick:onOpenTopSearch,style:{borderRadius:'50%'},children:topSearchesVisible?/*#__PURE__*/jsx(ArrowDropUp,{fontSize:"small"}):/*#__PURE__*/jsx(ArrowDropDown,{fontSize:"small"})}),/*#__PURE__*/jsx(Button,_objectSpread(_objectSpread({size:"small",type:"submit",disableRipple:true,className:clsx(classes.button,(_clsx={},_defineProperty(_clsx,classes.focused,isFocused),_defineProperty(_clsx,classes.touched,canClear),_clsx)),onMouseOver:handleMouseOver,onMouseOut:handleMouseOut},ButtonProps),{},{children:submitting?/*#__PURE__*/ // eslint-disable-next-line react/jsx-no-useless-fragment
|
|
18
|
-
jsx(Fragment,{children:isHovering?/*#__PURE__*/jsx(CloseIconComponent,{onClick:onCancel}):/*#__PURE__*/jsx(ProgressComponent,_objectSpread({size:20,color:"inherit"},ProgressProps))}):/*#__PURE__*/jsx(SearchIconComponent,{})}))]}),onChange:function onChange(e){return handleOnChange(e.target.value);},onKeyDown:suggestions&&onKeyDown},InputBaseProps)),suggestionsVisible&&SuggestionsComponent&&/*#__PURE__*/jsx(SuggestionsComponent,_objectSpread({suggestions:suggestions,onSelected:onSelectedSuggestion,onHover:onHoverSuggestion,focused:focusedSuggestion,anchorEl:anchorEl},SuggestionsProps)),topSearchesVisible&&TopSearchesComponent&&/*#__PURE__*/jsx(TopSearchesComponent,_objectSpread({setIsTopSearchesOpen:setIsTopSearchesOpen,anchorEl:anchorEl},TopSearchesProps))]});}SearchInput.defaultProps={className:undefined,value:undefined,defaultValue:undefined,submitting:false,suggestions:undefined,searchPlaceholder:'Search',onSubmit:function onSubmit(){},onChange:function onChange(){},onCancel:function onCancel(){},SuggestionsComponent:null,SuggestionsProps:{},TopSearchesComponent:null,TopSearchesProps:{},ButtonProps:{},InputBaseProps:{},SearchIconComponent:SearchIcon,ProgressComponent:CircularProgress,ProgressProps:{},CloseIconComponent:CloseIcon,CloseIconProps:{},inputRef:undefined};
|
|
19
|
-
|
|
20
|
-
export { SearchInput as default, styles };
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { withStyles } from '@material-ui/core/styles';
|
|
2
|
-
import SearchInput$1, { styles } from './SearchInput.js';
|
|
3
|
-
|
|
4
|
-
var Component=withStyles(styles,{name:'VdtSearchInput'})(SearchInput$1);Component.displayName='SearchInput';var SearchInput = Component;
|
|
5
|
-
|
|
6
|
-
export { SearchInput as default };
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
3
|
-
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
4
|
-
import { useState, useRef } from 'react';
|
|
5
|
-
import { Box, InputBase, InputAdornment, IconButton, Divider, Menu, MenuItem } from '@material-ui/core';
|
|
6
|
-
import { withStyles } from '@material-ui/core/styles';
|
|
7
|
-
import { Label, Search } from '@material-ui/icons';
|
|
8
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
9
|
-
|
|
10
|
-
var _excluded=["classes","onSubmit","fields","value","query","fieldPlaceHolder","queryPlaceHolder","disableReset","disableRequired","fieldInputRef","queryInputRef"];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.background.paper}};};function SearchInputFieldSelect(_ref){var classes=_ref.classes,onSubmit=_ref.onSubmit,_ref$fields=_ref.fields,fields=_ref$fields===void 0?[{label:'Item ID',value:'itemId'},{label:'Shape ID',value:'shapeId'},{label:'Tag',value:'tag'}]:_ref$fields,_ref$value=_ref.value,defaultValue=_ref$value===void 0?'':_ref$value,_ref$query=_ref.query,defaultQuery=_ref$query===void 0?'':_ref$query,_ref$fieldPlaceHolder=_ref.fieldPlaceHolder,fieldPlaceHolder=_ref$fieldPlaceHolder===void 0?'Field':_ref$fieldPlaceHolder,_ref$queryPlaceHolder=_ref.queryPlaceHolder,queryPlaceHolder=_ref$queryPlaceHolder===void 0?'Query':_ref$queryPlaceHolder,_ref$disableReset=_ref.disableReset,disableReset=_ref$disableReset===void 0?false:_ref$disableReset,_ref$disableRequired=_ref.disableRequired,disableRequired=_ref$disableRequired===void 0?false:_ref$disableRequired,fieldInputRef=_ref.fieldInputRef,queryInputRef=_ref.queryInputRef,props=_objectWithoutProperties(_ref,_excluded);var _useState=useState(defaultValue),_useState2=_slicedToArray(_useState,2),field=_useState2[0],setField=_useState2[1];var _useState3=useState(defaultQuery),_useState4=_slicedToArray(_useState3,2),query=_useState4[0],setQuery=_useState4[1];var _useState5=useState(null),_useState6=_slicedToArray(_useState5,2),menu=_useState6[0],setMenu=_useState6[1];var fieldElInputRef=useRef();if(fieldInputRef)fieldElInputRef=fieldInputRef;var queryElInputRef=useRef();if(queryInputRef)queryElInputRef=queryInputRef;var onReset=function onReset(){setQuery('');setField('');};var onEnter=function onEnter(e){e.preventDefault();if(!disableRequired&&!field){return fieldElInputRef.current.focus();}if(!disableRequired&&!query){return queryElInputRef.current.focus();}onSubmit({field:field,query:query});return !disableReset?onReset():null;};return/*#__PURE__*/jsxs(Box,_objectSpread(_objectSpread({className:classes.root,component:"form",display:"flex",onSubmit:onEnter},props),{},{children:[/*#__PURE__*/jsx(InputBase,{className:classes.inputBaseField,inputRef:fieldElInputRef,placeholder:fieldPlaceHolder,value:field,required:!disableRequired,onChange:function onChange(_ref2){var target=_ref2.target;return setField(target.value);},startAdornment:/*#__PURE__*/jsx(InputAdornment,{position:"start",children:/*#__PURE__*/jsx(IconButton,{size:"small",onClick:function onClick(_ref3){var c=_ref3.currentTarget;return setMenu(c);},children:/*#__PURE__*/jsx(Label,{})})})}),/*#__PURE__*/jsx(Box,{mx:2,children:/*#__PURE__*/jsx(Divider,{orientation:"vertical"})}),/*#__PURE__*/jsx(InputBase,{className:classes.inputBaseQuery,fullWidth:true,inputRef:queryElInputRef,placeholder:queryPlaceHolder,value:query,required:!disableRequired,onChange:function onChange(_ref4){var target=_ref4.target;return setQuery(target.value);},endAdornment:/*#__PURE__*/jsx(InputAdornment,{position:"end",children:/*#__PURE__*/jsx(IconButton,{type:"submit",size:"small",children:/*#__PURE__*/jsx(Search,{})})})}),/*#__PURE__*/jsx(Menu,{className:classes.menu,anchorEl:menu,keepMounted:true,open:Boolean(menu),onClose:function onClose(){return setMenu(null);},children:fields.map(function(_ref5){var label=_ref5.label,value=_ref5.value;return/*#__PURE__*/jsx(MenuItem,{onClick:function onClick(){setField(value);setMenu(null);},children:label},value);})})]}));}var SearchInputFieldSelect$1 = withStyles(styles,{name:'VdtSearchInputFieldSelect'})(SearchInputFieldSelect);
|
|
11
|
-
|
|
12
|
-
export { SearchInputFieldSelect$1 as default };
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
2
|
-
import { useMemo } from 'react';
|
|
3
|
-
import Hidden from '@material-ui/core/Hidden';
|
|
4
|
-
import TableCell from '@material-ui/core/TableCell';
|
|
5
|
-
import TableRow from '@material-ui/core/TableRow';
|
|
6
|
-
import { parseMetadataType } from '@vidispine/vdt-js';
|
|
7
|
-
import MediaCardCheckbox from '../media/MediaCardCheckbox.js';
|
|
8
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
9
|
-
|
|
10
|
-
var _excluded=["options","metadataToProps","parseMetadataOpts","selected","onCheck","onClick"];var metadataToProps=function metadataToProps(_ref){var searchResultEntryType=_ref.searchResultEntryType,parseMetadataOpts=_ref.parseMetadataOpts,options=_ref.options,innerProps=_ref.innerProps;var _ref2=searchResultEntryType.item||searchResultEntryType.collection,_ref2$metadata=_ref2.metadata,metadata=_ref2$metadata===void 0?{}:_ref2$metadata;var parsedMetadata=parseMetadataType(metadata,parseMetadataOpts);return options.map(function(_ref3){var value=_ref3.value,valueComponent=_ref3.valueComponent;var parsedValue=parsedMetadata[value];if(valueComponent)return valueComponent({value:parsedValue,innerProps:innerProps});return parsedValue;});};function SearchResultRow(_ref4){var _ref4$options=_ref4.options,options=_ref4$options===void 0?[]:_ref4$options,_ref4$metadataToProps=_ref4.metadataToProps,handleMetadataToProps=_ref4$metadataToProps===void 0?metadataToProps:_ref4$metadataToProps,_ref4$parseMetadataOp=_ref4.parseMetadataOpts,parseMetadataOpts=_ref4$parseMetadataOp===void 0?{joinValue:', ',flat:true}:_ref4$parseMetadataOp,selected=_ref4.selected,onCheck=_ref4.onCheck,onClick=_ref4.onClick,innerProps=_objectWithoutProperties(_ref4,_excluded);var searchResultEntryType=innerProps.searchResultEntryType;var rowValues=useMemo(function(){return handleMetadataToProps({searchResultEntryType:searchResultEntryType,parseMetadataOpts:parseMetadataOpts,options:options,innerProps:innerProps});},// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
11
|
-
[searchResultEntryType,options,metadataToProps]);var handleChecked=function handleChecked(event){event.preventDefault();if(onCheck)onCheck(event,!selected,innerProps);};return/*#__PURE__*/jsxs(TableRow,{hover:true,selected:selected,onClick:onClick,style:{cursor:'pointer'},children:[onCheck&&/*#__PURE__*/jsx(TableCell,{padding:"checkbox",children:/*#__PURE__*/jsx(MediaCardCheckbox,{checked:selected,handleChecked:handleChecked})}),rowValues.map(function(cellValue,index){return/*#__PURE__*/jsx(Hidden,{only:options[index].hide,children:/*#__PURE__*/jsx(TableCell,{children:cellValue})},options[index].value||options[index].label);})]});}
|
|
12
|
-
|
|
13
|
-
export { SearchResultRow as default };
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
3
|
-
import Hidden from '@material-ui/core/Hidden';
|
|
4
|
-
import Table from '@material-ui/core/Table';
|
|
5
|
-
import TableBody from '@material-ui/core/TableBody';
|
|
6
|
-
import TableCell from '@material-ui/core/TableCell';
|
|
7
|
-
import TableHead from '@material-ui/core/TableHead';
|
|
8
|
-
import TableRow from '@material-ui/core/TableRow';
|
|
9
|
-
import SearchResultRow from './SearchResultRow.js';
|
|
10
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
11
|
-
|
|
12
|
-
var _excluded=["searchResultType","RowComponent","options","onCheck","onRowClick"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}function SearchResultTable(_ref){var _ref$searchResultType=_ref.searchResultType,searchResultType=_ref$searchResultType===void 0?{}:_ref$searchResultType,_ref$RowComponent=_ref.RowComponent,RowComponent=_ref$RowComponent===void 0?SearchResultRow:_ref$RowComponent,_ref$options=_ref.options,options=_ref$options===void 0?[]:_ref$options,onCheck=_ref.onCheck,onRowClick=_ref.onRowClick,innerProps=_objectWithoutProperties(_ref,_excluded);var _searchResultType$ent=searchResultType.entry,entryList=_searchResultType$ent===void 0?[]:_searchResultType$ent;return/*#__PURE__*/jsxs(Table,{size:"small",children:[/*#__PURE__*/jsx(TableHead,{children:/*#__PURE__*/jsxs(TableRow,{children:[onCheck&&/*#__PURE__*/jsx(TableCell,{padding:"checkbox"}),options.map(function(_ref2){var label=_ref2.label,value=_ref2.value,hide=_ref2.hide;return/*#__PURE__*/jsx(Hidden,{only:hide,children:/*#__PURE__*/jsx(TableCell,{children:label})},[label,value].join('_'));})]})}),/*#__PURE__*/jsx(TableBody,{children:entryList&&entryList.map(function(searchResultEntryType){return/*#__PURE__*/jsx(RowComponent,_objectSpread({searchResultEntryType:searchResultEntryType,options:options,onCheck:onCheck,onClick:function onClick(){return onRowClick(searchResultEntryType);}},innerProps),[searchResultEntryType.type,searchResultEntryType.id].join('_'));})})]});}
|
|
13
|
-
|
|
14
|
-
export { SearchResultTable as default };
|