@sanity/code-input 5.1.0 → 5.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanity/code-input",
-  "version": "5.1.0",
+  "version": "5.1.2",
   "description": "Sanity input component for code, powered by CodeMirror",
   "keywords": [
     "sanity",
@@ -73,6 +73,7 @@
     "@codemirror/view": "^6.35.3",
     "@juggle/resize-observer": "^3.4.0",
     "@lezer/highlight": "^1.2.1",
+    "@sanity/icons": "^3.5.2",
     "@sanity/incompatible-plugin": "^1.0.4",
     "@sanity/ui": "^2.10.9",
     "@uiw/codemirror-themes": "^4.23.6",
@@ -84,7 +85,6 @@
     "@babel/preset-react": "^7.23.3",
     "@commitlint/cli": "^19.6.0",
     "@commitlint/config-conventional": "^19.6.0",
-    "@sanity/icons": "^2.8.0",
     "@sanity/pkg-utils": "^6.12.0",
     "@sanity/plugin-kit": "^4.0.18",
     "@sanity/semantic-release-preset": "^5.0.0",

package/src/LanguageField.tsx

@@ -1,8 +1,14 @@
 import {useCallback} from 'react'
-import {FieldMember, InputProps, MemberField, MemberFieldProps, StringInputProps} from 'sanity'
+import {
+  FieldMember,
+  type InputProps,
+  MemberField,
+  type MemberFieldProps,
+  type PrimitiveInputElementProps,
+} from 'sanity'
 
 import {LanguageInput} from './LanguageInput'
-import {CodeInputLanguage} from './types'
+import type {CodeInputLanguage} from './types'
 
 export function LanguageField(
   props: MemberFieldProps & {member: FieldMember; language: string; languages: CodeInputLanguage[]},
@@ -10,10 +16,11 @@ export function LanguageField(
   const {member, languages, language, renderItem, renderField, renderPreview} = props
 
   const renderInput = useCallback(
-    (inputProps: Omit<InputProps, 'renderDefault'>) => {
+    ({elementProps, onChange}: Omit<InputProps, 'renderDefault'>) => {
       return (
         <LanguageInput
-          {...(inputProps as StringInputProps)}
+          onChange={onChange}
+          elementProps={elementProps as PrimitiveInputElementProps}
           language={language}
           languages={languages}
         />

package/src/LanguageInput.tsx

@@ -1,17 +1,19 @@
 import {Select} from '@sanity/ui'
-import {ChangeEvent, useCallback} from 'react'
-import {set, StringInputProps, unset} from 'sanity'
+import {type ChangeEvent, useCallback} from 'react'
+import {set, type StringInputProps, unset} from 'sanity'
 
 import {CodeInputLanguage} from './types'
 
-export interface LanguageInputProps extends StringInputProps {
+export interface LanguageInputProps {
   language: string
   languages: CodeInputLanguage[]
+  onChange: StringInputProps['onChange']
+  elementProps: StringInputProps['elementProps']
 }
 
 /** @internal */
 export function LanguageInput(props: LanguageInputProps) {
-  const {language, languages, onChange} = props
+  const {language, languages, onChange, elementProps} = props
 
   const handleChange = useCallback(
     (e: ChangeEvent<HTMLSelectElement>) => {
@@ -22,7 +24,7 @@ export function LanguageInput(props: LanguageInputProps) {
   )
 
   return (
-    <Select {...props} value={language} onChange={handleChange}>
+    <Select {...elementProps} value={language} onChange={handleChange}>
       {languages.map((lang: {title: string; value: string}) => (
         <option key={lang.value} value={lang.value}>
           {lang.title}