sanity-plugin-media 2.4.0 → 2.4.1

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

@@ -1,6 +1,5 @@
 import {AddIcon, ChevronDownIcon, CloseIcon} from '@sanity/icons'
 import {Box, Card, Flex, rem, studioTheme, Text, type ThemeColorSchemeKey} from '@sanity/ui'
-import React from 'react'
 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,6 +1,5 @@
 import {CloseIcon} from '@sanity/icons'
 import {Box, Card, rem, studioTheme, Text, type ThemeColorSchemeKey} from '@sanity/ui'
-import React from 'react'
 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/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 type {Block} from '@types'
+import type {Block} from '../types'
 
 const defaults = {nonTextBehavior: 'remove'}
 

package/src/utils/constructFilter.ts

@@ -1,4 +1,4 @@
-import type {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 type {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/getTagSelectOptions.ts

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

package/src/utils/imageDprUrl.ts

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

package/src/utils/typeGuards.ts

@@ -1,4 +1,4 @@
-import type {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 type {HttpError} from '@types'
+import type {HttpError} from '../types'
 import {Observable, of, throwError} from 'rxjs'
 import {map, mergeMap} from 'rxjs/operators'
 import {withMaxConcurrency} from './withMaxConcurrency'