sanity-plugin-media 2.4.2 → 3.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sanity-plugin-media",
-  "version": "2.4.2",
+  "version": "3.0.0",
   "description": "This version of `sanity-plugin-media` is for Sanity Studio V3.",
   "keywords": [
     "sanity",
@@ -59,9 +59,9 @@
     "@sanity/color": "^3.0.6",
     "@sanity/icons": "^3.7.0",
     "@sanity/incompatible-plugin": "^1.0.5",
-    "@sanity/ui": "^1.0 || ^2.0",
+    "@sanity/ui": "^2.15",
     "@sanity/uuid": "^3.0.1",
-    "@tanem/react-nprogress": "^5.0.0",
+    "@tanem/react-nprogress": "^5.0.55",
     "copy-to-clipboard": "^3.3.1",
     "date-fns": "^2.27.0",
     "filesize": "^9.0.0",
@@ -70,9 +70,9 @@
     "nanoid": "^3.3.8",
     "pluralize": "^8.0.0",
     "react-dropzone": "^11.3.1",
-    "react-file-icon": "^1.1.0",
-    "react-hook-form": "^7.45.1",
-    "react-redux": "^8.1.3",
+    "react-file-icon": "^1.6.0",
+    "react-hook-form": "^7.54.2",
+    "react-redux": "^9.2.0",
     "react-select": "^5.3.2",
     "react-virtuoso": "^4.3.11",
     "redux": "^5.0.1",
@@ -89,8 +89,8 @@
     "@sanity/vision": "^3.78.1",
     "@types/is-hotkey": "^0.1.7",
     "@types/pluralize": "^0.0.29",
-    "@types/react": "^18",
-    "@types/react-dom": "^18",
+    "@types/react": "^19.0.10",
+    "@types/react-dom": "^19.0.4",
     "@types/react-file-icon": "^1.0.1",
     "@typescript-eslint/eslint-plugin": "^5.42.0",
     "@typescript-eslint/parser": "^5.42.0",
@@ -105,8 +105,9 @@
     "lint-staged": "^13.0.3",
     "prettier": "^2.7.1",
     "prettier-plugin-packagejson": "^2.3.0",
-    "react": "^18",
-    "react-dom": "^18",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-is": "^19.0.0",
     "rimraf": "^3.0.2",
     "sanity": "^3.78.1",
     "standard-version": "^9.5.0",
@@ -114,11 +115,16 @@
     "typescript": "5.7.3"
   },
   "peerDependencies": {
-    "@sanity/ui": "^1.0 || ^2.0",
-    "react": "^18",
-    "react-dom": "^18",
-    "sanity": "^3",
-    "styled-components": "^5.0 || ^6.0"
+    "@sanity/ui": "^2.15",
+    "react": "^18.3 || ^19",
+    "react-dom": "^18.3 || ^19",
+    "react-is": "^18.3 || ^19",
+    "sanity": "^3.78",
+    "styled-components": "^6.1"
+  },
+  "overrides": {
+    "react": "$react",
+    "react-dom": "$react-dom"
   },
   "engines": {
     "node": ">=18"

package/src/components/AssetGridVirtualized/index.tsx

@@ -63,7 +63,6 @@ const AssetGridVirtualized = (props: Props) => {
       }}
       components={{
         Item: ItemContainer,
-        // @ts-expect-error - fix typings later
         List: ListContainer
       }}
       endReached={onLoadMore}

package/src/components/ButtonAssetCopy/index.tsx

@@ -11,7 +11,7 @@ type Props = {
 
 const ButtonAssetCopy = ({disabled, url}: Props) => {
   const popoverProps = usePortalPopoverProps()
-  const refPopoverTimeout = useRef<ReturnType<typeof window.setTimeout>>()
+  const refPopoverTimeout = useRef<ReturnType<typeof window.setTimeout>>(null)
   const [popoverVisible, setPopoverVisible] = useState(false)
 
   const handleClick = () => {

package/src/components/Progress/index.tsx

@@ -1,6 +1,5 @@
 import {Box} from '@sanity/ui'
 import {useNProgress} from '@tanem/react-nprogress'
-import React from 'react'
 
 type Props = {
   loading?: boolean

package/src/components/SearchFacetTags/index.tsx

@@ -105,7 +105,7 @@ const SearchFacetTags = ({facet}: Props) => {
             isSearchable
             name="tags"
             noOptionsMessage={() => 'No tags'}
-            onChange={value => handleChange(value as TagSelectOption)}
+            onChange={(value: any) => handleChange(value as TagSelectOption)}
             options={allTagOptions}
             placeholder={tagsFetching ? 'Loading...' : 'Select...'}
             styles={reactSelectStyles(scheme)}

package/src/components/TableRowAsset/index.tsx

@@ -105,7 +105,7 @@ const TableRowAsset = (props: Props) => {
   const shiftPressed: RefObject<boolean> = useKeyPress('shift')
 
   const [referenceCountVisible, setReferenceCountVisible] = useState(false)
-  const refCountVisibleTimeout = useRef<ReturnType<typeof window.setTimeout>>()
+  const refCountVisibleTimeout = useRef<ReturnType<typeof window.setTimeout>>(null)
 
   const dispatch = useDispatch()
   const lastPicked = useTypedSelector(state => state.assets.lastPicked)

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

@@ -8,7 +8,6 @@ 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,12 +33,10 @@ 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)',
@@ -49,7 +46,6 @@ export const reactSelectStyles = (scheme: ThemeColorSchemeKey): StylesConfig =>
     menuList: styles => ({
       ...styles
     }),
-    // @ts-expect-error - fix typings later
     multiValue: (styles, {isDisabled}) => ({
       ...styles,
       backgroundColor: getSchemeColor(scheme, 'mutedHoveredBg'),
@@ -61,7 +57,6 @@ export const reactSelectStyles = (scheme: ThemeColorSchemeKey): StylesConfig =>
       fontSize: 'inherit',
       padding: 0
     }),
-    // @ts-expect-error - fix typings later
     multiValueRemove: styles => ({
       ...styles,
       borderTopLeftRadius: 0,
@@ -71,13 +66,11 @@ 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',
@@ -89,12 +82,10 @@ 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

@@ -14,7 +14,6 @@ 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,7 +39,6 @@ export const reactSelectStyles = (scheme: ThemeColorSchemeKey): StylesConfig =>
         }
       }
     },
-    // @ts-expect-error - fix typings later
     input: styles => ({
       ...styles,
       color: 'var(--card-fg-color)',
@@ -48,19 +46,16 @@ 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',
@@ -75,14 +70,12 @@ 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',
@@ -90,7 +83,6 @@ export const reactSelectStyles = (scheme: ThemeColorSchemeKey): StylesConfig =>
       height: '100%',
       marginLeft: rem(themeSpace[2])
     }),
-    // @ts-expect-error - fix typings later
     valueContainer: styles => ({
       ...styles,
       margin: 0,