sanity-plugin-media 4.3.5 → 4.3.6

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

@@ -27,7 +27,7 @@ export const reactSelectStyles = (scheme: ThemeColorSchemeKey): StylesConfig =>
         'margin': 0,
         'minHeight': '35px',
         'outline': 'none',
-        'padding': rem(themeSpace[1]),
+        'padding': rem(themeSpace[1]!),
         'transition': 'none',
         '&:hover': {
           boxShadow: `inset 0 0 0 1px ${getSchemeColor(scheme, 'inputHoveredBorder')}`,
@@ -42,7 +42,7 @@ export const reactSelectStyles = (scheme: ThemeColorSchemeKey): StylesConfig =>
       ...styles,
       color: 'var(--card-fg-color)',
       fontFamily: studioTheme.fonts.text.family,
-      marginLeft: rem(themeSpace[2]),
+      marginLeft: rem(themeSpace[2]!),
     }),
     menuList: (styles) => ({
       ...styles,
@@ -77,7 +77,7 @@ export const reactSelectStyles = (scheme: ThemeColorSchemeKey): StylesConfig =>
       'backgroundColor': isFocused ? getSchemeColor(scheme, 'spotBlue') : 'transparent',
       'borderRadius': themeRadius[2],
       'color': isFocused ? getSchemeColor(scheme, 'bg') : 'inherit',
-      'padding': `${rem(themeSpace[1])} ${rem(themeSpace[2])}`,
+      'padding': `${rem(themeSpace[1]!)} ${rem(themeSpace[2]!)}`,
       '&:hover': {
         backgroundColor: getSchemeColor(scheme, 'spotBlue'),
         color: getSchemeColor(scheme, 'bg'),
@@ -85,7 +85,7 @@ export const reactSelectStyles = (scheme: ThemeColorSchemeKey): StylesConfig =>
     }),
     placeholder: (styles) => ({
       ...styles,
-      marginLeft: rem(themeSpace[2]),
+      marginLeft: rem(themeSpace[2]!),
     }),
     valueContainer: (styles) => ({
       ...styles,

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

@@ -30,7 +30,7 @@ export const reactSelectStyles = (scheme: ThemeColorSchemeKey): StylesConfig =>
         'border': 'none',
         'borderRadius': themeRadius[2],
         boxShadow,
-        'fontSize': themeTextSizes[1].fontSize,
+        'fontSize': themeTextSizes[1]!.fontSize,
         'minHeight': '25px',
         'opacity': isDisabled ? 0.5 : 'inherit',
         'outline': 'none',
@@ -44,8 +44,8 @@ export const reactSelectStyles = (scheme: ThemeColorSchemeKey): StylesConfig =>
       ...styles,
       color: 'var(--card-fg-color)',
       fontFamily: studioTheme.fonts.text.family,
-      fontSize: themeTextSizes[1].fontSize,
-      marginLeft: rem(themeSpace[2]),
+      fontSize: themeTextSizes[1]!.fontSize,
+      marginLeft: rem(themeSpace[2]!),
     }),
     menuList: (styles) => ({
       ...styles,
@@ -54,7 +54,7 @@ export const reactSelectStyles = (scheme: ThemeColorSchemeKey): StylesConfig =>
     noOptionsMessage: (styles) => ({
       ...styles,
       fontFamily: studioTheme.fonts.text.family,
-      fontSize: themeTextSizes[1].fontSize,
+      fontSize: themeTextSizes[1]!.fontSize,
       lineHeight: '1em',
     }),
     option: (styles, {isFocused}) => ({
@@ -62,10 +62,10 @@ export const reactSelectStyles = (scheme: ThemeColorSchemeKey): StylesConfig =>
       'backgroundColor': isFocused ? getSchemeColor(scheme, 'spotBlue') : 'transparent',
       'borderRadius': themeRadius[2],
       'color': isFocused ? getSchemeColor(scheme, 'bg') : 'inherit',
-      'fontSize': themeTextSizes[1].fontSize,
+      'fontSize': themeTextSizes[1]!.fontSize,
       'lineHeight': '1em',
       'margin': 0,
-      'padding': rem(themeSpace[1]),
+      'padding': rem(themeSpace[1]!),
       '&:hover': {
         backgroundColor: getSchemeColor(scheme, 'spotBlue'),
         color: getSchemeColor(scheme, 'bg'),
@@ -73,8 +73,8 @@ export const reactSelectStyles = (scheme: ThemeColorSchemeKey): StylesConfig =>
     }),
     placeholder: (styles) => ({
       ...styles,
-      fontSize: themeTextSizes[1].fontSize,
-      marginLeft: rem(themeSpace[2]),
+      fontSize: themeTextSizes[1]!.fontSize,
+      marginLeft: rem(themeSpace[2]!),
       paddingLeft: 0,
     }),
     singleValue: (styles) => ({
@@ -82,7 +82,7 @@ export const reactSelectStyles = (scheme: ThemeColorSchemeKey): StylesConfig =>
       alignItems: 'center',
       display: 'inline-flex',
       height: '100%',
-      marginLeft: rem(themeSpace[2]),
+      marginLeft: rem(themeSpace[2]!),
     }),
     valueContainer: (styles) => ({
       ...styles,

package/src/types/index.ts

@@ -10,12 +10,9 @@ import type {Epic} from 'redux-observable'
 import * as z from 'zod'
 
 import type {DetailsProps} from '../components/DialogAssetEdit/Details'
-import type {SUPPORTED_ASSET_TYPES} from '../constants'
 import {getAssetFormSchema, tagFormSchema, tagOptionSchema} from '../formSchema'
 import type {RootReducerState} from '../modules/types'
 
-export type AssetTypes = (typeof SUPPORTED_ASSET_TYPES)[number]
-
 export type MediaTagsOptions = {
   mediaTags?: string[]
 }
@@ -91,8 +88,6 @@ export type Block = {
 
 export type BrowserView = 'grid' | 'table'
 
-export type ButtonVariant = 'danger' | 'default' | 'secondary'
-
 // TODO: rename
 export type CardAssetData = {
   id: string
@@ -112,8 +107,6 @@ export type Dialog =
   | DialogTagEditProps
   | DialogTagsProps
 
-export type DialogAction = 'deleteAsset' | 'deleteTag'
-
 export type DialogAssetEditProps = {
   assetId?: string
   closeDialogId?: string
@@ -163,16 +156,6 @@ export type DialogTagEditProps = {
   type: 'tagEdit'
 }
 
-export type Document = {
-  _createdAt: string
-  _id: string
-  _rev: string
-  _type: string
-  _updatedAt: string
-  name?: string
-  title?: string
-}
-
 export type HttpError = {
   message: string
   statusCode: number
@@ -311,12 +294,6 @@ export type SearchFacetOperators = Record<
   }
 >
 
-export type SanityUploadCompleteEvent = {
-  asset: SanityAssetDocument | SanityImageAssetDocument
-  id: string
-  type: 'complete'
-}
-
 export type SanityUploadProgressEvent = {
   lengthComputable: boolean
   loaded: number
@@ -326,16 +303,6 @@ export type SanityUploadProgressEvent = {
   type: 'progress'
 }
 
-export type SanityUploadResponseEvent = {
-  body: {document: Partial<SanityAssetDocument | SanityImageAssetDocument>}
-  headers: Record<string, string>
-  method: string
-  statusCode: number
-  statusMessage: string
-  type: 'response'
-  url: string // preview image?
-}
-
 export type Span = {
   _key: string
   text: string

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

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

package/src/utils/generatePreviewBlobUrl.test.ts

@@ -28,13 +28,11 @@ describe('generatePreviewBlobUrl$', () => {
         vi.spyOn(el, 'getContext').mockReturnValue({
           drawImage: vi.fn(),
         } as unknown as CanvasRenderingContext2D)
-        /* eslint-disable callback-return, consistent-return -- HTMLCanvasElement#toBlob sync test stub */
         el.toBlob = function toBlob(cb: ((blob: Blob | null) => void) | null | undefined) {
           if (cb) {
             cb(new Blob(['x'], {type: 'image/jpeg'}))
           }
         }
-        /* eslint-enable callback-return, consistent-return */
         return el
       }
       return origCreateElement(tagName)

package/src/utils/getDocumentAssetIds.ts

@@ -12,8 +12,8 @@ const getAssetIds = (node: Record<string, any>, acc: string[] = []) => {
   }
 
   if (isPlainObject(node)) {
-    if (node?.asset?._type === 'reference' && node?.asset?._ref) {
-      acc.push(node.asset._ref)
+    if (node?.['asset']?._type === 'reference' && node?.['asset']?._ref) {
+      acc.push(node['asset']._ref)
     }
 
     Object.values(node).forEach((val) => {

package/src/hooks/useOnScreen.ts

@@ -1,34 +0,0 @@
-import {type RefObject, useEffect, useState} from 'react'
-
-const useOnScreen = (ref: RefObject<HTMLElement>, options = {}, once: boolean) => {
-  const [isIntersecting, setIntersecting] = useState(false)
-
-  useEffect(() => {
-    const observer = new IntersectionObserver(([entry]: IntersectionObserverEntry[]) => {
-      // Update state when observer callback fires
-      setIntersecting(entry.isIntersecting)
-
-      // Stop observing
-      if (once && entry.isIntersecting) {
-        if (ref.current && observer) {
-          observer.unobserve(ref.current)
-        }
-      }
-    }, options)
-
-    if (ref.current && observer) {
-      observer.observe(ref.current)
-    }
-
-    // Stop observing on unmount
-    return () => {
-      if (ref.current && observer) {
-        observer.unobserve(ref.current)
-      }
-    }
-  }, [])
-
-  return isIntersecting
-}
-
-export default useOnScreen