sanity-plugin-media 4.3.1 → 4.3.3

package/src/modules/notifications/index.ts

@@ -1,10 +1,11 @@
 import {type PayloadAction, createSlice} from '@reduxjs/toolkit'
-import type {AnyAction} from 'redux'
-import type {HttpError, ImageAsset, MyEpic} from '../../types'
 import pluralize from 'pluralize'
+import type {AnyAction} from 'redux'
 import {ofType} from 'redux-observable'
 import {of} from 'rxjs'
 import {bufferTime, filter, mergeMap} from 'rxjs/operators'
+
+import type {HttpError, ImageAsset, MyEpic} from '../../types'
 import {assetsActions} from '../assets'
 import {ASSETS_ACTIONS} from '../assets/actions'
 import {tagsActions} from '../tags'
@@ -40,7 +41,7 @@ function messageFromGenericErrorPayload(payload: unknown): string {
 }
 
 const initialState = {
-  items: []
+  items: [],
 } as NotificationsReducerState
 
 const notificationsSlice = createSlice({
@@ -52,33 +53,33 @@ const notificationsSlice = createSlice({
       state.items.push({
         asset,
         status,
-        title
+        title,
       })
-    }
-  }
+    },
+  },
 })
 
 // Epics
 
-export const notificationsAssetsDeleteCompleteEpic: MyEpic = action$ =>
+export const notificationsAssetsDeleteCompleteEpic: MyEpic = (action$) =>
   action$.pipe(
     filter(assetsActions.deleteComplete.match),
-    mergeMap(action => {
+    mergeMap((action) => {
       const {assetIds} = action.payload
       const deletedCount = assetIds.length
       return of(
         notificationsSlice.actions.add({
           status: 'info',
-          title: `${deletedCount} ${pluralize('asset', deletedCount)} deleted`
-        })
+          title: `${deletedCount} ${pluralize('asset', deletedCount)} deleted`,
+        }),
       )
-    })
+    }),
   )
 
-export const notificationsAssetsDeleteErrorEpic: MyEpic = action$ =>
+export const notificationsAssetsDeleteErrorEpic: MyEpic = (action$) =>
   action$.pipe(
     filter(assetsActions.deleteError.match),
-    mergeMap(action => {
+    mergeMap((action) => {
       const {assetIds} = action.payload
       const count = assetIds.length
       return of(
@@ -86,74 +87,74 @@ export const notificationsAssetsDeleteErrorEpic: MyEpic = action$ =>
           status: 'error',
           title: `Unable to delete ${count} ${pluralize(
             'asset',
-            count
-          )}. Please review any asset errors and try again.`
-        })
+            count,
+          )}. Please review any asset errors and try again.`,
+        }),
       )
-    })
+    }),
   )
 
-export const notificationsAssetsUploadCompleteEpic: MyEpic = action$ =>
+export const notificationsAssetsUploadCompleteEpic: MyEpic = (action$) =>
   action$.pipe(
     filter(uploadsActions.checkComplete.match),
-    mergeMap(action => {
+    mergeMap((action) => {
       const {results} = action.payload
 
       const count = Object.keys(results).length
       return of(
         notificationsSlice.actions.add({
           status: 'info',
-          title: `Uploaded ${count} ${pluralize('asset', count)}`
-        })
+          title: `Uploaded ${count} ${pluralize('asset', count)}`,
+        }),
       )
-    })
+    }),
   )
 
-export const notificationsAssetsTagsAddCompleteEpic: MyEpic = action$ =>
+export const notificationsAssetsTagsAddCompleteEpic: MyEpic = (action$) =>
   action$.pipe(
     filter(ASSETS_ACTIONS.tagsAddComplete.match),
-    mergeMap(action => {
+    mergeMap((action) => {
       const count = action?.payload?.assets?.length
       return of(
         notificationsSlice.actions.add({
           status: 'info',
-          title: `Tag added to ${count} ${pluralize('asset', count)}`
-        })
+          title: `Tag added to ${count} ${pluralize('asset', count)}`,
+        }),
       )
-    })
+    }),
   )
 
-export const notificationsAssetsTagsRemoveCompleteEpic: MyEpic = action$ =>
+export const notificationsAssetsTagsRemoveCompleteEpic: MyEpic = (action$) =>
   action$.pipe(
     filter(ASSETS_ACTIONS.tagsRemoveComplete.match),
-    mergeMap(action => {
+    mergeMap((action) => {
       const count = action?.payload?.assets?.length
       return of(
         notificationsSlice.actions.add({
           status: 'info',
-          title: `Tag removed from ${count} ${pluralize('asset', count)}`
-        })
+          title: `Tag removed from ${count} ${pluralize('asset', count)}`,
+        }),
       )
-    })
+    }),
   )
 
-export const notificationsAssetsUpdateCompleteEpic: MyEpic = action$ =>
+export const notificationsAssetsUpdateCompleteEpic: MyEpic = (action$) =>
   action$.pipe(
     filter(assetsActions.updateComplete.match),
     bufferTime(2000),
-    filter(actions => actions.length > 0),
-    mergeMap(actions => {
+    filter((actions) => actions.length > 0),
+    mergeMap((actions) => {
       const updatedCount = actions.length
       return of(
         notificationsSlice.actions.add({
           status: 'info',
-          title: `${updatedCount} ${pluralize('asset', updatedCount)} updated`
-        })
+          title: `${updatedCount} ${pluralize('asset', updatedCount)} updated`,
+        }),
       )
-    })
+    }),
   )
 
-export const notificationsGenericErrorEpic: MyEpic = action$ =>
+export const notificationsGenericErrorEpic: MyEpic = (action$) =>
   action$.pipe(
     ofType(
       assetsActions.fetchError.type,
@@ -162,35 +163,35 @@ export const notificationsGenericErrorEpic: MyEpic = action$ =>
       tagsActions.deleteError.type,
       tagsActions.fetchError.type,
       tagsActions.updateError.type,
-      uploadsActions.uploadError.type
+      uploadsActions.uploadError.type,
     ),
     mergeMap((action: AnyAction) => {
       const title = `An error occurred: ${messageFromGenericErrorPayload(action.payload)}`
       return of(
         notificationsSlice.actions.add({
           status: 'error',
-          title
-        })
+          title,
+        }),
       )
-    })
+    }),
   )
 
-export const notificationsTagCreateCompleteEpic: MyEpic = action$ =>
+export const notificationsTagCreateCompleteEpic: MyEpic = (action$) =>
   action$.pipe(
     filter(tagsActions.createComplete.match),
-    mergeMap(() => of(notificationsSlice.actions.add({status: 'info', title: `Tag created`})))
+    mergeMap(() => of(notificationsSlice.actions.add({status: 'info', title: `Tag created`}))),
   )
 
-export const notificationsTagDeleteCompleteEpic: MyEpic = action$ =>
+export const notificationsTagDeleteCompleteEpic: MyEpic = (action$) =>
   action$.pipe(
     filter(tagsActions.deleteComplete.match),
-    mergeMap(() => of(notificationsSlice.actions.add({status: 'info', title: `Tag deleted`})))
+    mergeMap(() => of(notificationsSlice.actions.add({status: 'info', title: `Tag deleted`}))),
   )
 
-export const notificationsTagUpdateCompleteEpic: MyEpic = action$ =>
+export const notificationsTagUpdateCompleteEpic: MyEpic = (action$) =>
   action$.pipe(
     filter(tagsActions.updateComplete.match),
-    mergeMap(() => of(notificationsSlice.actions.add({status: 'info', title: `Tag updated`})))
+    mergeMap(() => of(notificationsSlice.actions.add({status: 'info', title: `Tag updated`}))),
   )
 
 export const notificationsActions = {...notificationsSlice.actions}

package/src/modules/notifications/reducer.test.ts

@@ -1,9 +1,10 @@
 // @vitest-environment node
 
 import {describe, expect, it} from 'vitest'
-import notificationsReducer, {notificationsActions} from './index'
-import type {ImageAsset} from '../../types'
+
 import {createTestRootState} from '../../__tests__/fixtures/rootState'
+import type {ImageAsset} from '../../types'
+import notificationsReducer, {notificationsActions} from './index'
 
 const sampleAsset = {
   _id: 'a1',
@@ -14,7 +15,7 @@ const sampleAsset = {
   originalFilename: 'x.png',
   size: 1,
   mimeType: 'image/png',
-  url: 'https://example.com/x.png'
+  url: 'https://example.com/x.png',
 } as ImageAsset
 
 describe('notificationsReducer', () => {
@@ -30,14 +31,14 @@ describe('notificationsReducer', () => {
       notificationsActions.add({
         asset: sampleAsset,
         status: 'success',
-        title: 'Done'
-      })
+        title: 'Done',
+      }),
     )
     expect(next.items).toHaveLength(1)
     expect(next.items[0]).toEqual({
       asset: sampleAsset,
       status: 'success',
-      title: 'Done'
+      title: 'Done',
     })
   })
 
@@ -47,7 +48,7 @@ describe('notificationsReducer', () => {
     state = notificationsReducer(state, notificationsActions.add({title: 'Y'}))
     expect(state.items).toEqual([
       {asset: undefined, status: 'error', title: 'X'},
-      {asset: undefined, status: undefined, title: 'Y'}
+      {asset: undefined, status: undefined, title: 'Y'},
     ])
   })
 })

package/src/modules/search/index.test.ts

@@ -1,8 +1,9 @@
 // @vitest-environment node
 
 import {describe, expect, it} from 'vitest'
-import searchReducer, {searchActions} from './index'
+
 import {inputs} from '../../config/searchFacets'
+import searchReducer, {searchActions} from './index'
 
 describe('search slice', () => {
   it('facetsAdd assigns an id and appends facet', () => {

package/src/modules/search/index.ts

@@ -1,9 +1,9 @@
 import {type PayloadAction, createSelector, createSlice} from '@reduxjs/toolkit'
-import type {MyEpic, SearchFacetInputProps, SearchFacetOperatorType, WithId} from '../../types'
+import {uuid} from '@sanity/uuid'
 import {EMPTY, of} from 'rxjs'
 import {filter, mergeMap, withLatestFrom} from 'rxjs/operators'
-import {uuid} from '@sanity/uuid'
 
+import type {MyEpic, SearchFacetInputProps, SearchFacetOperatorType, WithId} from '../../types'
 import {tagsActions} from '../tags'
 import type {RootReducerState} from '../types'
 
@@ -17,7 +17,7 @@ type SearchState = {
 
 const initialState = {
   facets: [],
-  query: ''
+  query: '',
 } as SearchState
 
 const searchSlice = createSlice({
@@ -34,23 +34,23 @@ const searchSlice = createSlice({
     },
     // Remove search facet by name
     facetsRemoveByName(state, action: PayloadAction<{facetName: string}>) {
-      state.facets = state.facets.filter(facet => facet.name !== action.payload.facetName)
+      state.facets = state.facets.filter((facet) => facet.name !== action.payload.facetName)
     },
     // Remove search facet by name
     facetsRemoveByTag(state, action: PayloadAction<{tagId: string}>) {
       state.facets = state.facets.filter(
-        facet =>
+        (facet) =>
           !(
             facet.name === 'tag' &&
             facet.type === 'searchable' &&
             (facet.operatorType === 'references' || facet.operatorType === 'doesNotReference') &&
             facet.value?.value === action.payload.tagId
-          )
+          ),
       )
     },
     // Remove search facet by name
     facetsRemoveById(state, action: PayloadAction<{facetId: string}>) {
-      state.facets = state.facets.filter(facet => facet.id !== action.payload.facetId)
+      state.facets = state.facets.filter((facet) => facet.id !== action.payload.facetId)
     },
     // Update an existing search facet
     facetsUpdate(
@@ -60,11 +60,11 @@ const searchSlice = createSlice({
         name: string
         operatorType?: SearchFacetOperatorType
         value?: any // TODO: type correctly
-      }>
+      }>,
     ) {
       const {modifier, name, operatorType, value} = action.payload
 
-      const facet = state.facets.find(f => f.name === name)
+      const facet = state.facets.find((f) => f.name === name)
 
       if (!facet) {
         return
@@ -80,7 +80,7 @@ const searchSlice = createSlice({
         facet.value = value
       }
 
-      state.facets = state.facets.filter(f => f.name !== facet.name || f.id === facet.id)
+      state.facets = state.facets.filter((f) => f.name !== facet.name || f.id === facet.id)
     },
     // Update an existing search facet
     facetsUpdateById(
@@ -90,7 +90,7 @@ const searchSlice = createSlice({
         id: string
         operatorType?: SearchFacetOperatorType
         value?: any // TODO: type correctly
-      }>
+      }>,
     ) {
       const {modifier, id, operatorType, value} = action.payload
 
@@ -111,8 +111,8 @@ const searchSlice = createSlice({
     // Update existing search query
     querySet(state, action: PayloadAction<{searchQuery: string}>) {
       state.query = action.payload?.searchQuery
-    }
-  }
+    },
+  },
 })
 
 // Epics
@@ -125,7 +125,7 @@ export const searchFacetTagUpdateEpic: MyEpic = (action$, state$) =>
     mergeMap(([action, state]) => {
       const {tag} = action.payload
 
-      const currentSearchFacetTag = state.search.facets?.find(facet => facet.name === 'tag')
+      const currentSearchFacetTag = state.search.facets?.find((facet) => facet.name === 'tag')
       const tagItem = state.tags.byIds[tag._id]
 
       if (currentSearchFacetTag?.type === 'searchable') {
@@ -135,31 +135,31 @@ export const searchFacetTagUpdateEpic: MyEpic = (action$, state$) =>
               name: 'tag',
               value: {
                 label: tagItem?.tag?.name?.current,
-                value: tagItem?.tag?._id
-              }
-            })
+                value: tagItem?.tag?._id,
+              },
+            }),
           )
         }
       }
 
       return EMPTY
-    })
+    }),
   )
 
 // Selectors
 export const selectIsSearchFacetTag = createSelector(
   [
     (state: RootReducerState) => state.search.facets,
-    (_state: RootReducerState, tagId: string) => tagId
+    (_state: RootReducerState, tagId: string) => tagId,
   ],
   (searchFacets, tagId) =>
     searchFacets.some(
-      facet =>
+      (facet) =>
         facet.name === 'tag' &&
         facet.type === 'searchable' &&
         (facet.operatorType === 'references' || facet.operatorType === 'doesNotReference') &&
-        facet.value?.value === tagId
-    )
+        facet.value?.value === tagId,
+    ),
 )
 
 export const searchActions = {...searchSlice.actions}

package/src/modules/selected/index.ts

@@ -10,13 +10,13 @@ type SelectedReducerState = {
 const initialState = {
   assets: [],
   document: undefined,
-  documentAssetIds: []
+  documentAssetIds: [],
 } as SelectedReducerState
 
 const selectedSlice = createSlice({
   name: 'selected',
   initialState,
-  reducers: {}
+  reducers: {},
 })
 
 export default selectedSlice.reducer

package/src/modules/selectors.test.ts

@@ -1,20 +1,21 @@
 // @vitest-environment node
 
 import {describe, expect, it} from 'vitest'
-import type {RootReducerState} from './types'
+
 import {selectCombinedItems} from './selectors'
+import type {RootReducerState} from './types'
 
 describe('selectCombinedItems', () => {
   it('places upload items before asset items', () => {
     const state = {
       assets: {allIds: ['a1', 'a2']},
-      uploads: {allIds: ['u1']}
+      uploads: {allIds: ['u1']},
     } as RootReducerState
 
     expect(selectCombinedItems(state)).toEqual([
       {id: 'u1', type: 'upload'},
       {id: 'a1', type: 'asset'},
-      {id: 'a2', type: 'asset'}
+      {id: 'a2', type: 'asset'},
     ])
   })
 })

package/src/modules/selectors.ts

@@ -1,17 +1,17 @@
 import {createSelector} from '@reduxjs/toolkit'
-import type {CardAssetData, CardUploadData} from '../types'
 
+import type {CardAssetData, CardUploadData} from '../types'
 import type {RootReducerState} from './types'
 
 export const selectCombinedItems = createSelector(
   [
     (state: RootReducerState) => state.assets.allIds,
-    (state: RootReducerState) => state.uploads.allIds
+    (state: RootReducerState) => state.uploads.allIds,
   ],
   (assetIds, uploadIds) => {
-    const assetItems = assetIds.map(id => ({id, type: 'asset'} as CardAssetData))
-    const uploadItems = uploadIds.map(id => ({id, type: 'upload'} as CardUploadData))
+    const assetItems = assetIds.map((id) => ({id, type: 'asset'}) as CardAssetData)
+    const uploadItems = uploadIds.map((id) => ({id, type: 'upload'}) as CardUploadData)
     const combinedItems: (CardAssetData | CardUploadData)[] = [...uploadItems, ...assetItems]
     return combinedItems
-  }
+  },
 )

package/src/modules/tags/epics.test.ts

@@ -1,14 +1,15 @@
 // @vitest-environment node
 
-import {describe, expect, it, vi} from 'vitest'
 import {of} from 'rxjs'
-import {tagsCreateEpic, tagsDeleteEpic, tagsActions} from './index'
+import {describe, expect, it, vi} from 'vitest'
+
 import {createEpicTestStore} from '../../__tests__/fixtures/createEpicTestStore'
 import {
   createMockSanityClient,
-  mockTransactionCommit
+  mockTransactionCommit,
 } from '../../__tests__/fixtures/mockSanityClient'
 import type {Tag} from '../../types'
+import {tagsCreateEpic, tagsDeleteEpic, tagsActions} from './index'
 
 const sampleTag: Tag = {
   _id: 't1',
@@ -16,7 +17,7 @@ const sampleTag: Tag = {
   _createdAt: '',
   _updatedAt: '',
   _rev: 'tr',
-  name: {_type: 'slug', current: 'alpha'}
+  name: {_type: 'slug', current: 'alpha'},
 }
 
 describe('tagsCreateEpic', () => {
@@ -24,8 +25,8 @@ describe('tagsCreateEpic', () => {
     const client = createMockSanityClient({
       fetch: vi.fn().mockResolvedValue(0),
       observable: {
-        create: vi.fn(() => of(sampleTag))
-      }
+        create: vi.fn(() => of(sampleTag)),
+      },
     })
 
     const store = createEpicTestStore(tagsCreateEpic, client)
@@ -41,8 +42,8 @@ describe('tagsCreateEpic', () => {
     const client = createMockSanityClient({
       fetch: vi.fn().mockResolvedValue(1),
       observable: {
-        create: vi.fn(() => of(sampleTag))
-      }
+        create: vi.fn(() => of(sampleTag)),
+      },
     })
 
     const store = createEpicTestStore(tagsCreateEpic, client)
@@ -63,24 +64,24 @@ describe('tagsDeleteEpic', () => {
         fetch: vi.fn(() =>
           of([
             {_id: 'a1', _rev: 'r1', opt: {}},
-            {_id: 'a2', _rev: 'r2', opt: {}}
-          ])
-        )
+            {_id: 'a2', _rev: 'r2', opt: {}},
+          ]),
+        ),
       },
-      transaction: vi.fn(() => tx)
+      transaction: vi.fn(() => tx),
     })
 
     const store = createEpicTestStore(tagsDeleteEpic, client, {
       tags: {
         allIds: ['t1'],
         byIds: {
-          t1: {_type: 'tag', tag: sampleTag, picked: false, updating: false}
+          t1: {_type: 'tag', tag: sampleTag, picked: false, updating: false},
         },
         creating: false,
         fetchCount: -1,
         fetching: false,
-        panelVisible: true
-      }
+        panelVisible: true,
+      },
     })
 
     store.dispatch(tagsActions.deleteRequest({tag: sampleTag}))

package/src/modules/tags/index.test.ts

@@ -1,6 +1,7 @@
 // @vitest-environment node
 
 import {describe, expect, it} from 'vitest'
+
 import type {Tag} from '../../types'
 import tagsReducer, {tagsActions} from './index'
 
@@ -10,7 +11,7 @@ const sampleTag: Tag = {
   _createdAt: '2020-01-01',
   _updatedAt: '2020-01-01',
   _rev: 'r1',
-  name: {_type: 'slug', current: 'alpha'}
+  name: {_type: 'slug', current: 'alpha'},
 }
 
 describe('tags slice', () => {