sanity-plugin-media 4.3.1 → 4.3.2

package/src/hooks/useKeyPress.ts

@@ -1,4 +1,4 @@
-import isHotkey from 'is-hotkey'
+import {isHotkey} from 'is-hotkey-esm'
 import {type RefObject, useCallback, useEffect, useRef} from 'react'
 
 const useKeyPress = (hotkey: string, onPress?: () => void): RefObject<boolean> => {
@@ -14,7 +14,7 @@ const useKeyPress = (hotkey: string, onPress?: () => void): RefObject<boolean> =
         }
       }
     },
-    [hotkey, onPress]
+    [hotkey, onPress],
   )
 
   // If released key is our target key then set to false

package/src/hooks/usePortalPopoverProps.ts

@@ -8,6 +8,6 @@ export function usePortalPopoverProps(): PopoverProps {
     constrainSize: true,
     floatingBoundary: portal.element,
     portal: true,
-    referenceBoundary: portal.element
+    referenceBoundary: portal.element,
   }
 }

package/src/modules/assets/actions.ts

@@ -1,4 +1,5 @@
 import {createAction} from '@reduxjs/toolkit'
+
 import type {AssetItem, HttpError, Tag} from '../../types'
 
 export const ASSETS_ACTIONS = {
@@ -6,36 +7,36 @@ export const ASSETS_ACTIONS = {
     'actions/tagsAddComplete',
     function prepare({assets, tag}: {assets: AssetItem[]; tag: Tag}) {
       return {payload: {assets, tag}}
-    }
+    },
   ),
   tagsAddError: createAction(
     'actions/tagsAddError',
     function prepare({assets, error, tag}: {assets: AssetItem[]; error: HttpError; tag: Tag}) {
       return {payload: {assets, error, tag}}
-    }
+    },
   ),
   tagsAddRequest: createAction(
     'actions/tagsAddRequest',
     function prepare({assets, tag}: {assets: AssetItem[]; tag: Tag}) {
       return {payload: {assets, tag}}
-    }
+    },
   ),
   tagsRemoveComplete: createAction(
     'actions/tagsRemoveComplete',
     function prepare({assets, tag}: {assets: AssetItem[]; tag: Tag}) {
       return {payload: {assets, tag}}
-    }
+    },
   ),
   tagsRemoveError: createAction(
     'actions/tagsRemoveError',
     function prepare({assets, error, tag}: {assets: AssetItem[]; error: HttpError; tag: Tag}) {
       return {payload: {assets, error, tag}}
-    }
+    },
   ),
   tagsRemoveRequest: createAction(
     'actions/tagsRemoveRequest',
     function prepare({assets, tag}: {assets: AssetItem[]; tag: Tag}) {
       return {payload: {assets, tag}}
-    }
-  )
+    },
+  ),
 }

package/src/modules/assets/deleteAndUpdateEpics.test.ts

@@ -1,16 +1,17 @@
 // @vitest-environment node
 
-import {describe, expect, it, vi} from 'vitest'
 import {of} from 'rxjs'
+import {describe, expect, it, vi} from 'vitest'
+
+import {createEpicTestStore} from '../../__tests__/fixtures/createEpicTestStore'
+import {createMockSanityClient, mockPatchChain} from '../../__tests__/fixtures/mockSanityClient'
+import type {ImageAsset} from '../../types'
 import {
   assetsActions,
   assetsDeleteEpic,
   assetsUpdateEpic,
-  initialState as assetsInitialState
+  initialState as assetsInitialState,
 } from './index'
-import {createEpicTestStore} from '../../__tests__/fixtures/createEpicTestStore'
-import {createMockSanityClient, mockPatchChain} from '../../__tests__/fixtures/mockSanityClient'
-import type {ImageAsset} from '../../types'
 
 const sampleAsset = {
   _id: 'a1',
@@ -21,15 +22,15 @@ const sampleAsset = {
   originalFilename: 'x.png',
   size: 1,
   mimeType: 'image/png',
-  url: ''
+  url: '',
 } as ImageAsset
 
 describe('assetsDeleteEpic', () => {
   it('dispatches deleteComplete when observable.delete succeeds', async () => {
     const client = createMockSanityClient({
       observable: {
-        delete: vi.fn(() => of({}))
-      }
+        delete: vi.fn(() => of({})),
+      },
     })
 
     const store = createEpicTestStore(assetsDeleteEpic, client, {
@@ -38,9 +39,9 @@ describe('assetsDeleteEpic', () => {
         assetTypes: ['image'],
         allIds: ['a1'],
         byIds: {
-          a1: {_type: 'asset', asset: sampleAsset, picked: false, updating: false}
-        }
-      }
+          a1: {_type: 'asset', asset: sampleAsset, picked: false, updating: false},
+        },
+      },
     })
 
     store.dispatch(assetsActions.deleteRequest({assets: [sampleAsset]}))
@@ -57,7 +58,7 @@ describe('assetsUpdateEpic', () => {
     const updated = {...sampleAsset, title: 'Updated'}
     const chain = mockPatchChain(updated)
     const client = createMockSanityClient({
-      patch: vi.fn(() => chain)
+      patch: vi.fn(() => chain),
     })
 
     const store = createEpicTestStore(assetsUpdateEpic, client, {
@@ -66,16 +67,16 @@ describe('assetsUpdateEpic', () => {
         assetTypes: ['image'],
         allIds: ['a1'],
         byIds: {
-          a1: {_type: 'asset', asset: sampleAsset, picked: false, updating: false}
-        }
-      }
+          a1: {_type: 'asset', asset: sampleAsset, picked: false, updating: false},
+        },
+      },
     })
 
     store.dispatch(
       assetsActions.updateRequest({
         asset: sampleAsset,
-        formData: {title: 'Updated'}
-      })
+        formData: {title: 'Updated'},
+      }),
     )
 
     await vi.waitFor(() => {

package/src/modules/assets/fetchEpic.test.ts

@@ -1,11 +1,12 @@
 // @vitest-environment node
 
-import {describe, expect, it, vi} from 'vitest'
 import {of, throwError} from 'rxjs'
-import {assetsActions, assetsFetchEpic} from './index'
+import {describe, expect, it, vi} from 'vitest'
+
 import {createEpicTestStore} from '../../__tests__/fixtures/createEpicTestStore'
 import {createMockSanityClient} from '../../__tests__/fixtures/mockSanityClient'
 import type {ImageAsset} from '../../types'
+import {assetsActions, assetsFetchEpic} from './index'
 
 function assertFetchSucceeded(store: ReturnType<typeof createEpicTestStore>, asset: ImageAsset) {
   expect(store.getState().assets.byIds.a1?.asset).toEqual(asset)
@@ -25,15 +26,15 @@ const sampleAsset = {
   originalFilename: 'x.png',
   size: 1,
   mimeType: 'image/png',
-  url: ''
+  url: '',
 } as ImageAsset
 
 describe('assetsFetchEpic', () => {
   it('dispatches fetchComplete when observable.fetch succeeds', async () => {
     const client = createMockSanityClient({
       observable: {
-        fetch: vi.fn(() => of({items: [sampleAsset]}))
-      }
+        fetch: vi.fn(() => of({items: [sampleAsset]})),
+      },
     })
 
     const store = createEpicTestStore(assetsFetchEpic, client)
@@ -42,8 +43,8 @@ describe('assetsFetchEpic', () => {
         params: {},
         queryFilter: '_type == "sanity.imageAsset"',
         selector: '',
-        sort: ''
-      })
+        sort: '',
+      }),
     )
 
     await vi.waitFor(() => assertFetchSucceeded(store, sampleAsset))
@@ -53,8 +54,8 @@ describe('assetsFetchEpic', () => {
     const fetchErr = throwError(() => ({message: 'boom', statusCode: 500}))
     const client = createMockSanityClient({
       observable: {
-        fetch: vi.fn(() => fetchErr)
-      }
+        fetch: vi.fn(() => fetchErr),
+      },
     })
 
     const store = createEpicTestStore(assetsFetchEpic, client)
@@ -63,8 +64,8 @@ describe('assetsFetchEpic', () => {
         params: {},
         queryFilter: '_type == "sanity.imageAsset"',
         selector: '',
-        sort: ''
-      })
+        sort: '',
+      }),
     )
 
     await vi.waitFor(() => assertFetchFailed(store))