sanity-plugin-media 4.3.5 → 5.0.0

package/src/modules/dialog/index.ts

@@ -1,238 +0,0 @@
-import {createSlice, type PayloadAction} from '@reduxjs/toolkit'
-import pluralize from 'pluralize'
-import {ofType} from 'redux-observable'
-import {EMPTY, of} from 'rxjs'
-import {filter, mergeMap} from 'rxjs/operators'
-
-import type {AssetItem, Dialog, MyEpic, Tag} from '../../types'
-import {assetsActions} from '../assets'
-import {ASSETS_ACTIONS} from '../assets/actions'
-import {tagsActions} from '../tags'
-import {DIALOG_ACTIONS} from './actions'
-
-type DialogReducerState = {
-  items: Dialog[]
-}
-
-const initialState = {
-  items: [],
-} as DialogReducerState
-
-const dialogSlice = createSlice({
-  name: 'dialog',
-  initialState,
-  extraReducers: (builder) => {
-    builder.addCase(DIALOG_ACTIONS.showTagCreate, (state) => {
-      state.items.push({
-        id: 'tagCreate',
-        type: 'tagCreate',
-      })
-    })
-    builder.addCase(DIALOG_ACTIONS.showTagEdit, (state, action) => {
-      const {tagId} = action.payload
-      state.items.push({
-        id: tagId,
-        tagId,
-        type: 'tagEdit',
-      })
-    })
-  },
-  reducers: {
-    // Clear all dialogs
-    clear(state) {
-      state.items = []
-    },
-    // Add newly created inline tag to assetEdit dialog
-    inlineTagCreate(state, action: PayloadAction<{assetId: string; tag: Tag}>) {
-      const {assetId, tag} = action.payload
-
-      state.items.forEach((item) => {
-        if (item.type === 'assetEdit' && item.assetId === assetId) {
-          item.lastCreatedTag = {
-            label: tag.name.current,
-            value: tag._id,
-          }
-        }
-      })
-    },
-    // Remove inline tags from assetEdit dialog
-    inlineTagRemove(state, action: PayloadAction<{tagIds: string[]}>) {
-      const {tagIds} = action.payload
-
-      state.items.forEach((item) => {
-        if (item.type === 'assetEdit') {
-          item.lastRemovedTagIds = tagIds
-        }
-      })
-    },
-    // Remove dialog by id
-    remove(state, action: PayloadAction<{id: string}>) {
-      const id = action.payload?.id
-      state.items = state.items.filter((item) => item.id !== id)
-    },
-    showConfirmAssetsTagAdd(
-      state,
-      action: PayloadAction<{
-        assetsPicked: AssetItem[]
-        closeDialogId?: string
-        tag: Tag
-      }>,
-    ) {
-      const {assetsPicked, closeDialogId, tag} = action.payload
-
-      const suffix = `${assetsPicked.length} ${pluralize('asset', assetsPicked.length)}`
-
-      state.items.push({
-        closeDialogId,
-        confirmCallbackAction: ASSETS_ACTIONS.tagsAddRequest({
-          assets: assetsPicked,
-          tag,
-        }),
-        confirmText: `Yes, add tag to ${suffix}`,
-        title: `Add tag ${tag.name.current} to ${suffix}?`,
-        id: 'confirm',
-        headerTitle: 'Confirm tag addition',
-        tone: 'primary',
-        type: 'confirm',
-      })
-    },
-    showConfirmAssetsTagRemove(
-      state,
-      action: PayloadAction<{
-        assetsPicked: AssetItem[]
-        closeDialogId?: string
-        tag: Tag
-      }>,
-    ) {
-      const {assetsPicked, closeDialogId, tag} = action.payload
-
-      const suffix = `${assetsPicked.length} ${pluralize('asset', assetsPicked.length)}`
-
-      state.items.push({
-        closeDialogId,
-        confirmCallbackAction: ASSETS_ACTIONS.tagsRemoveRequest({assets: assetsPicked, tag}),
-        confirmText: `Yes, remove tag from ${suffix}`,
-        headerTitle: 'Confirm tag removal',
-        id: 'confirm',
-        title: `Remove tag ${tag.name.current} from ${suffix}?`,
-        tone: 'critical',
-        type: 'confirm',
-      })
-    },
-    showConfirmDeleteAssets(
-      state,
-      action: PayloadAction<{assets: AssetItem[]; closeDialogId?: string}>,
-    ) {
-      const {assets, closeDialogId} = action.payload
-
-      const suffix = `${assets.length} ${pluralize('asset', assets.length)}`
-
-      state.items.push({
-        closeDialogId,
-        confirmCallbackAction: assetsActions.deleteRequest({
-          assets: assets.map((assetItem) => assetItem.asset),
-        }),
-        confirmText: `Yes, delete ${suffix}`,
-        description: 'This operation cannot be reversed. Are you sure you want to continue?',
-        title: `Permanently delete ${suffix}?`,
-        id: 'confirm',
-        headerTitle: 'Confirm deletion',
-        tone: 'critical',
-        type: 'confirm',
-      })
-    },
-    showConfirmDeleteTag(state, action: PayloadAction<{closeDialogId?: string; tag: Tag}>) {
-      const {closeDialogId, tag} = action.payload
-
-      const suffix = 'tag'
-
-      state.items.push({
-        closeDialogId,
-        confirmCallbackAction: tagsActions.deleteRequest({tag}),
-        confirmText: `Yes, delete ${suffix}`,
-        description: 'This operation cannot be reversed. Are you sure you want to continue?',
-        title: `Permanently delete ${suffix}?`,
-        id: 'confirm',
-        headerTitle: 'Confirm deletion',
-        tone: 'critical',
-        type: 'confirm',
-      })
-    },
-    showAssetEdit(state, action: PayloadAction<{assetId: string}>) {
-      const {assetId} = action.payload
-      state.items.push({
-        assetId,
-        id: assetId,
-        type: 'assetEdit',
-      })
-    },
-    showSearchFacets(state) {
-      state.items.push({
-        id: 'searchFacets',
-        type: 'searchFacets',
-      })
-    },
-    showTags(state) {
-      state.items.push({
-        id: 'tags',
-        type: 'tags',
-      })
-    },
-  },
-})
-
-// Epics
-
-export const dialogClearOnAssetUpdateEpic: MyEpic = (action$) =>
-  action$.pipe(
-    ofType(
-      assetsActions.deleteComplete.type,
-      assetsActions.updateComplete.type,
-      tagsActions.deleteComplete.type,
-      tagsActions.updateComplete.type,
-    ),
-    filter(
-      (action: {
-        payload: {closeDialogId?: string}
-      }): action is PayloadAction<{closeDialogId?: string}> => !!action?.payload?.closeDialogId,
-    ),
-    mergeMap((action) => {
-      const dialogId = action?.payload?.closeDialogId
-      if (dialogId) {
-        return of(dialogSlice.actions.remove({id: dialogId}))
-      }
-      return EMPTY
-    }),
-  )
-
-export const dialogTagCreateEpic: MyEpic = (action$) =>
-  action$.pipe(
-    filter(tagsActions.createComplete.match),
-    mergeMap((action) => {
-      const {assetId, tag} = action?.payload
-
-      if (assetId) {
-        return of(dialogSlice.actions.inlineTagCreate({tag, assetId}))
-      }
-
-      if (tag._id) {
-        return of(dialogSlice.actions.remove({id: 'tagCreate'}))
-      }
-
-      return EMPTY
-    }),
-  )
-
-export const dialogTagDeleteEpic: MyEpic = (action$) =>
-  action$.pipe(
-    filter(tagsActions.listenerDeleteQueueComplete.match),
-    mergeMap((action) => {
-      const {tagIds} = action?.payload
-
-      return of(dialogSlice.actions.inlineTagRemove({tagIds}))
-    }),
-  )
-
-export const dialogActions = {...dialogSlice.actions}
-
-export default dialogSlice.reducer

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

@@ -1,185 +0,0 @@
-// @vitest-environment node
-
-import {describe, expect, it} from 'vitest'
-
-import {createTestRootState} from '../../__tests__/fixtures/rootState'
-import type {AssetItem, ImageAsset, Tag} from '../../types'
-import {assetsActions} from '../assets'
-import {ASSETS_ACTIONS} from '../assets/actions'
-import {tagsActions} from '../tags'
-import {DIALOG_ACTIONS} from './actions'
-import dialogReducer, {dialogActions} from './index'
-
-const sampleAsset = {
-  _id: 'a1',
-  _type: 'sanity.imageAsset',
-  _createdAt: '',
-  _updatedAt: '',
-  _rev: 'r1',
-  originalFilename: 'x.png',
-  size: 1,
-  mimeType: 'image/png',
-  url: 'https://example.com/x.png',
-} as ImageAsset
-
-const sampleTag: Tag = {
-  _id: 't1',
-  _type: 'media.tag',
-  _createdAt: '',
-  _updatedAt: '',
-  _rev: 'tr',
-  name: {_type: 'slug', current: 'alpha'},
-}
-
-const assetItem = (asset: ImageAsset = sampleAsset): AssetItem => ({
-  _type: 'asset',
-  asset,
-  picked: false,
-  updating: false,
-})
-
-function dialogState() {
-  return createTestRootState().dialog
-}
-
-describe('dialog slice reducers', () => {
-  it('clear removes all items', () => {
-    const state = dialogReducer(
-      {...dialogState(), items: [{id: 'x', type: 'tags'}]},
-      dialogActions.clear(),
-    )
-    expect(state.items).toEqual([])
-  })
-
-  it('remove filters out the dialog with the given id', () => {
-    const state = dialogReducer(
-      {
-        ...dialogState(),
-        items: [
-          {id: 'a', type: 'tags'},
-          {id: 'b', type: 'searchFacets'},
-        ],
-      },
-      dialogActions.remove({id: 'a'}),
-    )
-    expect(state.items).toEqual([{id: 'b', type: 'searchFacets'}])
-  })
-
-  it('showAssetEdit appends an asset edit dialog', () => {
-    const state = dialogReducer(dialogState(), dialogActions.showAssetEdit({assetId: 'a1'}))
-    expect(state.items).toEqual([{assetId: 'a1', id: 'a1', type: 'assetEdit'}])
-  })
-
-  it('showSearchFacets and showTags append the expected dialogs', () => {
-    let state = dialogReducer(dialogState(), dialogActions.showSearchFacets())
-    state = dialogReducer(state, dialogActions.showTags())
-    expect(state.items).toEqual([
-      {id: 'searchFacets', type: 'searchFacets'},
-      {id: 'tags', type: 'tags'},
-    ])
-  })
-
-  it('inlineTagCreate sets lastCreatedTag on matching assetEdit items', () => {
-    const state = dialogReducer(
-      {
-        ...dialogState(),
-        items: [
-          {id: 'a1', type: 'assetEdit', assetId: 'a1'},
-          {id: 'a2', type: 'assetEdit', assetId: 'a2'},
-        ],
-      },
-      dialogActions.inlineTagCreate({assetId: 'a1', tag: sampleTag}),
-    )
-    const a1 = state.items.find((i) => i.type === 'assetEdit' && i.assetId === 'a1')
-    const a2 = state.items.find((i) => i.type === 'assetEdit' && i.assetId === 'a2')
-    expect(a1 && 'lastCreatedTag' in a1 && a1.lastCreatedTag).toEqual({
-      label: 'alpha',
-      value: 't1',
-    })
-    expect(a2).toBeDefined()
-    expect(Object.prototype.hasOwnProperty.call(a2, 'lastCreatedTag')).toBe(false)
-  })
-
-  it('inlineTagRemove sets lastRemovedTagIds on all assetEdit items', () => {
-    const state = dialogReducer(
-      {
-        ...dialogState(),
-        items: [
-          {id: 'a1', type: 'assetEdit', assetId: 'a1'},
-          {id: 'tags', type: 'tags'},
-        ],
-      },
-      dialogActions.inlineTagRemove({tagIds: ['x', 'y']}),
-    )
-    const edit = state.items.find((i) => i.type === 'assetEdit')
-    expect(edit && 'lastRemovedTagIds' in edit && edit.lastRemovedTagIds).toEqual(['x', 'y'])
-    const tagsPanel = state.items.find((i) => i.type === 'tags')
-    expect(tagsPanel && 'lastRemovedTagIds' in tagsPanel).toBeFalsy()
-  })
-
-  it('showConfirmDeleteAssets pushes a confirm dialog wired to assets deleteRequest', () => {
-    const item = assetItem()
-    const state = dialogReducer(
-      dialogState(),
-      dialogActions.showConfirmDeleteAssets({assets: [item], closeDialogId: 'a1'}),
-    )
-    const confirm = state.items[0]
-    expect(confirm?.type).toBe('confirm')
-    expect(confirm && 'title' in confirm && confirm.title).toBe('Permanently delete 1 asset?')
-    const cb = confirm && 'confirmCallbackAction' in confirm ? confirm.confirmCallbackAction : null
-    expect(cb).toEqual(assetsActions.deleteRequest({assets: [sampleAsset]}))
-  })
-
-  it('showConfirmDeleteTag pushes a confirm dialog wired to tags deleteRequest', () => {
-    const state = dialogReducer(
-      dialogState(),
-      dialogActions.showConfirmDeleteTag({closeDialogId: 't1', tag: sampleTag}),
-    )
-    const confirm = state.items[0]
-    expect(confirm?.type).toBe('confirm')
-    expect(confirm && 'title' in confirm && confirm.title).toMatch(/permanently delete/i)
-    const cb = confirm && 'confirmCallbackAction' in confirm ? confirm.confirmCallbackAction : null
-    expect(cb).toEqual(tagsActions.deleteRequest({tag: sampleTag}))
-  })
-
-  it('showConfirmAssetsTagAdd uses plural copy for multiple assets', () => {
-    const a2 = {...sampleAsset, _id: 'a2', originalFilename: 'y.png'} as ImageAsset
-    const state = dialogReducer(
-      dialogState(),
-      dialogActions.showConfirmAssetsTagAdd({
-        assetsPicked: [assetItem(), assetItem(a2)],
-        tag: sampleTag,
-      }),
-    )
-    const confirm = state.items[0]
-    expect(confirm && 'title' in confirm && confirm.title).toContain('2 assets')
-    const cb = confirm && 'confirmCallbackAction' in confirm ? confirm.confirmCallbackAction : null
-    expect(cb).toEqual(
-      ASSETS_ACTIONS.tagsAddRequest({assets: [assetItem(), assetItem(a2)], tag: sampleTag}),
-    )
-  })
-
-  it('showConfirmAssetsTagRemove pushes removal confirm with tagsRemoveRequest', () => {
-    const state = dialogReducer(
-      dialogState(),
-      dialogActions.showConfirmAssetsTagRemove({
-        assetsPicked: [assetItem()],
-        tag: sampleTag,
-      }),
-    )
-    const confirm = state.items[0]
-    expect(confirm && 'tone' in confirm && confirm.tone).toBe('critical')
-    const cb = confirm && 'confirmCallbackAction' in confirm ? confirm.confirmCallbackAction : null
-    expect(cb).toEqual(ASSETS_ACTIONS.tagsRemoveRequest({assets: [assetItem()], tag: sampleTag}))
-  })
-
-  it('DIALOG_ACTIONS.showTagCreate appends tag create dialog', () => {
-    const state = dialogReducer(dialogState(), DIALOG_ACTIONS.showTagCreate())
-    expect(state.items).toEqual([{id: 'tagCreate', type: 'tagCreate'}])
-  })
-
-  it('DIALOG_ACTIONS.showTagEdit appends tag edit dialog with tag id', () => {
-    const state = dialogReducer(dialogState(), DIALOG_ACTIONS.showTagEdit({tagId: 't9'}))
-    expect(state.items).toEqual([{id: 't9', tagId: 't9', type: 'tagEdit'}])
-  })
-})

package/src/modules/index.ts

@@ -1,124 +0,0 @@
-import {
-  type ActionFromReducersMapObject,
-  type Reducer,
-  type StateFromReducersMapObject,
-  combineReducers,
-} from '@reduxjs/toolkit'
-import {combineEpics} from 'redux-observable'
-
-import assetsReducer, {
-  assetsDeleteEpic,
-  assetsFetchAfterDeleteAllEpic,
-  assetsFetchEpic,
-  assetsFetchNextPageEpic,
-  assetsFetchPageIndexEpic,
-  assetsListenerCreateQueueEpic,
-  assetsListenerDeleteQueueEpic,
-  assetsListenerUpdateQueueEpic,
-  assetsOrderSetEpic,
-  assetsSearchEpic,
-  assetsSortEpic,
-  assetsTagsAddEpic,
-  assetsTagsRemoveEpic,
-  assetsUnpickEpic,
-  assetsUpdateEpic,
-} from './assets'
-import debugReducer from './debug'
-import dialogReducer, {
-  dialogClearOnAssetUpdateEpic,
-  dialogTagCreateEpic,
-  dialogTagDeleteEpic,
-} from './dialog'
-import notificationsReducer, {
-  notificationsAssetsDeleteErrorEpic,
-  notificationsAssetsDeleteCompleteEpic,
-  notificationsAssetsTagsAddCompleteEpic,
-  notificationsAssetsTagsRemoveCompleteEpic,
-  notificationsAssetsUpdateCompleteEpic,
-  notificationsGenericErrorEpic,
-  notificationsTagCreateCompleteEpic,
-  notificationsTagDeleteCompleteEpic,
-  notificationsTagUpdateCompleteEpic,
-} from './notifications'
-import searchReducer, {searchFacetTagUpdateEpic} from './search'
-import selectedReducer from './selected'
-import tagsReducer, {
-  tagsCreateEpic,
-  tagsDeleteEpic,
-  tagsFetchEpic,
-  tagsListenerCreateQueueEpic,
-  tagsListenerDeleteQueueEpic,
-  tagsListenerUpdateQueueEpic,
-  tagsSortEpic,
-  tagsUpdateEpic,
-} from './tags'
-import uploadsReducer, {
-  uploadsAssetStartEpic,
-  uploadsAssetUploadEpic,
-  uploadsCheckRequestEpic,
-  uploadsCompleteQueueEpic,
-} from './uploads'
-
-export const rootEpic = combineEpics(
-  assetsDeleteEpic,
-  assetsFetchEpic,
-  assetsFetchAfterDeleteAllEpic,
-  assetsFetchNextPageEpic,
-  assetsFetchPageIndexEpic,
-  assetsListenerCreateQueueEpic,
-  assetsListenerDeleteQueueEpic,
-  assetsListenerUpdateQueueEpic,
-  assetsOrderSetEpic,
-  assetsSearchEpic,
-  assetsSortEpic,
-  assetsTagsAddEpic,
-  assetsTagsRemoveEpic,
-  assetsUnpickEpic,
-  assetsUpdateEpic,
-  dialogClearOnAssetUpdateEpic,
-  dialogTagCreateEpic,
-  dialogTagDeleteEpic,
-  notificationsAssetsDeleteErrorEpic,
-  notificationsAssetsDeleteCompleteEpic,
-  notificationsAssetsTagsAddCompleteEpic,
-  notificationsAssetsTagsRemoveCompleteEpic,
-  notificationsAssetsUpdateCompleteEpic,
-  notificationsGenericErrorEpic,
-  notificationsTagCreateCompleteEpic,
-  notificationsTagDeleteCompleteEpic,
-  notificationsTagUpdateCompleteEpic,
-  searchFacetTagUpdateEpic,
-  tagsCreateEpic,
-  tagsDeleteEpic,
-  tagsFetchEpic,
-  tagsListenerCreateQueueEpic,
-  tagsListenerDeleteQueueEpic,
-  tagsListenerUpdateQueueEpic,
-  tagsSortEpic,
-  tagsUpdateEpic,
-  uploadsAssetStartEpic,
-  uploadsAssetUploadEpic,
-  uploadsCheckRequestEpic,
-  uploadsCompleteQueueEpic,
-)
-
-const reducers = {
-  assets: assetsReducer,
-  debug: debugReducer,
-  dialog: dialogReducer,
-  notifications: notificationsReducer,
-  search: searchReducer,
-  selected: selectedReducer,
-  tags: tagsReducer,
-  uploads: uploadsReducer,
-}
-
-type ReducersMapObject = typeof reducers
-
-// Workaround to avoid `$CombinedState` ts errors
-// source: https://github.com/reduxjs/redux-toolkit/issues/2068#issuecomment-1130796500
-// TODO: remove once we use `redux-toolkit` v2
-export const rootReducer: Reducer<
-  StateFromReducersMapObject<ReducersMapObject>,
-  ActionFromReducersMapObject<ReducersMapObject>
-> = combineReducers(reducers)