sanity-plugin-media 2.3.2 → 2.4.1

package/src/components/TableHeader/index.tsx

@@ -1,7 +1,7 @@
-import {Checkbox, Flex, Grid, ThemeColorSchemeKey, useMediaIndex} from '@sanity/ui'
-import React, {MouseEvent} from 'react'
+import {Checkbox, Flex, Grid, type ThemeColorSchemeKey, useMediaIndex} from '@sanity/ui'
+import {type MouseEvent} from 'react'
 import {useDispatch} from 'react-redux'
-import styled, {css} from 'styled-components'
+import {styled, css} from 'styled-components'
 import {GRID_TEMPLATE_COLUMNS, PANEL_HEIGHT} from '../../constants'
 import {useAssetSourceActions} from '../../contexts/AssetSourceDispatchContext'
 import useTypedSelector from '../../hooks/useTypedSelector'
@@ -11,16 +11,19 @@ import {useColorScheme} from 'sanity'
 import {getSchemeColor} from '../../utils/getSchemeColor'
 
 // TODO: DRY
-const ContextActionContainer = styled(Flex)(({scheme}: {scheme: ThemeColorSchemeKey}) => {
-  return css`
-    cursor: pointer;
-    @media (hover: hover) and (pointer: fine) {
-      &:hover {
-        background: ${getSchemeColor(scheme, 'bg')};
+const ContextActionContainer = styled(Flex)(
+  // @ts-expect-error - fix typings later
+  ({scheme}: {scheme: ThemeColorSchemeKey}) => {
+    return css`
+      cursor: pointer;
+      @media (hover: hover) and (pointer: fine) {
+        &:hover {
+          background: ${getSchemeColor(scheme, 'bg')};
+        }
       }
-    }
-  `
-})
+    `
+  }
+)
 
 const TableHeader = () => {
   const {scheme} = useColorScheme()
@@ -75,6 +78,7 @@ const TableHeader = () => {
           align="center"
           justify="center"
           onClick={handleContextActionClick}
+          // @ts-expect-error - fix typings later
           scheme={scheme}
           style={{
             height: '100%',

package/src/components/TableRowAsset/index.tsx

@@ -7,16 +7,24 @@ import {
   Grid,
   Spinner,
   Text,
-  ThemeColorSchemeKey,
+  type ThemeColorSchemeKey,
   Tooltip,
   useMediaIndex
 } from '@sanity/ui'
 import formatRelative from 'date-fns/formatRelative'
 import filesize from 'filesize'
-import React, {memo, MouseEvent, RefObject, useCallback, useEffect, useRef, useState} from 'react'
+import {
+  memo,
+  type MouseEvent,
+  type RefObject,
+  useCallback,
+  useEffect,
+  useRef,
+  useState
+} from 'react'
 import {useDispatch} from 'react-redux'
 import {WithReferringDocuments, useColorScheme} from 'sanity'
-import styled, {css} from 'styled-components'
+import {styled, css} from 'styled-components'
 import {GRID_TEMPLATE_COLUMNS} from '../../constants'
 import {useAssetSourceActions} from '../../contexts/AssetSourceDispatchContext'
 import useKeyPress from '../../hooks/useKeyPress'
@@ -40,6 +48,7 @@ type Props = {
 }
 
 const ContainerGrid = styled(Grid)(
+  // @ts-expect-error - fix typings later
   ({
     scheme,
     selected,
@@ -69,6 +78,7 @@ const ContainerGrid = styled(Grid)(
   }
 )
 
+// @ts-expect-error - fix typings later
 const ContextActionContainer = styled(Flex)(({scheme}: {scheme: ThemeColorSchemeKey}) => {
   return css`
     cursor: pointer;
@@ -171,6 +181,7 @@ const TableRowAsset = (props: Props) => {
   return (
     <ContainerGrid
       onClick={selected ? undefined : handleClick}
+      // @ts-expect-error - fix typings later
       scheme={scheme}
       selected={selected}
       style={{
@@ -185,6 +196,7 @@ const TableRowAsset = (props: Props) => {
       {/* Picked checkbox */}
       <ContextActionContainer
         onClick={handleContextActionClick}
+        // @ts-expect-error - fix typings later
         scheme={scheme}
         style={{
           alignItems: 'center',

package/src/components/Tag/index.tsx

@@ -1,9 +1,9 @@
 import {ArrowDownIcon, ArrowUpIcon, CloseIcon, EditIcon, SearchIcon, TrashIcon} from '@sanity/icons'
 import {Box, Button, Container, Flex, Text, Tooltip} from '@sanity/ui'
-import {SearchFacetInputSearchableProps, TagActions, TagItem} from '@types'
-import React, {ReactNode} from 'react'
+import type {SearchFacetInputSearchableProps, TagActions, TagItem} from '../../types'
+import {type ReactNode} from 'react'
 import {useDispatch} from 'react-redux'
-import styled from 'styled-components'
+import {styled} from 'styled-components'
 import {inputs} from '../../config/searchFacets'
 import {PANEL_HEIGHT} from '../../constants'
 import useTypedSelector from '../../hooks/useTypedSelector'

package/src/components/TagsVirtualized/index.tsx

@@ -1,6 +1,6 @@
 import {Flex, Label} from '@sanity/ui'
-import {TagActions, TagItem} from '@types'
-import React, {memo, useState} from 'react'
+import type {TagActions, TagItem} from '../../types'
+import {memo, useState} from 'react'
 import {Virtuoso} from 'react-virtuoso'
 import {PANEL_HEIGHT} from '../../constants'
 import useTypedSelector from '../../hooks/useTypedSelector'

package/src/components/TextInputNumber/index.tsx

@@ -1,5 +1,5 @@
 import {TextInput} from '@sanity/ui'
-import React, {ChangeEvent} from 'react'
+import {type ChangeEvent} from 'react'
 
 // TODO: use correct type
 type Props = any & {

package/src/components/TextInputSearch/index.tsx

@@ -1,6 +1,6 @@
 import {CloseIcon, SearchIcon} from '@sanity/icons'
 import {Box, Flex, TextInput} from '@sanity/ui'
-import React, {ChangeEvent} from 'react'
+import {type ChangeEvent} from 'react'
 import {useDispatch} from 'react-redux'
 import useTypedSelector from '../../hooks/useTypedSelector'
 import {searchActions} from '../../modules/search'

package/src/components/UploadDropzone/index.tsx

@@ -1,9 +1,9 @@
 import {white} from '@sanity/color'
 import {Flex, Text} from '@sanity/ui'
-import React, {ReactNode} from 'react'
-import {DropEvent, DropzoneOptions, useDropzone} from 'react-dropzone'
+import {type ReactNode} from 'react'
+import {type DropEvent, type DropzoneOptions, useDropzone} from 'react-dropzone'
 import {useDispatch} from 'react-redux'
-import styled from 'styled-components'
+import {styled} from 'styled-components'
 import {useAssetSourceActions} from '../../contexts/AssetSourceDispatchContext'
 import {DropzoneDispatchProvider} from '../../contexts/DropzoneDispatchContext'
 import useTypedSelector from '../../hooks/useTypedSelector'

package/src/config/searchFacets.ts

@@ -1,9 +1,9 @@
-import {
+import type {
   SearchFacetDivider,
   SearchFacetInputProps,
   SearchFacetName,
   SearchFacetOperators
-} from '@types'
+} from '../types'
 import groq from 'groq'
 
 export const divider: SearchFacetDivider = {type: 'divider'}

package/src/constants.ts

@@ -1,4 +1,9 @@
-import {SearchFacetInputProps, SearchFacetDivider, SearchFacetGroup, OrderDirection} from '@types'
+import type {
+  SearchFacetInputProps,
+  SearchFacetDivider,
+  SearchFacetGroup,
+  OrderDirection
+} from './types'
 import {divider, inputs} from './config/searchFacets'
 
 // Sort order dropdown options

package/src/contexts/AssetSourceDispatchContext.tsx

@@ -1,4 +1,4 @@
-import React, {ReactNode, createContext, useContext} from 'react'
+import {type ReactNode, createContext, useContext} from 'react'
 import type {AssetSourceComponentProps} from 'sanity'
 
 type ContextProps = {

package/src/contexts/DropzoneDispatchContext.tsx

@@ -1,4 +1,4 @@
-import React, {ReactNode, createContext, useContext} from 'react'
+import {type ReactNode, createContext, useContext} from 'react'
 
 type ContextProps = {
   open: () => void

package/src/contexts/ToolOptionsContext.tsx

@@ -1,6 +1,6 @@
-import {MediaToolOptions} from '@types'
-import React, {PropsWithChildren, createContext, useContext, useMemo} from 'react'
-import {DropzoneOptions} from 'react-dropzone'
+import type {MediaToolOptions} from '../types'
+import {type PropsWithChildren, createContext, useContext, useMemo} from 'react'
+import type {DropzoneOptions} from 'react-dropzone'
 
 type ContextProps = {
   dropzone: Pick<DropzoneOptions, 'maxSize'>

package/src/hooks/useKeyPress.ts

@@ -1,5 +1,5 @@
 import isHotkey from 'is-hotkey'
-import {RefObject, useCallback, useEffect, useRef} from 'react'
+import {type RefObject, useCallback, useEffect, useRef} from 'react'
 
 const useKeyPress = (hotkey: string, onPress?: () => void): RefObject<boolean> => {
   const keyPressed = useRef(false)

package/src/hooks/useOnScreen.ts

@@ -1,4 +1,4 @@
-import {RefObject, useEffect, useState} from 'react'
+import {type RefObject, useEffect, useState} from 'react'
 
 const useOnScreen = (ref: RefObject<HTMLElement>, options = {}, once: boolean) => {
   const [isIntersecting, setIntersecting] = useState(false)

package/src/hooks/usePortalPopoverProps.ts

@@ -1,4 +1,4 @@
-import {PopoverProps, usePortal} from '@sanity/ui'
+import {type PopoverProps, usePortal} from '@sanity/ui'
 
 export function usePortalPopoverProps(): PopoverProps {
   const portal = usePortal()

package/src/hooks/useTypedSelector.ts

@@ -1,6 +1,6 @@
-import {TypedUseSelectorHook, useSelector} from 'react-redux'
+import {type TypedUseSelectorHook, useSelector} from 'react-redux'
 
-import {RootReducerState} from '../modules/types'
+import type {RootReducerState} from '../modules/types'
 
 const useTypedSelector: TypedUseSelectorHook<RootReducerState> = useSelector
 

package/src/index.ts

@@ -1,2 +1,2 @@
 export {media, mediaAssetSource} from './plugin'
-export type {MediaToolOptions} from '@types'
+export type {MediaToolOptions} from './types'

package/src/modules/assets/actions.ts

@@ -1,5 +1,5 @@
 import {createAction} from '@reduxjs/toolkit'
-import {AssetItem, HttpError, Tag} from '../../types'
+import type {AssetItem, HttpError, Tag} from '../../types'
 
 export const ASSETS_ACTIONS = {
   tagsAddComplete: createAction(

package/src/modules/assets/index.ts

@@ -1,6 +1,6 @@
-import {createSelector, createSlice, PayloadAction} from '@reduxjs/toolkit'
+import {createSelector, createSlice, type PayloadAction} from '@reduxjs/toolkit'
 import type {ClientError, Patch, Transaction} from '@sanity/client'
-import {
+import type {
   Asset,
   AssetItem,
   AssetType,
@@ -10,10 +10,10 @@ import {
   Order,
   OrderDirection,
   Tag
-} from '@types'
+} from '../../types'
 import groq from 'groq'
 import {nanoid} from 'nanoid'
-import {Selector} from 'react-redux'
+import type {Selector} from 'react-redux'
 import {ofType} from 'redux-observable'
 import {empty, from, of} from 'rxjs'
 import {

package/src/modules/debug/index.ts

@@ -1,4 +1,4 @@
-import {PayloadAction, createSlice} from '@reduxjs/toolkit'
+import {type PayloadAction, createSlice} from '@reduxjs/toolkit'
 
 type DebugReducerState = {
   badConnection: boolean

package/src/modules/dialog/index.ts

@@ -1,5 +1,5 @@
-import {createSlice, PayloadAction} from '@reduxjs/toolkit'
-import {AssetItem, Dialog, MyEpic, Tag} from '@types'
+import {createSlice, type PayloadAction} from '@reduxjs/toolkit'
+import type {AssetItem, Dialog, MyEpic, Tag} from '../../types'
 import pluralize from 'pluralize'
 import {ofType} from 'redux-observable'
 import {empty, of} from 'rxjs'

package/src/modules/index.ts

@@ -1,7 +1,7 @@
 import {
-  ActionFromReducersMapObject,
-  Reducer,
-  StateFromReducersMapObject,
+  type ActionFromReducersMapObject,
+  type Reducer,
+  type StateFromReducersMapObject,
   combineReducers
 } from '@reduxjs/toolkit'
 import {combineEpics} from 'redux-observable'

package/src/modules/notifications/index.ts

@@ -1,5 +1,5 @@
-import {PayloadAction, createSlice} from '@reduxjs/toolkit'
-import type {ImageAsset, MyEpic} from '@types'
+import {type PayloadAction, createSlice} from '@reduxjs/toolkit'
+import type {ImageAsset, MyEpic} from '../../types'
 import pluralize from 'pluralize'
 import {ofType} from 'redux-observable'
 import {of} from 'rxjs'

package/src/modules/search/index.ts

@@ -1,5 +1,5 @@
-import {PayloadAction, createSelector, createSlice} from '@reduxjs/toolkit'
-import type {MyEpic, SearchFacetInputProps, SearchFacetOperatorType, WithId} from '@types'
+import {type PayloadAction, createSelector, createSlice} from '@reduxjs/toolkit'
+import type {MyEpic, SearchFacetInputProps, SearchFacetOperatorType, WithId} from '../../types'
 import {empty, of} from 'rxjs'
 import {filter, mergeMap, withLatestFrom} from 'rxjs/operators'
 import {uuid} from '@sanity/uuid'

package/src/modules/selectors.ts

@@ -1,7 +1,7 @@
 import {createSelector} from '@reduxjs/toolkit'
-import {CardAssetData, CardUploadData} from '@types'
+import type {CardAssetData, CardUploadData} from '../types'
 
-import {RootReducerState} from './types'
+import type {RootReducerState} from './types'
 
 export const selectCombinedItems = createSelector(
   [

package/src/modules/tags/index.ts

@@ -1,8 +1,8 @@
-import {createSelector, createSlice, PayloadAction} from '@reduxjs/toolkit'
+import {createSelector, createSlice, type PayloadAction} from '@reduxjs/toolkit'
 import type {ClientError, Transaction} from '@sanity/client'
-import type {Asset, HttpError, MyEpic, TagSelectOption, Tag, TagItem} from '@types'
+import type {Asset, HttpError, MyEpic, TagSelectOption, Tag, TagItem} from '../../types'
 import groq from 'groq'
-import {Selector} from 'react-redux'
+import type {Selector} from 'react-redux'
 import {ofType} from 'redux-observable'
 import {from, Observable, of} from 'rxjs'
 import {bufferTime, catchError, filter, mergeMap, switchMap, withLatestFrom} from 'rxjs/operators'

package/src/modules/uploads/index.ts

@@ -1,8 +1,8 @@
-import {createSelector, createSlice, PayloadAction} from '@reduxjs/toolkit'
+import {createSelector, createSlice, type PayloadAction} from '@reduxjs/toolkit'
 import type {ClientError, SanityAssetDocument, SanityImageAssetDocument} from '@sanity/client'
-import type {HttpError, MyEpic, SanityUploadProgressEvent, UploadItem} from '@types'
+import type {HttpError, MyEpic, SanityUploadProgressEvent, UploadItem} from '../../types'
 import groq from 'groq'
-import {Selector} from 'react-redux'
+import type {Selector} from 'react-redux'
 import {empty, merge, of} from 'rxjs'
 import {catchError, delay, filter, mergeMap, takeUntil, withLatestFrom} from 'rxjs/operators'
 import constructFilter from '../../utils/constructFilter'

package/src/operators/checkTagName.ts

@@ -1,5 +1,5 @@
 import type {SanityClient} from '@sanity/client'
-import type {HttpError} from '@types'
+import type {HttpError} from '../types'
 import groq from 'groq'
 import {from, Observable, of, throwError} from 'rxjs'
 import {mergeMap} from 'rxjs/operators'

package/src/operators/debugThrottle.ts

@@ -1,4 +1,4 @@
-import {iif, Observable, of, throwError} from 'rxjs'
+import {iif, type Observable, of, throwError} from 'rxjs'
 import {delay, mergeMap} from 'rxjs/operators'
 
 const debugThrottle = (throttled?: boolean) => {

package/src/plugin.tsx

@@ -1,10 +1,10 @@
 import React from 'react'
-import {AssetSource, Tool as SanityTool, definePlugin} from 'sanity'
+import {type AssetSource, type Tool as SanityTool, definePlugin} from 'sanity'
 import {ImageIcon} from '@sanity/icons'
 import FormBuilderTool from './components/FormBuilderTool'
 import Tool from './components/Tool'
 import mediaTag from './schemas/tag'
-import {MediaToolOptions} from '@types'
+import type {MediaToolOptions} from './types'
 import {ToolOptionsProvider} from './contexts/ToolOptionsContext'
 
 const plugin = {
@@ -20,7 +20,9 @@ export const mediaAssetSource = {
 
 const tool = {
   ...plugin,
-  component: Tool
+  component: Tool,
+  // @ts-expect-error TS doesn't know about this internal field see https://github.com/sanity-io/sanity/pull/7980
+  __internalApplicationType: 'sanity/media'
 } satisfies SanityTool
 
 export const media = definePlugin<MediaToolOptions | void>(options => ({

package/src/styled/react-select/creatable.tsx

@@ -1,7 +1,6 @@
 import {AddIcon, ChevronDownIcon, CloseIcon} from '@sanity/icons'
-import {Box, Card, Flex, rem, studioTheme, Text, ThemeColorSchemeKey} from '@sanity/ui'
-import React from 'react'
-import {components, StylesConfig} from 'react-select'
+import {Box, Card, Flex, rem, studioTheme, Text, type ThemeColorSchemeKey} from '@sanity/ui'
+import {components, type StylesConfig} from 'react-select'
 import {Virtuoso} from 'react-virtuoso'
 import {getSchemeColor} from '../../utils/getSchemeColor'
 
@@ -9,6 +8,7 @@ const {radius: themeRadius, space: themeSpace} = studioTheme
 
 export const reactSelectStyles = (scheme: ThemeColorSchemeKey): StylesConfig => {
   return {
+    // @ts-expect-error - fix typings later
     control: (styles, {isFocused}) => {
       let boxShadow = `inset 0 0 0 1px var(--card-border-color)`
       if (isFocused) {
@@ -34,10 +34,12 @@ export const reactSelectStyles = (scheme: ThemeColorSchemeKey): StylesConfig =>
         }
       }
     },
+    // @ts-expect-error - fix typings later
     indicatorsContainer: (styles, {isDisabled}) => ({
       ...styles,
       opacity: isDisabled ? 0.25 : 1
     }),
+    // @ts-expect-error - fix typings later
     input: styles => ({
       ...styles,
       color: 'var(--card-fg-color)',
@@ -47,6 +49,7 @@ export const reactSelectStyles = (scheme: ThemeColorSchemeKey): StylesConfig =>
     menuList: styles => ({
       ...styles
     }),
+    // @ts-expect-error - fix typings later
     multiValue: (styles, {isDisabled}) => ({
       ...styles,
       backgroundColor: getSchemeColor(scheme, 'mutedHoveredBg'),
@@ -58,6 +61,7 @@ export const reactSelectStyles = (scheme: ThemeColorSchemeKey): StylesConfig =>
       fontSize: 'inherit',
       padding: 0
     }),
+    // @ts-expect-error - fix typings later
     multiValueRemove: styles => ({
       ...styles,
       borderTopLeftRadius: 0,
@@ -67,11 +71,13 @@ export const reactSelectStyles = (scheme: ThemeColorSchemeKey): StylesConfig =>
         backgroundColor: getSchemeColor(scheme, 'mutedSelectedBg')
       }
     }),
+    // @ts-expect-error - fix typings later
     noOptionsMessage: styles => ({
       ...styles,
       fontFamily: studioTheme.fonts.text.family,
       lineHeight: '1em'
     }),
+    // @ts-expect-error - fix typings later
     option: (styles, {isFocused}) => ({
       ...styles,
       backgroundColor: isFocused ? getSchemeColor(scheme, 'spotBlue') : 'transparent',
@@ -83,10 +89,12 @@ export const reactSelectStyles = (scheme: ThemeColorSchemeKey): StylesConfig =>
         color: getSchemeColor(scheme, 'bg')
       }
     }),
+    // @ts-expect-error - fix typings later
     placeholder: styles => ({
       ...styles,
       marginLeft: rem(themeSpace[2])
     }),
+    // @ts-expect-error - fix typings later
     valueContainer: styles => ({
       ...styles,
       margin: 0,

package/src/styled/react-select/single.tsx

@@ -1,7 +1,6 @@
 import {CloseIcon} from '@sanity/icons'
-import {Box, Card, rem, studioTheme, Text, ThemeColorSchemeKey} from '@sanity/ui'
-import React from 'react'
-import {components, StylesConfig} from 'react-select'
+import {Box, Card, rem, studioTheme, Text, type ThemeColorSchemeKey} from '@sanity/ui'
+import {components, type StylesConfig} from 'react-select'
 import {Virtuoso} from 'react-virtuoso'
 import {getSchemeColor} from '../../utils/getSchemeColor'
 
@@ -15,6 +14,7 @@ const {
 
 export const reactSelectStyles = (scheme: ThemeColorSchemeKey): StylesConfig => {
   return {
+    // @ts-expect-error - fix typings later
     control: (styles, {isDisabled, isFocused}) => {
       let boxShadow = `inset 0 0 0 1px var(--card-border-color)`
       if (isFocused) {
@@ -40,6 +40,7 @@ export const reactSelectStyles = (scheme: ThemeColorSchemeKey): StylesConfig =>
         }
       }
     },
+    // @ts-expect-error - fix typings later
     input: styles => ({
       ...styles,
       color: 'var(--card-fg-color)',
@@ -47,16 +48,19 @@ export const reactSelectStyles = (scheme: ThemeColorSchemeKey): StylesConfig =>
       fontSize: themeTextSizes[1].fontSize,
       marginLeft: rem(themeSpace[2])
     }),
+    // @ts-expect-error - fix typings later
     menuList: styles => ({
       ...styles,
       padding: 0
     }),
+    // @ts-expect-error - fix typings later
     noOptionsMessage: styles => ({
       ...styles,
       fontFamily: studioTheme.fonts.text.family,
       fontSize: themeTextSizes[1].fontSize,
       lineHeight: '1em'
     }),
+    // @ts-expect-error - fix typings later
     option: (styles, {isFocused}) => ({
       ...styles,
       backgroundColor: isFocused ? getSchemeColor(scheme, 'spotBlue') : 'transparent',
@@ -71,12 +75,14 @@ export const reactSelectStyles = (scheme: ThemeColorSchemeKey): StylesConfig =>
         color: getSchemeColor(scheme, 'bg')
       }
     }),
+    // @ts-expect-error - fix typings later
     placeholder: styles => ({
       ...styles,
       fontSize: themeTextSizes[1].fontSize,
       marginLeft: rem(themeSpace[2]),
       paddingLeft: 0
     }),
+    // @ts-expect-error - fix typings later
     singleValue: styles => ({
       ...styles,
       alignItems: 'center',
@@ -84,6 +90,7 @@ export const reactSelectStyles = (scheme: ThemeColorSchemeKey): StylesConfig =>
       height: '100%',
       marginLeft: rem(themeSpace[2])
     }),
+    // @ts-expect-error - fix typings later
     valueContainer: styles => ({
       ...styles,
       margin: 0,

package/src/types/index.ts

@@ -1,4 +1,4 @@
-import {AnyAction} from '@reduxjs/toolkit'
+import type {AnyAction} from '@reduxjs/toolkit'
 import type {
   SanityAssetDocument,
   SanityClient,
@@ -8,7 +8,7 @@ import type {
 import type {Epic} from 'redux-observable'
 import * as z from 'zod'
 import {assetFormSchema, tagFormSchema, tagOptionSchema} from '../formSchema'
-import {RootReducerState} from '../modules/types'
+import type {RootReducerState} from '../modules/types'
 
 export type MediaToolOptions = {
   maximumUploadSize?: number

package/src/types/sanity-ui.d.ts

@@ -0,0 +1,6 @@
+import {type Theme} from '@sanity/ui'
+
+declare module 'styled-components' {
+  // eslint-disable-next-line
+  interface DefaultTheme extends Theme {}
+}

package/src/utils/blocksToText.ts

@@ -1,4 +1,4 @@
-import {Block} from '@types'
+import type {Block} from '../types'
 
 const defaults = {nonTextBehavior: 'remove'}
 

package/src/utils/constructFilter.ts

@@ -1,4 +1,4 @@
-import {AssetType, SearchFacetInputProps} from '@types'
+import type {AssetType, SearchFacetInputProps} from '../types'
 import groq from 'groq'
 
 import {operators} from '../config/searchFacets'

package/src/utils/getAssetResolution.ts

@@ -1,4 +1,4 @@
-import {ImageAsset} from '@types'
+import type {ImageAsset} from '../types'
 
 const getAssetResolution = (asset: ImageAsset) => {
   return `${asset.metadata.dimensions.width}x${asset.metadata.dimensions.height}px`

package/src/utils/getSchemeColor.ts

@@ -1,5 +1,5 @@
 import {hues} from '@sanity/color'
-import {ThemeColorSchemeKey, studioTheme} from '@sanity/ui'
+import {type ThemeColorSchemeKey, studioTheme} from '@sanity/ui'
 
 const SCHEME_COLORS = {
   bg: {

package/src/utils/getTagSelectOptions.ts

@@ -1,4 +1,4 @@
-import {TagSelectOption, TagItem} from '@types'
+import type {TagSelectOption, TagItem} from '../types'
 
 const getTagSelectOptions = (tags: TagItem[]): TagSelectOption[] => {
   return tags.reduce((acc: TagSelectOption[], val) => {

package/src/utils/getUniqueDocuments.ts

@@ -1,4 +1,4 @@
-import {SanityDocument} from '@sanity/client'
+import type {SanityDocument} from '@sanity/client'
 
 export function getUniqueDocuments(documents: SanityDocument[]): SanityDocument[] {
   const draftIds = documents.reduce(

package/src/utils/imageDprUrl.ts

@@ -1,4 +1,4 @@
-import {ImageAsset} from '@types'
+import type {ImageAsset} from '../types'
 
 const imageDprUrl = (
   asset: ImageAsset,

package/src/utils/typeGuards.ts

@@ -1,4 +1,4 @@
-import {Asset, FileAsset, ImageAsset} from '@types'
+import type {Asset, FileAsset, ImageAsset} from '../types'
 
 export const isFileAsset = (asset: Asset): asset is FileAsset => {
   return (asset as FileAsset)._type === 'sanity.fileAsset'

package/src/utils/uploadSanityAsset.ts

@@ -2,7 +2,7 @@
 // https://github.com/sanity-io/sanity/blob/ccb777e115a8cdf20d81a9a2bc9d8c228568faff/packages/%40sanity/form-builder/src/sanity/inputs/client-adapters/assets.ts
 
 import type {SanityAssetDocument, SanityClient, SanityImageAssetDocument} from '@sanity/client'
-import {HttpError} from '@types'
+import type {HttpError} from '../types'
 import {Observable, of, throwError} from 'rxjs'
 import {map, mergeMap} from 'rxjs/operators'
 import {withMaxConcurrency} from './withMaxConcurrency'