migrating resourceTiles to web-pkg

packages/web-app-files/src/composables/resourcesViewDefaults/useResourcesViewDefaults.ts

@@ -11,7 +11,7 @@ import {
   useStore
 } from '@ownclouders/web-pkg'
 import { determineSortFields as determineResourceTableSortFields } from '@ownclouders/web-pkg'
-import { determineSortFields as determineResourceTilesSortFields } from '../../helpers/ui/resourceTiles'
+import { determineSortFields as determineResourceTilesSortFields } from '@ownclouders/web-pkg/src/helpers/ui/resourceTiles'
 import { Task } from 'vue-concurrency'
 import { Resource } from '@ownclouders/web-client'
 import { useSelectedResources, SelectedResourcesResult } from '@ownclouders/web-pkg'

packages/web-app-files/src/helpers/ui/index.ts

@@ -1,2 +1 @@
 export * as fileList from './filesList'
-export * as resourceTiles from './resourceTiles'

packages/web-app-files/src/views/spaces/GenericSpace.vue

@@ -206,7 +206,7 @@ import ListInfo from '../../components/FilesList/ListInfo.vue'
 import NotFoundMessage from '../../components/FilesList/NotFoundMessage.vue'
 import QuickActions from '../../components/FilesList/QuickActions.vue'
 import ResourceDetails from '../../components/FilesList/ResourceDetails.vue'
-import ResourceTiles from '../../components/FilesList/ResourceTiles.vue'
+import ResourceTiles from '@ownclouders/web-pkg/src/components/FilesList/ResourceTiles.vue'
 import SpaceHeader from '../../components/Spaces/SpaceHeader.vue'
 import WhitespaceContextMenu from 'web-app-files/src/components/Spaces/WhitespaceContextMenu.vue'
 import { eventBus } from '@ownclouders/web-pkg'

packages/web-app-files/src/views/spaces/Projects.vue

@@ -206,14 +206,14 @@ import {
   SpaceResource
 } from '@ownclouders/web-client/src/helpers'
 import FilesViewWrapper from '../../components/FilesViewWrapper.vue'
-import ResourceTiles from '../../components/FilesList/ResourceTiles.vue'
+import ResourceTiles from '@ownclouders/web-pkg/src/components/FilesList/ResourceTiles.vue'
 import { ResourceTable } from '@ownclouders/web-pkg'
 import { eventBus } from '@ownclouders/web-pkg'
 import { SideBarEventTopics, useSideBar } from '@ownclouders/web-pkg'
 import { WebDAV } from '@ownclouders/web-client/src/webdav'
 import { useScrollTo } from '@ownclouders/web-pkg'
 import { useSelectedResources } from '@ownclouders/web-pkg'
-import { sortFields as availableSortFields } from '../../helpers/ui/resourceTiles'
+import { sortFields as availableSortFields } from '@ownclouders/web-pkg/src/helpers/ui/resourceTiles'
 import { defaultFuseOptions, formatFileSize, ResourceIcon } from '@ownclouders/web-pkg'
 import { useGettext } from 'vue3-gettext'
 import {

packages/web-app-files/src/components/FilesList/ResourceTiles.vue → packages/web-pkg/src/components/FilesList/ResourceTiles.vue

@@ -123,23 +123,21 @@ import { Resource, SpaceResource } from '@ownclouders/web-client'
 // Constants should match what is being used in OcTable/ResourceTable
 // Alignment regarding naming would be an API-breaking change and can
 // Be done at a later point in time?
+import { ContextMenuQuickAction } from '../ContextActions'
+import { createLocationSpaces } from '../../router'
+import { createFileRouteOptions, displayPositionedDropdown } from '../../helpers'
+import { eventBus } from '../../services'
+import { ImageDimension } from '../../constants'
+import { ResourceTile, ResourceGhostElement } from './index'
 import {
-  ContextMenuQuickAction,
-  createFileRouteOptions,
-  createLocationSpaces,
-  displayPositionedDropdown,
-  eventBus,
-  ImageDimension,
+  ViewModeConstants,
   SortDir,
   SortField,
   useMessages,
   useResourceRouteResolver,
   useStore,
-  useTileSize,
-  ViewModeConstants,
-  ResourceGhostElement,
-  ResourceTile
-} from '@ownclouders/web-pkg'
+  useTileSize
+} from '../../composables'
 
 export default defineComponent({
   name: 'ResourceTiles',

packages/web-app-files/src/helpers/ui/resourceTiles.ts → packages/web-pkg/src/helpers/ui/resourceTiles.ts

@@ -1,4 +1,4 @@
-import { SortDir, SortField } from '@ownclouders/web-pkg'
+import { SortDir, SortField } from '../../composables'
 
 // just a dummy function to trick gettext tools
 function $gettext(msg) {

packages/web-app-files/tests/unit/components/FilesList/ResourceTiles.spec.ts → packages/web-pkg/tests/unit/components/FilesList/ResourceTiles.spec.ts

@@ -1,10 +1,11 @@
 import { createStore, defaultPlugins, defaultStoreMockOptions, mount } from 'web-test-helpers'
-import ResourceTiles from 'web-app-files/src/components/FilesList/ResourceTiles.vue'
-import { sortFields } from 'web-app-files/src/helpers/ui/resourceTiles'
+import ResourceTiles from '../../../../src/components/FilesList/ResourceTiles.vue'
+import { sortFields } from '../../../../src/helpers/ui/resourceTiles'
 import { Resource } from '@ownclouders/web-client'
 import { mock } from 'jest-mock-extended'
-jest.mock('@ownclouders/web-pkg', () => ({
-  ...jest.requireActual('@ownclouders/web-pkg'),
+
+jest.mock('../../../../src/composables/viewMode', () => ({
+  ...jest.requireActual('../../../../src/composables/viewMode'),
   useTileSize: jest.fn().mockReturnValue({
     tileSizePixels: 100
   })