diff --git a/Resources/Private/JavaScript/asset-collections/src/provider/AssetCollectionTreeDndProvider.tsx b/Resources/Private/JavaScript/asset-collections/src/provider/AssetCollectionTreeDndProvider.tsx
index fc2df37bc..fff9bdb6d 100644
--- a/Resources/Private/JavaScript/asset-collections/src/provider/AssetCollectionTreeDndProvider.tsx
+++ b/Resources/Private/JavaScript/asset-collections/src/provider/AssetCollectionTreeDndProvider.tsx
@@ -1,4 +1,6 @@
import React, { useCallback, useState, createContext, useContext } from 'react';
+import { DndProvider } from 'react-dnd';
+import HTML5Backend from 'react-dnd-html5-backend';
import { useIntl, useNotify } from '@media-ui/core';
@@ -103,16 +105,18 @@ export function AssetCollectionTreeDndProvider({ children }: AssetCollectionTree
);
return (
-
- {children}
-
+
+
+ {children}
+
+
);
}
diff --git a/Resources/Private/JavaScript/media-details-screen/src/MediaDetailsScreen.tsx b/Resources/Private/JavaScript/media-details-screen/src/MediaDetailsScreen.tsx
index 3844a932d..6a0ab9d7f 100755
--- a/Resources/Private/JavaScript/media-details-screen/src/MediaDetailsScreen.tsx
+++ b/Resources/Private/JavaScript/media-details-screen/src/MediaDetailsScreen.tsx
@@ -10,14 +10,14 @@ import { neos } from '@neos-project/neos-ui-decorators';
import { actions } from '@neos-project/neos-ui-redux-store';
// Media UI dependencies
-// GraphQL type definitions
-import { MediaUiProvider, typeDefs as TYPE_DEFS_CORE } from '@media-ui/core';
import MediaApplicationWrapper from '@media-ui/core/src/components/MediaApplicationWrapper';
+import { AssetCollectionTreeDndProvider } from '@media-ui/feature-asset-collections/src/provider/AssetCollectionTreeDndProvider';
+import { MediaUiProvider, typeDefs as TYPE_DEFS_CORE } from '@media-ui/core';
import { CacheFactory, createErrorHandler } from '@media-ui/media-module/src/core';
-import { Details } from './components';
import { typeDefs as TYPE_DEFS_ASSET_USAGE } from '@media-ui/feature-asset-usage';
-// GraphQL local resolvers
+// Package local dependencies
+import { Details } from './components';
import { MediaDetailsScreenApprovalAttainmentStrategyFactory } from './strategy';
import classes from './MediaDetailsScreen.module.css';
@@ -147,7 +147,9 @@ export class MediaDetailsScreen extends React.PureComponent
-
+
+
+
diff --git a/Resources/Private/JavaScript/media-details-screen/src/components/Details.tsx b/Resources/Private/JavaScript/media-details-screen/src/components/Details.tsx
index 968991756..0a2798598 100644
--- a/Resources/Private/JavaScript/media-details-screen/src/components/Details.tsx
+++ b/Resources/Private/JavaScript/media-details-screen/src/components/Details.tsx
@@ -5,8 +5,6 @@ import cx from 'classnames';
import { InteractionDialogRenderer, useMediaUi } from '@media-ui/core';
import { useAssetQuery } from '@media-ui/core/src/hooks';
import { AssetUsagesModal, assetUsageDetailsModalState } from '@media-ui/feature-asset-usage';
-import { ClipboardWatcher } from '@media-ui/feature-clipboard';
-import { ConcurrentChangeMonitor } from '@media-ui/feature-concurrent-editing';
import { SimilarAssetsModal, similarAssetsModalState } from '@media-ui/feature-similar-assets';
import { uploadDialogState } from '@media-ui/feature-asset-upload/src/state';
import { UploadDialog } from '@media-ui/feature-asset-upload/src/components';
diff --git a/Resources/Private/JavaScript/media-details-screen/src/components/PreviewActions.tsx b/Resources/Private/JavaScript/media-details-screen/src/components/PreviewActions.tsx
index 0fadf158a..57bf3ae21 100644
--- a/Resources/Private/JavaScript/media-details-screen/src/components/PreviewActions.tsx
+++ b/Resources/Private/JavaScript/media-details-screen/src/components/PreviewActions.tsx
@@ -5,7 +5,7 @@ import { IconButton } from '@neos-project/react-ui-components';
import { useIntl } from '@media-ui/core';
import { clipboardItemState } from '@media-ui/feature-clipboard';
-import DownloadAssetButton from 'Resources/Private/JavaScript/media-module/src/components/Actions/DownloadAssetButton';
+import DownloadAssetButton from '@media-ui/media-module/src/components/Actions/DownloadAssetButton';
interface PreviewActionsProps {
asset: Asset;
diff --git a/Resources/Private/JavaScript/media-module/src/index.tsx b/Resources/Private/JavaScript/media-module/src/index.tsx
index 826eac912..1c60c245f 100644
--- a/Resources/Private/JavaScript/media-module/src/index.tsx
+++ b/Resources/Private/JavaScript/media-module/src/index.tsx
@@ -1,8 +1,6 @@
import React, { createRef } from 'react';
import { render } from 'react-dom';
import Modal from 'react-modal';
-import { DndProvider } from 'react-dnd';
-import HTML5Backend from 'react-dnd-html5-backend';
import { ApolloClient, ApolloLink } from '@apollo/client';
import { createUploadLink } from 'apollo-upload-client';
@@ -10,13 +8,13 @@ import { createUploadLink } from 'apollo-upload-client';
import { MediaUiProvider, typeDefs as TYPE_DEFS_CORE } from '@media-ui/core';
import MediaApplicationWrapper from '@media-ui/core/src/components/MediaApplicationWrapper';
import { typeDefs as TYPE_DEFS_ASSET_USAGE } from '@media-ui/feature-asset-usage';
+import { AssetCollectionTreeDndProvider } from '@media-ui/feature-asset-collections/src/provider/AssetCollectionTreeDndProvider';
// Internal dependencies
import { CacheFactory, createErrorHandler } from './core';
import App from './components/App';
import ErrorBoundary from './components/ErrorBoundary';
import loadIconLibrary from './lib/FontAwesome';
-import { AssetCollectionTreeDndProvider } from '@media-ui/feature-asset-collections/src/provider/AssetCollectionTreeDndProvider';
loadIconLibrary();
@@ -73,11 +71,9 @@ window.onload = async (): Promise => {
>
-
-
-
-
-
+
+
+
,
diff --git a/Resources/Private/JavaScript/media-selection-screen/src/MediaSelectionScreen.tsx b/Resources/Private/JavaScript/media-selection-screen/src/MediaSelectionScreen.tsx
index da5261cd8..d096c0290 100755
--- a/Resources/Private/JavaScript/media-selection-screen/src/MediaSelectionScreen.tsx
+++ b/Resources/Private/JavaScript/media-selection-screen/src/MediaSelectionScreen.tsx
@@ -19,6 +19,7 @@ import MediaApplicationWrapper from '@media-ui/core/src/components/MediaApplicat
import { CacheFactory, createErrorHandler } from '@media-ui/media-module/src/core';
import App from '@media-ui/media-module/src/components/App';
import { typeDefs as TYPE_DEFS_ASSET_USAGE } from '@media-ui/feature-asset-usage';
+import { AssetCollectionTreeDndProvider } from '@media-ui/feature-asset-collections/src/provider/AssetCollectionTreeDndProvider';
import classes from './MediaSelectionScreen.module.css';
@@ -161,7 +162,9 @@ class MediaSelectionScreen extends React.PureComponent
-
+
+
+