sanity-plugin-mux-input 2.3.5 → 2.3.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sanity-plugin-mux-input",
-  "version": "2.3.5",
+  "version": "2.3.6",
   "description": "An input component that integrates Sanity Studio with Mux video encoding/hosting service.",
   "keywords": [
     "sanity",
@@ -55,14 +55,14 @@
   "dependencies": {
     "@mux/mux-player-react": "^2.6.0",
     "@mux/upchunk": "^3.4.0",
-    "@sanity/icons": "^2.11.8",
+    "@sanity/icons": "^3.0.0",
     "@sanity/incompatible-plugin": "^1.0.4",
     "@sanity/ui": "^2.1.11",
     "@sanity/uuid": "^3.0.2",
     "iso-639-1": "^3.1.2",
     "jsonwebtoken-esm": "^1.0.5",
     "lodash": "^4.17.21",
-    "react-rx": "^2.1.3",
+    "react-rx": "^3.0.0",
     "rxjs": "^7.8.1",
     "scroll-into-view-if-needed": "^3.1.0",
     "suspend-react": "^0.1.3",
@@ -71,12 +71,10 @@
     "use-error-boundary": "^2.0.6"
   },
   "devDependencies": {
-    "@commitlint/cli": "^19.3.0",
-    "@commitlint/config-conventional": "^19.2.2",
     "@sanity/client": "^6.18.2",
     "@sanity/pkg-utils": "^6.8.16",
     "@sanity/plugin-kit": "4.0.12",
-    "@sanity/semantic-release-preset": "^4.1.7",
+    "@sanity/semantic-release-preset": "^5.0.0",
     "@sanity/vision": "^3.42.1",
     "@types/lodash": "^4.17.4",
     "@types/react": "^18.3.2",
@@ -84,7 +82,6 @@
     "@types/styled-components": "^5.1.34",
     "@typescript-eslint/eslint-plugin": "^7.0.2",
     "@typescript-eslint/parser": "^7.0.2",
-    "cz-conventional-changelog": "^3.3.0",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-config-react-app": "^7.0.1",
@@ -103,6 +100,7 @@
     "react-is": "^18.3.1",
     "rimraf": "^5.0.7",
     "sanity": "^3.42.1",
+    "semantic-release": "^24.0.0",
     "styled-components": "^6.1.11",
     "typescript": "^5.4.5",
     "yalc": "1.0.0-pre.53"

package/src/actions/upload.ts

@@ -1,5 +1,5 @@
 import {uuid as generateUuid} from '@sanity/uuid'
-import {concat, defer, from, of, throwError, type Observable} from 'rxjs'
+import {concat, defer, from, type Observable, of, throwError} from 'rxjs'
 import {catchError, mergeMap, mergeMapTo, switchMap} from 'rxjs/operators'
 import type {SanityClient} from 'sanity'
 

package/src/components/FileInputArea.tsx

@@ -1,8 +1,9 @@
-import {PropsWithChildren, useRef, useState} from 'react'
-import {Box, Button, Card, CardTone, Flex, Inline, Text} from '@sanity/ui'
-import {FileInputButton} from './FileInputButton'
 import {UploadIcon} from '@sanity/icons'
+import {Box, Button, Card, CardTone, Flex, Inline, Text} from '@sanity/ui'
+import {PropsWithChildren, useRef, useState} from 'react'
+
 import {extractDroppedFiles} from '../util/extractFiles'
+import {FileInputButton} from './FileInputButton'
 
 interface FileInputAreaProps extends PropsWithChildren {
   accept?: string

package/src/components/Uploader.tsx

@@ -1,7 +1,7 @@
 import {ErrorOutlineIcon} from '@sanity/icons'
 import {Button, CardTone, Flex, Text, useToast} from '@sanity/ui'
 import React, {useEffect, useReducer, useRef, useState} from 'react'
-import {Subject, Subscription, type Observable} from 'rxjs'
+import {type Observable, Subject, Subscription} from 'rxjs'
 import {takeUntil, tap} from 'rxjs/operators'
 import type {SanityClient} from 'sanity'
 import {PatchEvent, set, setIfMissing} from 'sanity'

package/src/components/VideoDetails/VideoDetails.tsx

@@ -7,8 +7,8 @@ import {
   ErrorOutlineIcon,
   RevertIcon,
   SearchIcon,
-  TrashIcon,
   TagIcon,
+  TrashIcon,
 } from '@sanity/icons'
 import {
   Button,

package/src/components/VideoThumbnail.tsx

@@ -6,7 +6,7 @@ import {styled} from 'styled-components'
 import {useClient} from '../hooks/useClient'
 import useInView from '../hooks/useInView'
 import {THUMBNAIL_ASPECT_RATIO} from '../util/constants'
-import {getAnimatedPosterSrc, type AnimatedPosterSrcOptions} from '../util/getAnimatedPosterSrc'
+import {type AnimatedPosterSrcOptions, getAnimatedPosterSrc} from '../util/getAnimatedPosterSrc'
 import {VideoAssetDocument} from '../util/types'
 
 const Image = styled.img`

package/src/components/documentPreview/PaneItemPreview.tsx

@@ -2,8 +2,8 @@
 // https://github.com/sanity-io/sanity/blob/next/packages/sanity/src/desk/components/paneItem/PaneItemPreview.tsx
 import {Inline} from '@sanity/ui'
 import {isNumber, isString} from 'lodash'
-import {isValidElement} from 'react'
-import {useMemoObservable} from 'react-rx'
+import {isValidElement, useMemo} from 'react'
+import {useObservable} from 'react-rx'
 import type {SanityDocument, SchemaType} from 'sanity'
 import type {PreviewValue} from 'sanity'
 import {
@@ -44,12 +44,15 @@ export function PaneItemPreview(props: PaneItemPreviewProps) {
       ? value.title
       : null
 
-  // NOTE: this emits sync so can never be null
-  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-  const {draft, published, isLoading} = useMemoObservable<PaneItemPreviewState>(
+  const observable = useMemo(
     () => getPreviewStateObservable(props.documentPreviewStore, schemaType, value._id, title),
-    [props.documentPreviewStore, schemaType, value._id, title]
-  )!
+    [props.documentPreviewStore, schemaType, title, value._id]
+  )
+  const {draft, published, isLoading} = useObservable(observable, {
+    draft: null,
+    published: null,
+    isLoading: true,
+  })
 
   const status = isLoading ? null : (
     <Inline space={4}>