mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

fix inputProps depreciation

Browse source
This commit is contained in:
gompa 2025-03-26 10:33:35 +01:00
parent 27febb599c
commit 419c225937
10 changed files with 174 additions and 124 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/apps/dashboard/features/tasks/components/NewTriggerForm.tsx
View file

@ -148,11 +148,13 @@ const NewTriggerForm: FunctionComponent<IProps> = ({ open, title, onClose, onAdd
fullWidth fullWidth
defaultValue={''} defaultValue={''}
type='number' type='number'
inputProps={{ label={globalize.translate('LabelTimeLimitHours')}
slotProps={{
htmlInput: {
min: 1, min: 1,
step: 0.5 step: 0.5
}
}} }}
label={globalize.translate('LabelTimeLimitHours')}
/> />
</Stack> </Stack>
</DialogContent> </DialogContent>

16
src/apps/dashboard/routes/branding/index.tsx
View file

@ -123,14 +123,16 @@ export const Component = () => {
multiline multiline
minRows={5} minRows={5}
maxRows={5} maxRows={5}
InputProps={{
className: 'textarea-mono'
}}
name={BrandingOption.LoginDisclaimer} name={BrandingOption.LoginDisclaimer}
label={globalize.translate('LabelLoginDisclaimer')} label={globalize.translate('LabelLoginDisclaimer')}
helperText={globalize.translate('LabelLoginDisclaimerHelp')} helperText={globalize.translate('LabelLoginDisclaimerHelp')}
value={brandingOptions?.LoginDisclaimer} value={brandingOptions?.LoginDisclaimer}
onChange={setBrandingOption} onChange={setBrandingOption}
slotProps={{
input: {
className: 'textarea-mono'
}
}}
/> />
<TextField <TextField
@ -138,14 +140,16 @@ export const Component = () => {
multiline multiline
minRows={5} minRows={5}
maxRows={20} maxRows={20}
InputProps={{
className: 'textarea-mono'
}}
name={BrandingOption.CustomCss} name={BrandingOption.CustomCss}
label={globalize.translate('LabelCustomCss')} label={globalize.translate('LabelCustomCss')}
helperText={globalize.translate('LabelCustomCssHelp')} helperText={globalize.translate('LabelCustomCssHelp')}
value={brandingOptions?.CustomCss} value={brandingOptions?.CustomCss}
onChange={setBrandingOption} onChange={setBrandingOption}
slotProps={{
input: {
className: 'textarea-mono'
}
}}
/> />
<Button <Button

10
src/apps/dashboard/routes/libraries/metadata.tsx
View file

@ -127,12 +127,14 @@ export const Component = () => {
name={'DummyChapterDuration'} name={'DummyChapterDuration'}
defaultValue={config.DummyChapterDuration} defaultValue={config.DummyChapterDuration}
type='number' type='number'
inputProps={{
min: 0,
required: true
}}
label={globalize.translate('LabelDummyChapterDuration')} label={globalize.translate('LabelDummyChapterDuration')}
helperText={globalize.translate('LabelDummyChapterDurationHelp')} helperText={globalize.translate('LabelDummyChapterDurationHelp')}
slotProps={{
htmlInput: {
min: 0,
required: true
}
}}
/> />
<TextField <TextField

30
src/apps/dashboard/routes/playback/resume.tsx
View file

@ -81,12 +81,14 @@ export const Component = () => {
name='MinResumePercentage' name='MinResumePercentage'
type='number' type='number'
defaultValue={config?.MinResumePct} defaultValue={config?.MinResumePct}
inputProps={{ helperText={globalize.translate('LabelMinResumePercentageHelp')}
slotProps={{
htmlInput: {
min: 0, min: 0,
max: 100, max: 100,
required: true required: true
}
}} }}
helperText={globalize.translate('LabelMinResumePercentageHelp')}
/> />
<TextField <TextField
@ -94,12 +96,14 @@ export const Component = () => {
name='MaxResumePercentage' name='MaxResumePercentage'
type='number' type='number'
defaultValue={config?.MaxResumePct} defaultValue={config?.MaxResumePct}
inputProps={{ helperText={globalize.translate('LabelMaxResumePercentageHelp')}
slotProps={{
htmlInput: {
min: 1, min: 1,
max: 100, max: 100,
required: true required: true
}
}} }}
helperText={globalize.translate('LabelMaxResumePercentageHelp')}
/> />
<TextField <TextField
@ -107,12 +111,14 @@ export const Component = () => {
name='MinAudiobookResume' name='MinAudiobookResume'
type='number' type='number'
defaultValue={config?.MinAudiobookResume} defaultValue={config?.MinAudiobookResume}
inputProps={{ helperText={globalize.translate('LabelMinAudiobookResumeHelp')}
slotProps={{
htmlInput: {
min: 0, min: 0,
max: 100, max: 100,
required: true required: true
}
}} }}
helperText={globalize.translate('LabelMinAudiobookResumeHelp')}
/> />
<TextField <TextField
@ -120,12 +126,14 @@ export const Component = () => {
name='MaxAudiobookResume' name='MaxAudiobookResume'
type='number' type='number'
defaultValue={config?.MaxAudiobookResume} defaultValue={config?.MaxAudiobookResume}
inputProps={{ helperText={globalize.translate('LabelMaxAudiobookResumeHelp')}
slotProps={{
htmlInput: {
min: 1, min: 1,
max: 100, max: 100,
required: true required: true
}
}} }}
helperText={globalize.translate('LabelMaxAudiobookResumeHelp')}
/> />
<TextField <TextField
@ -133,11 +141,13 @@ export const Component = () => {
name='MinResumeDuration' name='MinResumeDuration'
type='number' type='number'
defaultValue={config?.MinResumeDurationSeconds} defaultValue={config?.MinResumeDurationSeconds}
inputProps={{ helperText={globalize.translate('LabelMinResumeDurationHelp')}
slotProps={{
htmlInput: {
min: 0, min: 0,
required: true required: true
}
}} }}
helperText={globalize.translate('LabelMinResumeDurationHelp')}
/> />
<Button <Button

10
src/apps/dashboard/routes/playback/streaming.tsx
View file

@ -70,14 +70,16 @@ export const Component = () => {
<TextField <TextField
type='number' type='number'
inputMode='decimal' inputMode='decimal'
inputProps={{
min: 0,
step: 0.25
}}
name='StreamingBitrateLimit' name='StreamingBitrateLimit'
label={globalize.translate('LabelRemoteClientBitrateLimit')} label={globalize.translate('LabelRemoteClientBitrateLimit')}
helperText={globalize.translate('LabelRemoteClientBitrateLimitHelp')} helperText={globalize.translate('LabelRemoteClientBitrateLimitHelp')}
defaultValue={defaultConfiguration?.RemoteClientBitrateLimit ? defaultConfiguration?.RemoteClientBitrateLimit / 1e6 : ''} defaultValue={defaultConfiguration?.RemoteClientBitrateLimit ? defaultConfiguration?.RemoteClientBitrateLimit / 1e6 : ''}
slotProps={{
htmlInput: {
min: 0,
step: 0.25
}
}}
/> />
<Button <Button
type='submit' type='submit'

42
src/apps/dashboard/routes/playback/trickplay.tsx
View file

@ -158,22 +158,26 @@ export const Component = () => {
type='number' type='number'
inputMode='numeric' inputMode='numeric'
defaultValue={defaultConfig.TrickplayOptions?.Interval} defaultValue={defaultConfig.TrickplayOptions?.Interval}
inputProps={{ helperText={globalize.translate('LabelImageIntervalHelp')}
slotProps={{
htmlInput: {
min: 1, min: 1,
required: true required: true
}
}} }}
helperText={globalize.translate('LabelImageIntervalHelp')}
/> />
<TextField <TextField
label={globalize.translate('LabelWidthResolutions')} label={globalize.translate('LabelWidthResolutions')}
name='WidthResolutions' name='WidthResolutions'
defaultValue={defaultConfig.TrickplayOptions?.WidthResolutions} defaultValue={defaultConfig.TrickplayOptions?.WidthResolutions}
inputProps={{ helperText={globalize.translate('LabelWidthResolutionsHelp')}
slotProps={{
htmlInput: {
required: true, required: true,
pattern: '[0-9,]*' pattern: '[0-9,]*'
}
}} }}
helperText={globalize.translate('LabelWidthResolutionsHelp')}
/> />
<TextField <TextField
@ -182,11 +186,13 @@ export const Component = () => {
type='number' type='number'
inputMode='numeric' inputMode='numeric'
defaultValue={defaultConfig.TrickplayOptions?.TileWidth} defaultValue={defaultConfig.TrickplayOptions?.TileWidth}
inputProps={{ helperText={globalize.translate('LabelTileWidthHelp')}
slotProps={{
htmlInput: {
min: 1, min: 1,
required: true required: true
}
}} }}
helperText={globalize.translate('LabelTileWidthHelp')}
/> />
<TextField <TextField
@ -195,11 +201,13 @@ export const Component = () => {
type='number' type='number'
inputMode='numeric' inputMode='numeric'
defaultValue={defaultConfig.TrickplayOptions?.TileHeight} defaultValue={defaultConfig.TrickplayOptions?.TileHeight}
inputProps={{ helperText={globalize.translate('LabelTileHeightHelp')}
slotProps={{
htmlInput: {
min: 1, min: 1,
required: true required: true
}
}} }}
helperText={globalize.translate('LabelTileHeightHelp')}
/> />
<TextField <TextField
@ -208,12 +216,14 @@ export const Component = () => {
type='number' type='number'
inputMode='numeric' inputMode='numeric'
defaultValue={defaultConfig.TrickplayOptions?.JpegQuality} defaultValue={defaultConfig.TrickplayOptions?.JpegQuality}
inputProps={{ helperText={globalize.translate('LabelJpegQualityHelp')}
slotProps={{
htmlInput: {
min: 1, min: 1,
max: 100, max: 100,
required: true required: true
}
}} }}
helperText={globalize.translate('LabelJpegQualityHelp')}
/> />
<TextField <TextField
@ -222,12 +232,14 @@ export const Component = () => {
type='number' type='number'
inputMode='numeric' inputMode='numeric'
defaultValue={defaultConfig.TrickplayOptions?.Qscale} defaultValue={defaultConfig.TrickplayOptions?.Qscale}
inputProps={{ helperText={globalize.translate('LabelQscaleHelp')}
slotProps={{
htmlInput: {
min: 2, min: 2,
max: 31, max: 31,
required: true required: true
}
}} }}
helperText={globalize.translate('LabelQscaleHelp')}
/> />
<TextField <TextField
@ -236,11 +248,13 @@ export const Component = () => {
type='number' type='number'
inputMode='numeric' inputMode='numeric'
defaultValue={defaultConfig.TrickplayOptions?.ProcessThreads} defaultValue={defaultConfig.TrickplayOptions?.ProcessThreads}
inputProps={{ helperText={globalize.translate('LabelTrickplayThreadsHelp')}
slotProps={{
htmlInput: {
min: 0, min: 0,
required: true required: true
}
}} }}
helperText={globalize.translate('LabelTrickplayThreadsHelp')}
/> />
<Button <Button

32
src/apps/dashboard/routes/settings/index.tsx
View file

@ -161,7 +161,6 @@ export const Component = () => {
select select
name='UICulture' name='UICulture'
label={globalize.translate('LabelPreferredDisplayLanguage')} label={globalize.translate('LabelPreferredDisplayLanguage')}
FormHelperTextProps={{ component: Stack }}
helperText={( helperText={(
<> <>
<span>{globalize.translate('LabelDisplayLanguageHelp')}</span> <span>{globalize.translate('LabelDisplayLanguageHelp')}</span>
@ -171,6 +170,9 @@ export const Component = () => {
</> </>
)} )}
defaultValue={config.UICulture} defaultValue={config.UICulture}
slotProps={{
formHelperText: { component: Stack }
}}
> >
{languageOptions.map((language) => {languageOptions.map((language) =>
<MenuItem key={language.Name} value={language.Value || ''}>{language.Name}</MenuItem> <MenuItem key={language.Name} value={language.Value || ''}>{language.Name}</MenuItem>
@ -185,7 +187,8 @@ export const Component = () => {
helperText={globalize.translate('LabelCachePathHelp')} helperText={globalize.translate('LabelCachePathHelp')}
value={cachePath} value={cachePath}
onChange={onCachePathChange} onChange={onCachePathChange}
InputProps={{ slotProps={{
input: {
endAdornment: ( endAdornment: (
<InputAdornment position='end'> <InputAdornment position='end'>
<IconButton edge='end' onClick={showCachePathPicker}> <IconButton edge='end' onClick={showCachePathPicker}>
@ -193,6 +196,7 @@ export const Component = () => {
</IconButton> </IconButton>
</InputAdornment> </InputAdornment>
) )
}
}} }}
/> />
@ -202,7 +206,8 @@ export const Component = () => {
helperText={globalize.translate('LabelMetadataPathHelp')} helperText={globalize.translate('LabelMetadataPathHelp')}
value={metadataPath} value={metadataPath}
onChange={onMetadataPathChange} onChange={onMetadataPathChange}
InputProps={{ slotProps={{
input: {
endAdornment: ( endAdornment: (
<InputAdornment position='end'> <InputAdornment position='end'>
<IconButton edge='end' onClick={showMetadataPathPicker}> <IconButton edge='end' onClick={showMetadataPathPicker}>
@ -210,6 +215,7 @@ export const Component = () => {
</IconButton> </IconButton>
</InputAdornment> </InputAdornment>
) )
}
}} }}
/> />
@ -232,25 +238,29 @@ export const Component = () => {
<TextField <TextField
name='LibraryScanFanoutConcurrency' name='LibraryScanFanoutConcurrency'
type='number' type='number'
inputProps={{
min: 0,
step: 1
}}
label={globalize.translate('LibraryScanFanoutConcurrency')} label={globalize.translate('LibraryScanFanoutConcurrency')}
helperText={globalize.translate('LibraryScanFanoutConcurrencyHelp')} helperText={globalize.translate('LibraryScanFanoutConcurrencyHelp')}
defaultValue={config.LibraryScanFanoutConcurrency || ''} defaultValue={config.LibraryScanFanoutConcurrency || ''}
slotProps={{
htmlInput: {
min: 0,
step: 1
}
}}
/> />
<TextField <TextField
name='ParallelImageEncodingLimit' name='ParallelImageEncodingLimit'
type='number' type='number'
inputProps={{
min: 0,
step: 1
}}
label={globalize.translate('LabelParallelImageEncodingLimit')} label={globalize.translate('LabelParallelImageEncodingLimit')}
helperText={globalize.translate('LabelParallelImageEncodingLimitHelp')} helperText={globalize.translate('LabelParallelImageEncodingLimitHelp')}
defaultValue={config.ParallelImageEncodingLimit || ''} defaultValue={config.ParallelImageEncodingLimit || ''}
slotProps={{
htmlInput: {
min: 0,
step: 1
}
}}
/> />
<Button type='submit' size='large'> <Button type='submit' size='large'>

10
src/apps/experimental/features/preferences/components/DisplayPreferences.tsx
View file

@ -146,7 +146,11 @@ export function DisplayPreferences({ onChange, values }: Readonly<DisplayPrefere
<TextField <TextField
aria-describedby='display-settings-screensaver-interval-description' aria-describedby='display-settings-screensaver-interval-description'
value={values.screensaverInterval} value={values.screensaverInterval}
inputProps={{ label={globalize.translate('LabelBackdropScreensaverInterval')}
name='screensaverInterval'
onChange={onChange}
slotProps={{
htmlInput: {
inputMode: 'numeric', inputMode: 'numeric',
max: '3600', max: '3600',
min: '1', min: '1',
@ -154,10 +158,8 @@ export function DisplayPreferences({ onChange, values }: Readonly<DisplayPrefere
required: true, required: true,
step: '1', step: '1',
type: 'number' type: 'number'
}
}} }}
label={globalize.translate('LabelBackdropScreensaverInterval')}
name='screensaverInterval'
onChange={onChange}
/> />
<FormHelperText id='display-settings-screensaver-interval-description'> <FormHelperText id='display-settings-screensaver-interval-description'>
{globalize.translate('LabelBackdropScreensaverIntervalHelp')} {globalize.translate('LabelBackdropScreensaverIntervalHelp')}

12
src/apps/experimental/features/preferences/components/LibraryPreferences.tsx
View file

@ -24,7 +24,12 @@ export function LibraryPreferences({ onChange, values }: Readonly<LibraryPrefere
<FormControl fullWidth> <FormControl fullWidth>
<TextField <TextField
aria-describedby='display-settings-lib-pagesize-description' aria-describedby='display-settings-lib-pagesize-description'
inputProps={{ value={values.libraryPageSize}
label={globalize.translate('LabelLibraryPageSize')}
name='libraryPageSize'
onChange={onChange}
slotProps={{
htmlInput: {
type: 'number', type: 'number',
inputMode: 'numeric', inputMode: 'numeric',
max: '1000', max: '1000',
@ -32,11 +37,8 @@ export function LibraryPreferences({ onChange, values }: Readonly<LibraryPrefere
pattern: '[0-9]', pattern: '[0-9]',
required: true, required: true,
step: '1' step: '1'
}
}} }}
value={values.libraryPageSize}
label={globalize.translate('LabelLibraryPageSize')}
name='libraryPageSize'
onChange={onChange}
/> />
<FormHelperText id='display-settings-lib-pagesize-description'> <FormHelperText id='display-settings-lib-pagesize-description'>
{globalize.translate('LabelLibraryPageSizeHelp')} {globalize.translate('LabelLibraryPageSizeHelp')}

10
src/apps/experimental/features/preferences/components/NextUpPreferences.tsx
View file

@ -25,7 +25,11 @@ export function NextUpPreferences({ onChange, values }: Readonly<NextUpPreferenc
<TextField <TextField
aria-describedby='display-settings-max-days-next-up-description' aria-describedby='display-settings-max-days-next-up-description'
value={values.maxDaysForNextUp} value={values.maxDaysForNextUp}
inputProps={{ label={globalize.translate('LabelMaxDaysForNextUp')}
name='maxDaysForNextUp'
onChange={onChange}
slotProps={{
htmlInput: {
type: 'number', type: 'number',
inputMode: 'numeric', inputMode: 'numeric',
max: '1000', max: '1000',
@ -33,10 +37,8 @@ export function NextUpPreferences({ onChange, values }: Readonly<NextUpPreferenc
pattern: '[0-9]', pattern: '[0-9]',
required: true, required: true,
step: '1' step: '1'
}
}} }}
label={globalize.translate('LabelMaxDaysForNextUp')}
name='maxDaysForNextUp'
onChange={onChange}
/> />
<FormHelperText id='display-settings-max-days-next-up-description'> <FormHelperText id='display-settings-max-days-next-up-description'>
{globalize.translate('LabelMaxDaysForNextUpHelp')} {globalize.translate('LabelMaxDaysForNextUpHelp')}