Merged in fix/3697-prettier-configs (pull request #3396)
fix(SW-3691): Setup one prettier config for whole repo * Setup prettierrc in root and remove other configs Approved-by: Joakim Jäderberg Approved-by: Linus Flood
This commit is contained in:
@@ -1,26 +1,26 @@
|
||||
import { cx } from 'class-variance-authority'
|
||||
import { cx } from "class-variance-authority"
|
||||
import {
|
||||
type ForwardedRef,
|
||||
forwardRef,
|
||||
useId,
|
||||
useImperativeHandle,
|
||||
useRef,
|
||||
} from 'react'
|
||||
import { Input as AriaInput, Label as AriaLabel } from 'react-aria-components'
|
||||
} from "react"
|
||||
import { Input as AriaInput, Label as AriaLabel } from "react-aria-components"
|
||||
|
||||
import { InputLabel } from '../InputLabel'
|
||||
import { InputLabel } from "../InputLabel"
|
||||
|
||||
import styles from './input.module.css'
|
||||
import styles from "./input.module.css"
|
||||
|
||||
import { MaterialIcon } from '../Icons/MaterialIcon'
|
||||
import { Typography } from '../Typography'
|
||||
import type { InputProps } from './types'
|
||||
import { clearInput, useInputHasValue } from './utils'
|
||||
import { MaterialIcon } from "../Icons/MaterialIcon"
|
||||
import { Typography } from "../Typography"
|
||||
import type { InputProps } from "./types"
|
||||
import { clearInput, useInputHasValue } from "./utils"
|
||||
|
||||
const InputComponent = forwardRef(function AriaInputWithLabelComponent(
|
||||
{
|
||||
label,
|
||||
labelPosition = 'floating',
|
||||
labelPosition = "floating",
|
||||
leftIcon,
|
||||
rightIcon,
|
||||
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
||||
@@ -29,9 +29,9 @@ const InputComponent = forwardRef(function AriaInputWithLabelComponent(
|
||||
placeholder,
|
||||
id,
|
||||
required,
|
||||
'data-validation-state': validationState,
|
||||
"data-validation-state": validationState,
|
||||
...props
|
||||
}: InputProps & { 'data-validation-state'?: string },
|
||||
}: InputProps & { "data-validation-state"?: string },
|
||||
ref: ForwardedRef<HTMLInputElement>
|
||||
) {
|
||||
// Create an internal ref that we can access
|
||||
@@ -57,7 +57,7 @@ const InputComponent = forwardRef(function AriaInputWithLabelComponent(
|
||||
}
|
||||
// When labelPosition is 'top', restructure to have label outside container
|
||||
// We need an ID for proper label-input association
|
||||
if (labelPosition === 'top') {
|
||||
if (labelPosition === "top") {
|
||||
const inputId = id || generatedId
|
||||
|
||||
return (
|
||||
@@ -93,7 +93,7 @@ const InputComponent = forwardRef(function AriaInputWithLabelComponent(
|
||||
// Avoid duplicating label text in placeholder when label is positioned above
|
||||
// Screen readers would announce the label twice (once as label, once as placeholder)
|
||||
// Only use placeholder if explicitly provided, otherwise use empty string
|
||||
placeholder={placeholder ?? ''}
|
||||
placeholder={placeholder ?? ""}
|
||||
className={cx(
|
||||
styles.input,
|
||||
styles.inputTopLabel,
|
||||
|
||||
Reference in New Issue
Block a user