From 14355bd3959859e482c0ddb2cf75b85006b8813c Mon Sep 17 00:00:00 2001
From: Bastien Dumont <bdumont@grandlyon.com>
Date: Thu, 14 Mar 2024 11:31:45 +0100
Subject: [PATCH] chore: remove label tag
---
.../Connection/SGEConnect/SgeConnect.scss | 6 +-
.../Connection/SGEConnect/StepAddress.tsx | 69 +++--
.../SGEConnect/StepIdentityAndPdl.tsx | 77 +++---
.../SgeConnectView.spec.tsx.snap | 251 ++++++++----------
.../__snapshots__/StepAddress.spec.tsx.snap | 195 +++++++-------
.../StepIdentityAndPdl.spec.tsx.snap | 251 ++++++++----------
src/components/theme.ts | 5 +
7 files changed, 400 insertions(+), 454 deletions(-)
diff --git a/src/components/Connection/SGEConnect/SgeConnect.scss b/src/components/Connection/SGEConnect/SgeConnect.scss
index 72ae02f97..9dcec1948 100644
--- a/src/components/Connection/SGEConnect/SgeConnect.scss
+++ b/src/components/Connection/SGEConnect/SgeConnect.scss
@@ -36,12 +36,11 @@
}
cursor: pointer;
-
span span {
color: $gold-shadow;
}
}
-
+
label {
&.inline {
flex-direction: row;
@@ -50,7 +49,6 @@
}
cursor: pointer;
-
span span {
color: $gold-shadow;
}
@@ -71,7 +69,7 @@
}
.btnText {
- max-width: 280px;
+ max-width: 300px;
}
ul {
margin: 0;
diff --git a/src/components/Connection/SGEConnect/StepAddress.tsx b/src/components/Connection/SGEConnect/StepAddress.tsx
index a6a97accc..c919dc81b 100644
--- a/src/components/Connection/SGEConnect/StepAddress.tsx
+++ b/src/components/Connection/SGEConnect/StepAddress.tsx
@@ -1,8 +1,8 @@
+import { TextField } from '@material-ui/core'
import { useI18n } from 'cozy-ui/transpiled/react/I18n'
import { SgeStore } from 'models'
import React from 'react'
import { SGEKeysForm } from './SgeConnectView'
-import { TextField } from '@material-ui/core'
interface StepAddressProps {
sgeState: SgeStore
@@ -16,43 +16,36 @@ const StepAddress = ({ sgeState, onChange }: StepAddressProps) => {
<div className="title text-22-bold">
{t('auth.enedissgegrandlyon.addressTitle')}
</div>
- <label htmlFor="address" className="text-16-normal">
- <TextField
- label={t('auth.enedissgegrandlyon.address')}
- variant="outlined"
- type="text"
- id="address"
- name="address"
- className="inputText"
- value={sgeState.address}
- onChange={e => onChange('address', e.target.value)}
- />
- </label>
- <label htmlFor="zipCode" className="text-16-normal">
- <TextField
- label={t('auth.enedissgegrandlyon.zipCode')}
- variant="outlined"
- type="number"
- id="zipCode"
- name="zipCode"
- className="inputText"
- value={sgeState.zipCode ?? undefined}
- onChange={e => onChange('zipCode', e.target.value, 5)}
- />
- </label>
-
- <label htmlFor="city" className="text-16-normal">
- <TextField
- label={t('auth.enedissgegrandlyon.city')}
- variant="outlined"
- type="text"
- id="city"
- name="city"
- className="inputText"
- value={sgeState.city}
- onChange={e => onChange('city', e.target.value)}
- />
- </label>
+ <TextField
+ label={t('auth.enedissgegrandlyon.address')}
+ variant="outlined"
+ type="text"
+ id="address"
+ name="address"
+ className="inputText"
+ value={sgeState.address}
+ onChange={e => onChange('address', e.target.value)}
+ />
+ <TextField
+ label={t('auth.enedissgegrandlyon.zipCode')}
+ variant="outlined"
+ type="number"
+ id="zipCode"
+ name="zipCode"
+ className="inputText"
+ value={sgeState.zipCode ?? undefined}
+ onChange={e => onChange('zipCode', e.target.value, 5)}
+ />
+ <TextField
+ label={t('auth.enedissgegrandlyon.city')}
+ variant="outlined"
+ type="text"
+ id="city"
+ name="city"
+ className="inputText"
+ value={sgeState.city}
+ onChange={e => onChange('city', e.target.value)}
+ />
</div>
)
}
diff --git a/src/components/Connection/SGEConnect/StepIdentityAndPdl.tsx b/src/components/Connection/SGEConnect/StepIdentityAndPdl.tsx
index 8a46de609..6611104df 100644
--- a/src/components/Connection/SGEConnect/StepIdentityAndPdl.tsx
+++ b/src/components/Connection/SGEConnect/StepIdentityAndPdl.tsx
@@ -1,4 +1,4 @@
-import { TextField, Button } from '@material-ui/core'
+import { Button, TextField } from '@material-ui/core'
import SgeModalHint from 'components/Connection/SGEConnect/SgeModalHint'
import { useI18n } from 'cozy-ui/transpiled/react/I18n'
import { SgeStore } from 'models'
@@ -27,49 +27,44 @@ const StepIdentityAndPdl = ({
<div className="title text-22-bold">
{t('auth.enedissgegrandlyon.identityTitle')}
</div>
- <label htmlFor="firstName" className="text-16-normal">
- <TextField
- label={t('auth.enedissgegrandlyon.firstName')}
- variant="outlined"
- type="text"
- id="firstName"
- name="firstName"
- className="inputText"
- value={sgeState.firstName}
- onChange={e => onChange('firstName', e.target.value)}
- required
- />
- </label>
- <label htmlFor="lastName" className="text-16-normal">
- <TextField
- label={t('auth.enedissgegrandlyon.lastName')}
- variant="outlined"
- type="text"
- id="lastName"
- name="lastName"
- className="inputText"
- value={sgeState.lastName}
- onChange={e => onChange('lastName', e.target.value)}
- required
- />
- </label>
+ <TextField
+ label={t('auth.enedissgegrandlyon.firstName')}
+ variant="outlined"
+ type="text"
+ id="firstName"
+ name="firstName"
+ className="inputText"
+ value={sgeState.firstName}
+ onChange={e => onChange('firstName', e.target.value)}
+ required
+ // style={{ maxWidth: 300 }}
+ />
+ <TextField
+ label={t('auth.enedissgegrandlyon.lastName')}
+ variant="outlined"
+ type="text"
+ id="lastName"
+ name="lastName"
+ className="inputText"
+ value={sgeState.lastName}
+ onChange={e => onChange('lastName', e.target.value)}
+ required
+ />
<div className="title text-22-bold">
{t('auth.enedissgegrandlyon.pdlTitle')}
</div>
- <label htmlFor="pdl" className="text-16-normal">
- <TextField
- label={t('auth.enedissgegrandlyon.pdlLabel')}
- variant="outlined"
- id="pdl"
- name="pdl"
- type="number"
- className="inputText"
- value={sgeState.pdl ? sgeState.pdl : undefined}
- onChange={e => onChange('pdl', e.target.value, 14)}
- inputMode="numeric"
- required
- />
- </label>
+ <TextField
+ label={t('auth.enedissgegrandlyon.pdlLabel')}
+ variant="outlined"
+ id="pdl"
+ name="pdl"
+ type="number"
+ className="inputText"
+ value={sgeState.pdl ? sgeState.pdl : undefined}
+ onChange={e => onChange('pdl', e.target.value, 14)}
+ inputMode="numeric"
+ required
+ />
<Button className="btnText" onClick={toggleModal}>
{t('auth.enedissgegrandlyon.pdlModal.title')}
</Button>
diff --git a/src/components/Connection/SGEConnect/__snapshots__/SgeConnectView.spec.tsx.snap b/src/components/Connection/SGEConnect/__snapshots__/SgeConnectView.spec.tsx.snap
index c3877fc8e..03ac2d18b 100644
--- a/src/components/Connection/SGEConnect/__snapshots__/SgeConnectView.spec.tsx.snap
+++ b/src/components/Connection/SGEConnect/__snapshots__/SgeConnectView.spec.tsx.snap
@@ -117,162 +117,147 @@ exports[`SgeConnectView component should be rendered correctly 1`] = `
>
auth.enedissgegrandlyon.identityTitle
</div>
- <label
- class="text-16-normal"
- for="firstName"
+ <div
+ class="MuiFormControl-root MuiTextField-root inputText"
>
+ <label
+ class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined Mui-required Mui-required"
+ data-shrink="false"
+ for="firstName"
+ id="firstName-label"
+ >
+ auth.enedissgegrandlyon.firstName
+ <span
+ aria-hidden="true"
+ class="MuiFormLabel-asterisk MuiInputLabel-asterisk"
+ >
+  
+ *
+ </span>
+ </label>
<div
- class="MuiFormControl-root MuiTextField-root inputText"
+ class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-formControl"
>
- <label
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined Mui-required Mui-required"
- data-shrink="false"
- for="firstName"
- id="firstName-label"
+ <input
+ aria-invalid="false"
+ class="MuiInputBase-input MuiOutlinedInput-input"
+ id="firstName"
+ name="firstName"
+ required=""
+ type="text"
+ value=""
+ />
+ <fieldset
+ aria-hidden="true"
+ class="PrivateNotchedOutline-root-1 MuiOutlinedInput-notchedOutline"
>
- auth.enedissgegrandlyon.firstName
- <span
- aria-hidden="true"
- class="MuiFormLabel-asterisk MuiInputLabel-asterisk"
+ <legend
+ class="PrivateNotchedOutline-legendLabelled-3"
>
-  
- *
- </span>
- </label>
- <div
- class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-formControl"
- >
- <input
- aria-invalid="false"
- class="MuiInputBase-input MuiOutlinedInput-input"
- id="firstName"
- name="firstName"
- required=""
- type="text"
- value=""
- />
- <fieldset
- aria-hidden="true"
- class="PrivateNotchedOutline-root-1 MuiOutlinedInput-notchedOutline"
- >
- <legend
- class="PrivateNotchedOutline-legendLabelled-3"
- >
- <span>
- auth.enedissgegrandlyon.firstName
- Â *
- </span>
- </legend>
- </fieldset>
- </div>
+ <span>
+ auth.enedissgegrandlyon.firstName
+ Â *
+ </span>
+ </legend>
+ </fieldset>
</div>
- </label>
- <label
- class="text-16-normal"
- for="lastName"
+ </div>
+ <div
+ class="MuiFormControl-root MuiTextField-root inputText"
>
- <div
- class="MuiFormControl-root MuiTextField-root inputText"
+ <label
+ class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined Mui-required Mui-required"
+ data-shrink="false"
+ for="lastName"
+ id="lastName-label"
>
- <label
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined Mui-required Mui-required"
- data-shrink="false"
- for="lastName"
- id="lastName-label"
+ auth.enedissgegrandlyon.lastName
+ <span
+ aria-hidden="true"
+ class="MuiFormLabel-asterisk MuiInputLabel-asterisk"
>
- auth.enedissgegrandlyon.lastName
- <span
- aria-hidden="true"
- class="MuiFormLabel-asterisk MuiInputLabel-asterisk"
- >
-  
- *
- </span>
- </label>
- <div
- class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-formControl"
+  
+ *
+ </span>
+ </label>
+ <div
+ class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-formControl"
+ >
+ <input
+ aria-invalid="false"
+ class="MuiInputBase-input MuiOutlinedInput-input"
+ id="lastName"
+ name="lastName"
+ required=""
+ type="text"
+ value=""
+ />
+ <fieldset
+ aria-hidden="true"
+ class="PrivateNotchedOutline-root-1 MuiOutlinedInput-notchedOutline"
>
- <input
- aria-invalid="false"
- class="MuiInputBase-input MuiOutlinedInput-input"
- id="lastName"
- name="lastName"
- required=""
- type="text"
- value=""
- />
- <fieldset
- aria-hidden="true"
- class="PrivateNotchedOutline-root-1 MuiOutlinedInput-notchedOutline"
+ <legend
+ class="PrivateNotchedOutline-legendLabelled-3"
>
- <legend
- class="PrivateNotchedOutline-legendLabelled-3"
- >
- <span>
- auth.enedissgegrandlyon.lastName
- Â *
- </span>
- </legend>
- </fieldset>
- </div>
+ <span>
+ auth.enedissgegrandlyon.lastName
+ Â *
+ </span>
+ </legend>
+ </fieldset>
</div>
- </label>
+ </div>
<div
class="title text-22-bold"
>
auth.enedissgegrandlyon.pdlTitle
</div>
- <label
- class="text-16-normal"
- for="pdl"
+ <div
+ class="MuiFormControl-root MuiTextField-root inputText"
+ inputmode="numeric"
>
- <div
- class="MuiFormControl-root MuiTextField-root inputText"
- inputmode="numeric"
+ <label
+ class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined Mui-required Mui-required"
+ data-shrink="false"
+ for="pdl"
+ id="pdl-label"
>
- <label
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined Mui-required Mui-required"
- data-shrink="false"
- for="pdl"
- id="pdl-label"
+ auth.enedissgegrandlyon.pdlLabel
+ <span
+ aria-hidden="true"
+ class="MuiFormLabel-asterisk MuiInputLabel-asterisk"
>
- auth.enedissgegrandlyon.pdlLabel
- <span
- aria-hidden="true"
- class="MuiFormLabel-asterisk MuiInputLabel-asterisk"
- >
-  
- *
- </span>
- </label>
- <div
- class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-formControl"
+  
+ *
+ </span>
+ </label>
+ <div
+ class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-formControl"
+ >
+ <input
+ aria-invalid="false"
+ class="MuiInputBase-input MuiOutlinedInput-input"
+ id="pdl"
+ name="pdl"
+ required=""
+ type="number"
+ value=""
+ />
+ <fieldset
+ aria-hidden="true"
+ class="PrivateNotchedOutline-root-1 MuiOutlinedInput-notchedOutline"
>
- <input
- aria-invalid="false"
- class="MuiInputBase-input MuiOutlinedInput-input"
- id="pdl"
- name="pdl"
- required=""
- type="number"
- value=""
- />
- <fieldset
- aria-hidden="true"
- class="PrivateNotchedOutline-root-1 MuiOutlinedInput-notchedOutline"
+ <legend
+ class="PrivateNotchedOutline-legendLabelled-3"
>
- <legend
- class="PrivateNotchedOutline-legendLabelled-3"
- >
- <span>
- auth.enedissgegrandlyon.pdlLabel
- Â *
- </span>
- </legend>
- </fieldset>
- </div>
+ <span>
+ auth.enedissgegrandlyon.pdlLabel
+ Â *
+ </span>
+ </legend>
+ </fieldset>
</div>
- </label>
+ </div>
<button
class="MuiButtonBase-root MuiButton-root MuiButton-text btnText"
tabindex="0"
diff --git a/src/components/Connection/SGEConnect/__snapshots__/StepAddress.spec.tsx.snap b/src/components/Connection/SGEConnect/__snapshots__/StepAddress.spec.tsx.snap
index c5a8a9076..89d8603f2 100644
--- a/src/components/Connection/SGEConnect/__snapshots__/StepAddress.spec.tsx.snap
+++ b/src/components/Connection/SGEConnect/__snapshots__/StepAddress.spec.tsx.snap
@@ -10,129 +10,114 @@ exports[`StepAddress component should be rendered correctly 1`] = `
>
auth.enedissgegrandlyon.addressTitle
</div>
- <label
- class="text-16-normal"
- for="address"
+ <div
+ class="MuiFormControl-root MuiTextField-root inputText"
>
+ <label
+ class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined"
+ data-shrink="false"
+ for="address"
+ id="address-label"
+ >
+ auth.enedissgegrandlyon.address
+ </label>
<div
- class="MuiFormControl-root MuiTextField-root inputText"
+ class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-formControl"
>
- <label
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined"
- data-shrink="false"
- for="address"
- id="address-label"
- >
- auth.enedissgegrandlyon.address
- </label>
- <div
- class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-formControl"
+ <input
+ aria-invalid="false"
+ class="MuiInputBase-input MuiOutlinedInput-input"
+ id="address"
+ name="address"
+ type="text"
+ value=""
+ />
+ <fieldset
+ aria-hidden="true"
+ class="PrivateNotchedOutline-root-1 MuiOutlinedInput-notchedOutline"
>
- <input
- aria-invalid="false"
- class="MuiInputBase-input MuiOutlinedInput-input"
- id="address"
- name="address"
- type="text"
- value=""
- />
- <fieldset
- aria-hidden="true"
- class="PrivateNotchedOutline-root-1 MuiOutlinedInput-notchedOutline"
+ <legend
+ class="PrivateNotchedOutline-legendLabelled-3"
>
- <legend
- class="PrivateNotchedOutline-legendLabelled-3"
- >
- <span>
- auth.enedissgegrandlyon.address
- </span>
- </legend>
- </fieldset>
- </div>
+ <span>
+ auth.enedissgegrandlyon.address
+ </span>
+ </legend>
+ </fieldset>
</div>
- </label>
- <label
- class="text-16-normal"
- for="zipCode"
+ </div>
+ <div
+ class="MuiFormControl-root MuiTextField-root inputText"
>
+ <label
+ class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined"
+ data-shrink="false"
+ for="zipCode"
+ id="zipCode-label"
+ >
+ auth.enedissgegrandlyon.zipCode
+ </label>
<div
- class="MuiFormControl-root MuiTextField-root inputText"
+ class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-formControl"
>
- <label
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined"
- data-shrink="false"
- for="zipCode"
- id="zipCode-label"
+ <input
+ aria-invalid="false"
+ class="MuiInputBase-input MuiOutlinedInput-input"
+ id="zipCode"
+ name="zipCode"
+ type="number"
+ value=""
+ />
+ <fieldset
+ aria-hidden="true"
+ class="PrivateNotchedOutline-root-1 MuiOutlinedInput-notchedOutline"
>
- auth.enedissgegrandlyon.zipCode
- </label>
- <div
- class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-formControl"
- >
- <input
- aria-invalid="false"
- class="MuiInputBase-input MuiOutlinedInput-input"
- id="zipCode"
- name="zipCode"
- type="number"
- value=""
- />
- <fieldset
- aria-hidden="true"
- class="PrivateNotchedOutline-root-1 MuiOutlinedInput-notchedOutline"
+ <legend
+ class="PrivateNotchedOutline-legendLabelled-3"
>
- <legend
- class="PrivateNotchedOutline-legendLabelled-3"
- >
- <span>
- auth.enedissgegrandlyon.zipCode
- </span>
- </legend>
- </fieldset>
- </div>
+ <span>
+ auth.enedissgegrandlyon.zipCode
+ </span>
+ </legend>
+ </fieldset>
</div>
- </label>
- <label
- class="text-16-normal"
- for="city"
+ </div>
+ <div
+ class="MuiFormControl-root MuiTextField-root inputText"
>
+ <label
+ class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined"
+ data-shrink="false"
+ for="city"
+ id="city-label"
+ >
+ auth.enedissgegrandlyon.city
+ </label>
<div
- class="MuiFormControl-root MuiTextField-root inputText"
+ class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-formControl"
>
- <label
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined"
- data-shrink="false"
- for="city"
- id="city-label"
- >
- auth.enedissgegrandlyon.city
- </label>
- <div
- class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-formControl"
+ <input
+ aria-invalid="false"
+ class="MuiInputBase-input MuiOutlinedInput-input"
+ id="city"
+ name="city"
+ type="text"
+ value=""
+ />
+ <fieldset
+ aria-hidden="true"
+ class="PrivateNotchedOutline-root-1 MuiOutlinedInput-notchedOutline"
>
- <input
- aria-invalid="false"
- class="MuiInputBase-input MuiOutlinedInput-input"
- id="city"
- name="city"
- type="text"
- value=""
- />
- <fieldset
- aria-hidden="true"
- class="PrivateNotchedOutline-root-1 MuiOutlinedInput-notchedOutline"
+ <legend
+ class="PrivateNotchedOutline-legendLabelled-3"
>
- <legend
- class="PrivateNotchedOutline-legendLabelled-3"
- >
- <span>
- auth.enedissgegrandlyon.city
- </span>
- </legend>
- </fieldset>
- </div>
+ <span>
+ auth.enedissgegrandlyon.city
+ </span>
+ </legend>
+ </fieldset>
</div>
- </label>
+ </div>
</div>
</div>
`;
diff --git a/src/components/Connection/SGEConnect/__snapshots__/StepIdentityAndPdl.spec.tsx.snap b/src/components/Connection/SGEConnect/__snapshots__/StepIdentityAndPdl.spec.tsx.snap
index e84d923b8..342be618b 100644
--- a/src/components/Connection/SGEConnect/__snapshots__/StepIdentityAndPdl.spec.tsx.snap
+++ b/src/components/Connection/SGEConnect/__snapshots__/StepIdentityAndPdl.spec.tsx.snap
@@ -10,162 +10,147 @@ exports[`StepIdentityAndPdl component should be rendered correctly 1`] = `
>
auth.enedissgegrandlyon.identityTitle
</div>
- <label
- class="text-16-normal"
- for="firstName"
+ <div
+ class="MuiFormControl-root MuiTextField-root inputText"
>
- <div
- class="MuiFormControl-root MuiTextField-root inputText"
+ <label
+ class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined Mui-required Mui-required"
+ data-shrink="false"
+ for="firstName"
+ id="firstName-label"
>
- <label
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined Mui-required Mui-required"
- data-shrink="false"
- for="firstName"
- id="firstName-label"
+ auth.enedissgegrandlyon.firstName
+ <span
+ aria-hidden="true"
+ class="MuiFormLabel-asterisk MuiInputLabel-asterisk"
>
- auth.enedissgegrandlyon.firstName
- <span
- aria-hidden="true"
- class="MuiFormLabel-asterisk MuiInputLabel-asterisk"
- >
-  
- *
- </span>
- </label>
- <div
- class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-formControl"
+  
+ *
+ </span>
+ </label>
+ <div
+ class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-formControl"
+ >
+ <input
+ aria-invalid="false"
+ class="MuiInputBase-input MuiOutlinedInput-input"
+ id="firstName"
+ name="firstName"
+ required=""
+ type="text"
+ value=""
+ />
+ <fieldset
+ aria-hidden="true"
+ class="PrivateNotchedOutline-root-1 MuiOutlinedInput-notchedOutline"
>
- <input
- aria-invalid="false"
- class="MuiInputBase-input MuiOutlinedInput-input"
- id="firstName"
- name="firstName"
- required=""
- type="text"
- value=""
- />
- <fieldset
- aria-hidden="true"
- class="PrivateNotchedOutline-root-1 MuiOutlinedInput-notchedOutline"
+ <legend
+ class="PrivateNotchedOutline-legendLabelled-3"
>
- <legend
- class="PrivateNotchedOutline-legendLabelled-3"
- >
- <span>
- auth.enedissgegrandlyon.firstName
- Â *
- </span>
- </legend>
- </fieldset>
- </div>
+ <span>
+ auth.enedissgegrandlyon.firstName
+ Â *
+ </span>
+ </legend>
+ </fieldset>
</div>
- </label>
- <label
- class="text-16-normal"
- for="lastName"
+ </div>
+ <div
+ class="MuiFormControl-root MuiTextField-root inputText"
>
- <div
- class="MuiFormControl-root MuiTextField-root inputText"
+ <label
+ class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined Mui-required Mui-required"
+ data-shrink="false"
+ for="lastName"
+ id="lastName-label"
>
- <label
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined Mui-required Mui-required"
- data-shrink="false"
- for="lastName"
- id="lastName-label"
+ auth.enedissgegrandlyon.lastName
+ <span
+ aria-hidden="true"
+ class="MuiFormLabel-asterisk MuiInputLabel-asterisk"
>
- auth.enedissgegrandlyon.lastName
- <span
- aria-hidden="true"
- class="MuiFormLabel-asterisk MuiInputLabel-asterisk"
- >
-  
- *
- </span>
- </label>
- <div
- class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-formControl"
+  
+ *
+ </span>
+ </label>
+ <div
+ class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-formControl"
+ >
+ <input
+ aria-invalid="false"
+ class="MuiInputBase-input MuiOutlinedInput-input"
+ id="lastName"
+ name="lastName"
+ required=""
+ type="text"
+ value=""
+ />
+ <fieldset
+ aria-hidden="true"
+ class="PrivateNotchedOutline-root-1 MuiOutlinedInput-notchedOutline"
>
- <input
- aria-invalid="false"
- class="MuiInputBase-input MuiOutlinedInput-input"
- id="lastName"
- name="lastName"
- required=""
- type="text"
- value=""
- />
- <fieldset
- aria-hidden="true"
- class="PrivateNotchedOutline-root-1 MuiOutlinedInput-notchedOutline"
+ <legend
+ class="PrivateNotchedOutline-legendLabelled-3"
>
- <legend
- class="PrivateNotchedOutline-legendLabelled-3"
- >
- <span>
- auth.enedissgegrandlyon.lastName
- Â *
- </span>
- </legend>
- </fieldset>
- </div>
+ <span>
+ auth.enedissgegrandlyon.lastName
+ Â *
+ </span>
+ </legend>
+ </fieldset>
</div>
- </label>
+ </div>
<div
class="title text-22-bold"
>
auth.enedissgegrandlyon.pdlTitle
</div>
- <label
- class="text-16-normal"
- for="pdl"
+ <div
+ class="MuiFormControl-root MuiTextField-root inputText"
+ inputmode="numeric"
>
- <div
- class="MuiFormControl-root MuiTextField-root inputText"
- inputmode="numeric"
+ <label
+ class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined Mui-required Mui-required"
+ data-shrink="false"
+ for="pdl"
+ id="pdl-label"
>
- <label
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined Mui-required Mui-required"
- data-shrink="false"
- for="pdl"
- id="pdl-label"
+ auth.enedissgegrandlyon.pdlLabel
+ <span
+ aria-hidden="true"
+ class="MuiFormLabel-asterisk MuiInputLabel-asterisk"
>
- auth.enedissgegrandlyon.pdlLabel
- <span
- aria-hidden="true"
- class="MuiFormLabel-asterisk MuiInputLabel-asterisk"
- >
-  
- *
- </span>
- </label>
- <div
- class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-formControl"
+  
+ *
+ </span>
+ </label>
+ <div
+ class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-formControl"
+ >
+ <input
+ aria-invalid="false"
+ class="MuiInputBase-input MuiOutlinedInput-input"
+ id="pdl"
+ name="pdl"
+ required=""
+ type="number"
+ value=""
+ />
+ <fieldset
+ aria-hidden="true"
+ class="PrivateNotchedOutline-root-1 MuiOutlinedInput-notchedOutline"
>
- <input
- aria-invalid="false"
- class="MuiInputBase-input MuiOutlinedInput-input"
- id="pdl"
- name="pdl"
- required=""
- type="number"
- value=""
- />
- <fieldset
- aria-hidden="true"
- class="PrivateNotchedOutline-root-1 MuiOutlinedInput-notchedOutline"
+ <legend
+ class="PrivateNotchedOutline-legendLabelled-3"
>
- <legend
- class="PrivateNotchedOutline-legendLabelled-3"
- >
- <span>
- auth.enedissgegrandlyon.pdlLabel
- Â *
- </span>
- </legend>
- </fieldset>
- </div>
+ <span>
+ auth.enedissgegrandlyon.pdlLabel
+ Â *
+ </span>
+ </legend>
+ </fieldset>
</div>
- </label>
+ </div>
<button
class="MuiButtonBase-root MuiButton-root MuiButton-text btnText"
tabindex="0"
diff --git a/src/components/theme.ts b/src/components/theme.ts
index 0230c425e..fbb41efe9 100644
--- a/src/components/theme.ts
+++ b/src/components/theme.ts
@@ -31,5 +31,10 @@ export const theme = createTheme({
backgroundColor: '#e3b82a',
},
},
+ MuiInputBase: {
+ root: {
+ maxWidth: 300,
+ },
+ },
},
})
--
GitLab