sanity-plugin-media 2.0.3 → 2.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sanity-plugin-media",
-  "version": "2.0.3",
+  "version": "2.0.5",
   "description": "This version of `sanity-plugin-media` is for Sanity Studio V3.",
   "keywords": [
     "sanity",
@@ -21,7 +21,7 @@
     "url": "git@github.com:sanity-io/sanity-plugin-media.git"
   },
   "license": "MIT",
-  "author": "Robin Pyon <robin@robinpyon.com>",
+  "author": "Sanity.io <hello@sanity.io>",
   "exports": {
     ".": {
       "types": "./lib/src/index.d.ts",
@@ -73,14 +73,14 @@
     "react-select": "^5.3.2",
     "react-virtuoso": "^2.11.0",
     "redux": "^4.2.0",
-    "redux-observable": "^1.2.0",
-    "rxjs": "^6.5.3",
+    "redux-observable": "^2.0.0",
+    "rxjs": "^7.0.0",
     "yup": "^0.32.11"
   },
   "devDependencies": {
     "@commitlint/cli": "^17.2.0",
     "@commitlint/config-conventional": "^17.2.0",
-    "@sanity/client": "^3.4.1",
+    "@sanity/client": "^4.0.1",
     "@sanity/color": "^2.1.20",
     "@sanity/icons": "^2.0.0",
     "@sanity/pkg-utils": "^1.17.2",
@@ -110,7 +110,7 @@
     "react": "^18",
     "react-dom": "^18",
     "rimraf": "^3.0.2",
-    "sanity": "^3.0.0",
+    "sanity": "^3.2.0",
     "standard-version": "^9.5.0",
     "styled-components": "^5.3.3",
     "typescript": "^4.8.4"

package/src/components/DialogAssetEdit/index.tsx

@@ -20,7 +20,6 @@ import AssetMetadata from '../AssetMetadata'
 import Dialog from '../Dialog'
 import DocumentList from '../DocumentList'
 import FileAssetPreview from '../FileAssetPreview'
-import FormFieldInputFilename from '../FormFieldInputFilename'
 import FormFieldInputTags from '../FormFieldInputTags'
 import FormFieldInputText from '../FormFieldInputText'
 import FormFieldInputTextarea from '../FormFieldInputTextarea'
@@ -35,14 +34,9 @@ type Props = {
 type FormData = yup.InferType<typeof formSchema>
 
 const formSchema = yup.object().shape({
-  originalFilename: yup.string().required('Filename cannot be empty')
+  originalFilename: yup.string().trim().required('Filename cannot be empty')
 })
 
-const getFilenameWithoutExtension = (asset?: Asset): string | undefined => {
-  const extensionIndex = asset?.originalFilename?.toLowerCase().lastIndexOf(`.${asset.extension}`)
-  return asset?.originalFilename?.slice(0, extensionIndex)
-}
-
 const DialogAssetEdit = (props: Props) => {
   const {
     children,
@@ -73,7 +67,7 @@ const DialogAssetEdit = (props: Props) => {
   const generateDefaultValues = (asset?: Asset) => ({
     altText: asset?.altText || '',
     description: asset?.description || '',
-    originalFilename: asset ? getFilenameWithoutExtension(asset) : undefined,
+    originalFilename: asset?.originalFilename || '',
     opt: {media: {tags: assetTagOptions}},
     title: asset?.title || ''
   })
@@ -165,9 +159,7 @@ const DialogAssetEdit = (props: Props) => {
                   _weak: true
                 })) || null
             }
-          },
-          // Append extension to filename
-          originalFilename: `${sanitizedFormData.originalFilename}.${assetItem?.asset.extension}`
+          }
         }
       })
     )
@@ -323,14 +315,13 @@ const DialogAssetEdit = (props: Props) => {
                   value={assetTagOptions}
                 />
                 {/* Filename */}
-                <FormFieldInputFilename
+                <FormFieldInputText
                   disabled={formUpdating}
                   error={errors?.originalFilename}
-                  extension={currentAsset?.extension || ''}
                   label="Filename"
                   name="originalFilename"
                   ref={register}
-                  value={getFilenameWithoutExtension(currentAsset)}
+                  value={currentAsset?.originalFilename}
                 />
                 {/* Title */}
                 <FormFieldInputText

package/src/components/FormFieldInputFilename/index.tsx

@@ -1,50 +0,0 @@
-import {Box, Flex, TextInput} from '@sanity/ui'
-import React, {forwardRef} from 'react'
-import {FieldError} from 'react-hook-form'
-
-import FormFieldInputLabel from '../FormFieldInputLabel'
-
-type Props = {
-  description?: string
-  extension: string
-  disabled?: boolean
-  error?: FieldError
-  label: string
-  name: string
-  placeholder?: string
-  value?: string
-}
-
-type Ref = HTMLInputElement
-
-const FormFieldInputText = forwardRef<Ref, Props>((props: Props, ref) => {
-  const {description, disabled, error, extension, label, name, placeholder, value} = props
-
-  return (
-    <Box>
-      {/* Label */}
-      <FormFieldInputLabel description={description} error={error} label={label} name={name} />
-
-      {/* Input */}
-      <Flex>
-        <Box style={{flexGrow: 1}}>
-          <TextInput
-            autoComplete="off"
-            autoFocus
-            defaultValue={value}
-            disabled={disabled}
-            id={name}
-            name={name}
-            placeholder={placeholder}
-            ref={ref}
-          />
-        </Box>
-        <Box style={{width: '70px'}}>
-          <TextInput defaultValue={`.${extension}`} disabled />
-        </Box>
-      </Flex>
-    </Box>
-  )
-})
-
-export default FormFieldInputText