add maxLength to text fields

island-is · Sep 12, 2024 · bb9e869 · bb9e869
1 parent 5c4c160
commit bb9e869
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 0 deletions.
diff --git a/libs/application/templates/aosh/register-new-machine/src/fields/AboutMachine/index.tsx b/libs/application/templates/aosh/register-new-machine/src/fields/AboutMachine/index.tsx
@@ -130,6 +130,7 @@ export const AboutMachine: FC<React.PropsWithChildren<FieldBaseProps>> = (
             backgroundColor="blue"
             required
             disabled={fromService}
+            maxLength={50}
             onChange={(e) => setType(e.target.value)}
             error={
               displayError && type.length === 0
@@ -145,6 +146,7 @@ export const AboutMachine: FC<React.PropsWithChildren<FieldBaseProps>> = (
             backgroundColor="blue"
             required
             disabled={fromService}
+            maxLength={50}
             onChange={(e) => setModel(e.target.value)}
             error={
               displayError && model.length === 0

diff --git a/...ister-new-machine/src/forms/RegisterMachineForm/InformationSection/ImporterInformation.ts b/...ister-new-machine/src/forms/RegisterMachineForm/InformationSection/ImporterInformation.ts
@@ -25,6 +25,7 @@ export const ImporterInformationSubSection = buildSubSection({
           backgroundColor: 'white',
           width: 'half',
           readOnly: true,
+          maxLength: 100,
           defaultValue: (application: Application) =>
             getValueViaPath(
               application.externalData,
@@ -51,6 +52,7 @@ export const ImporterInformationSubSection = buildSubSection({
           title: information.labels.importer.address,
           width: 'half',
           required: true,
+          maxLength: 50,
           defaultValue: (application: Application) =>
             getValueViaPath(
               application.externalData,
@@ -92,6 +94,7 @@ export const ImporterInformationSubSection = buildSubSection({
           title: information.labels.importer.email,
           width: 'half',
           variant: 'email',
+          maxLength: 250,
           required: true,
           defaultValue: (application: Application) =>
             getValueViaPath(

diff --git a/...ister-new-machine/src/forms/RegisterMachineForm/InformationSection/OperatorInformation.ts b/...ister-new-machine/src/forms/RegisterMachineForm/InformationSection/OperatorInformation.ts
@@ -41,6 +41,7 @@ export const OperatorInformationSubSection = buildSubSection({
           title: information.labels.operator.name,
           width: 'half',
           required: true,
+          maxLength: 100,
           condition: (answer: FormValue) => hasOperator(answer),
         }),
         buildTextField({
@@ -56,6 +57,7 @@ export const OperatorInformationSubSection = buildSubSection({
           title: information.labels.operator.address,
           width: 'half',
           required: true,
+          maxLength: 50,
           condition: (answer: FormValue) => hasOperator(answer),
         }),
         buildSelectField({
@@ -83,6 +85,7 @@ export const OperatorInformationSubSection = buildSubSection({
           width: 'half',
           required: true,
           variant: 'email',
+          maxLength: 250,
           condition: (answer: FormValue) => hasOperator(answer),
         }),
       ],

diff --git a/...ister-new-machine/src/forms/RegisterMachineForm/MachineSection/MachineBasicInformation.ts b/...ister-new-machine/src/forms/RegisterMachineForm/MachineSection/MachineBasicInformation.ts
@@ -61,6 +61,7 @@ export const MachineBasicInformation = buildSubSection({
           id: 'machine.basicInformation.productionNumber',
           title: machine.labels.basicMachineInformation.productionNumber,
           width: 'half',
+          maxLength: 50,
           required: true,
         }),
         buildSelectField({
@@ -122,11 +123,13 @@ export const MachineBasicInformation = buildSubSection({
           id: 'machine.basicInformation.location',
           title: machine.labels.basicMachineInformation.location,
           width: 'half',
+          maxLength: 255,
         }),
         buildTextField({
           id: 'machine.basicInformation.cargoFileNumber',
           title: machine.labels.basicMachineInformation.cargoFileNumber,
           width: 'half',
+          maxLength: 50,
         }),
       ],
     }),