@digigov/form 2.0.0-d57821ba → 2.0.0-e7d30530

package/src/inputs/inputsScenarios.ts

@@ -1,160 +1,158 @@
 import el from '@digigov/form/locales/el';
 
 export const INPUTS_FIELDS = [
-    {
-      key: 'date-example',
-      type: 'date',
-      required: true,
-      label: {
-        primary: 'Ποιά είναι η ημερομηνία γέννησής σας;',
-        secondary:
-          'Για παράδειγμα, 05 11 2020',
-      },
+  {
+    key: 'date-example',
+    type: 'date',
+    required: true,
+    label: {
+      primary: 'Ποιά είναι η ημερομηνία γέννησής σας;',
+      secondary: 'Για παράδειγμα, 05 11 2020',
     },
-    {
-      key: 'otp',
-      type: 'otp',
-      maxLength: 6,
-      label: {
-        primary: 'Συμπληρώστε τον κωδικό επιβεβαίωσης',
-      },
-      required: true,
+  },
+  {
+    key: 'otp',
+    type: 'otp',
+    maxLength: 6,
+    label: {
+      primary: 'Συμπληρώστε τον κωδικό επιβεβαίωσης',
     },
-    {
-      key: 'checkbox',
-      type: 'choice:multiple',
-      required: true,
-      label: { primary: 'Πώς αισθάνεστε αυτή τη στιγμή;' },
-      extra: {
-        options: [
-          {
-            label: { primary: 'Έχω συνάχι' },
-            value: 'runny-nose',
-          },
-          {
-            label: { primary: 'Έχω πυρετό' },
-            value: 'fever',
-          },
-          {
-            label: { primary: 'Αισθάνομαι κούραση' },
-            value: 'fatigue',
-          },
-        ],
-      }
+    required: true,
+  },
+  {
+    key: 'checkbox',
+    type: 'choice:multiple',
+    required: true,
+    label: { primary: 'Πώς αισθάνεστε αυτή τη στιγμή;' },
+    extra: {
+      options: [
+        {
+          label: { primary: 'Έχω συνάχι' },
+          value: 'runny-nose',
+        },
+        {
+          label: { primary: 'Έχω πυρετό' },
+          value: 'fever',
+        },
+        {
+          label: { primary: 'Αισθάνομαι κούραση' },
+          value: 'fatigue',
+        },
+      ],
     },
-    {
-      key: 'autocomplete_multiple',
-      required: true,
-      type: 'choice:multiple',
-      label: { primary: 'Πώς αισθάνεστε αυτή τη στιγμή;' },
-      extra: {
-        component: 'AutoComplete',
-        multiple: true,
-        options: [
-          {
-            label: { primary: 'Έχω συνάχι' },
-            value: 'runny-nose',
-          },
-          {
-            label: { primary: 'Έχω πυρετό' },
-            value: 'fever',
-          },
-          {
-            label: { primary: 'Αισθάνομαι κούραση' },
-            value: 'fatigue',
-          },
-        ],
-      },
+  },
+  {
+    key: 'autocomplete_multiple',
+    required: true,
+    type: 'choice:multiple',
+    label: { primary: 'Πώς αισθάνεστε αυτή τη στιγμή;' },
+    extra: {
+      component: 'AutoComplete',
+      options: [
+        {
+          label: { primary: 'Έχω συνάχι' },
+          value: 'runny-nose',
+        },
+        {
+          label: { primary: 'Έχω πυρετό' },
+          value: 'fever',
+        },
+        {
+          label: { primary: 'Αισθάνομαι κούραση' },
+          value: 'fatigue',
+        },
+      ],
     },
-    {
-      key: 'radio',
-      type: 'choice:single',
-      required: true,
-      label: { primary: 'Πώς αισθάνεστε αυτή τη στιγμή;' },
-      extra: {
-        options: [
-          {
-            label: { primary: 'Έχω συνάχι' },
-            value: 'runny-nose',
-          },
-          {
-            label: { primary: 'Έχω πυρετό' },
-            value: 'fever',
-          },
-          {
-            label: { primary: 'Αισθάνομαι κούραση' },
-            value: 'fatigue',
-          },
-        ],
-      }
+  },
+  {
+    key: 'radio',
+    type: 'choice:single',
+    required: true,
+    label: { primary: 'Πώς αισθάνεστε αυτή τη στιγμή;' },
+    extra: {
+      options: [
+        {
+          label: { primary: 'Έχω συνάχι' },
+          value: 'runny-nose',
+        },
+        {
+          label: { primary: 'Έχω πυρετό' },
+          value: 'fever',
+        },
+        {
+          label: { primary: 'Αισθάνομαι κούραση' },
+          value: 'fatigue',
+        },
+      ],
     },
-    {
-      key: 'select',
-      type: 'choice:single',
-      required: true,
-      label: { primary: 'Πώς αισθάνεστε αυτή τη στιγμή;' },
-      extra: {
-        component: 'Select',
-        options: [
-          {
-            label: { primary: '' },
-            value: '',
-          },
-          {
-            label: { primary: 'Έχω συνάχι' },
-            value: 'runny-nose',
-          },
-          {
-            label: { primary: 'Έχω πυρετό' },
-            value: 'fever',
-          },
-          {
-            label: { primary: 'Αισθάνομαι κούραση' },
-            value: 'fatigue',
-          },
-        ],
-      }
+  },
+  {
+    key: 'select',
+    type: 'choice:single',
+    required: true,
+    label: { primary: 'Πώς αισθάνεστε αυτή τη στιγμή;' },
+    extra: {
+      component: 'Select',
+      options: [
+        {
+          label: { primary: '' },
+          value: '',
+        },
+        {
+          label: { primary: 'Έχω συνάχι' },
+          value: 'runny-nose',
+        },
+        {
+          label: { primary: 'Έχω πυρετό' },
+          value: 'fever',
+        },
+        {
+          label: { primary: 'Αισθάνομαι κούραση' },
+          value: 'fatigue',
+        },
+      ],
     },
-    {
-      key: 'autocomplete_single',
-      required: true,
-      type: 'choice:single',
-      label: { primary: 'Πώς αισθάνεστε αυτή τη στιγμή;' },
-      extra: {
-        component: 'AutoComplete',
-        options: [
-          {
-            label: { primary: 'Έχω συνάχι' },
-            value: 'runny-nose',
-          },
-          {
-            label: { primary: 'Έχω πυρετό' },
-            value: 'fever',
-          },
-          {
-            label: { primary: 'Αισθάνομαι κούραση' },
-            value: 'fatigue',
-          },
-        ],
-      },
+  },
+  {
+    key: 'autocomplete_single',
+    required: true,
+    type: 'choice:single',
+    label: { primary: 'Πώς αισθάνεστε αυτή τη στιγμή;' },
+    extra: {
+      component: 'AutoComplete',
+      options: [
+        {
+          label: { primary: 'Έχω συνάχι' },
+          value: 'runny-nose',
+        },
+        {
+          label: { primary: 'Έχω πυρετό' },
+          value: 'fever',
+        },
+        {
+          label: { primary: 'Αισθάνομαι κούραση' },
+          value: 'fatigue',
+        },
+      ],
     },
-    {
-      key: 'image',
-      type: 'image',
-      required: true,
-      label: {
-        primary: 'Ανεβάστε τη φωτογραφία του προστίμου',
-      },
+  },
+  {
+    key: 'image',
+    type: 'image',
+    required: true,
+    label: {
+      primary: 'Ανεβάστε τη φωτογραφία του προστίμου',
     },
-    {
-      key: 'file',
-      type: 'file',
-      label: {
-        primary: 'Ανεβάστε το αρχείο της απόδειξης',
-      },
-      required: true,
+  },
+  {
+    key: 'file',
+    type: 'file',
+    label: {
+      primary: 'Ανεβάστε το αρχείο της απόδειξης',
     },
-  ]
+    required: true,
+  },
+];
 
 export const scenarios = [
   {
@@ -167,7 +165,7 @@ export const scenarios = [
         value: {
           day: '22',
           month: '11',
-          year: '2020'
+          year: '2020',
         },
       },
       {
@@ -179,31 +177,27 @@ export const scenarios = [
           '3': '4',
           '4': '4',
           '5': '4',
-        }
+        },
       },
       {
         fieldKey: 'checkbox',
-        value: [
-          'fever', 'fatigue'
-        ]
+        value: ['fever', 'fatigue'],
       },
       {
         fieldKey: 'autocomplete_multiple',
-        value: [
-          'fever', 'fatigue'
-        ]
+        value: ['fever', 'fatigue'],
       },
       {
         fieldKey: 'radio',
-        value: 'fever'
+        value: 'fever',
       },
       {
         fieldKey: 'select',
-        value: 'fatigue'
+        value: 'fatigue',
       },
       {
         fieldKey: 'autocomplete_single',
-        value: 'fatigue'
+        value: 'fatigue',
       },
       {
         fieldKey: 'image',
@@ -211,15 +205,15 @@ export const scenarios = [
           fileName: 'green_image.png',
           width: 500,
           height: 500,
-          size: 3
-        }
+          size: 3,
+        },
       },
       {
         fieldKey: 'file',
         value: {
           fileName: 'file.txt',
-          size: 200
-        }
+          size: 200,
+        },
       },
     ],
     expect: [
@@ -232,7 +226,7 @@ export const scenarios = [
         type: 'success',
         fieldKey: 'otp',
         args: {
-          'maxLength': 6
+          maxLength: 6,
         },
         text: el.form.error.otp.less_than,
       },
@@ -271,7 +265,7 @@ export const scenarios = [
         fieldKey: 'file',
         text: el.form.error.required,
       },
-    ]
+    ],
   },
   {
     title: 'empty fill for inputs',
@@ -324,7 +318,7 @@ export const scenarios = [
         fieldKey: 'file',
         text: el.form.error.required,
       },
-    ]
+    ],
   },
   {
     title: 'incorrect types for DateInput and OtpInput',
@@ -336,8 +330,7 @@ export const scenarios = [
         required: true,
         label: {
           primary: 'Ποιά είναι η ημερομηνία γέννησής σας;',
-          secondary:
-            'Για παράδειγμα, 05 11 2020',
+          secondary: 'Για παράδειγμα, 05 11 2020',
         },
       },
       {
@@ -356,7 +349,7 @@ export const scenarios = [
         value: {
           day: 'a2',
           month: '11',
-          year: '2020'
+          year: '2020',
         },
       },
       {
@@ -368,7 +361,7 @@ export const scenarios = [
           '3': '4',
           '4': '4',
           '5': '4',
-        }
+        },
       },
     ],
     expect: [
@@ -381,11 +374,11 @@ export const scenarios = [
         type: 'error',
         fieldKey: 'otp',
         args: {
-          'maxLength': 6
+          maxLength: 6,
         },
         text: el.form.error.otp.less_than,
       },
-    ]
+    ],
   },
   {
     title: 'wrong sizes for ImageInput and FileInput',
@@ -423,15 +416,15 @@ export const scenarios = [
         fieldKey: 'image',
         value: {
           fileName: 'green_image.png',
-          size: 300
-        }
+          size: 300,
+        },
       },
       {
         fieldKey: 'file',
         value: {
           fileName: 'file.txt',
-          size: 200
-        }
+          size: 200,
+        },
       },
     ],
     expect: [
@@ -439,7 +432,7 @@ export const scenarios = [
         type: 'error',
         fieldKey: 'image',
         args: {
-          maxSizeToMb: 0.0003
+          maxSize: 0.0003,
         },
         text: el.form.error.file_size,
       },
@@ -447,11 +440,11 @@ export const scenarios = [
         type: 'error',
         fieldKey: 'file',
         args: {
-          maxSizeToMb: 0.0003
+          maxSize: 0.0003,
         },
         text: el.form.error.file_size,
       },
-    ]
+    ],
   },
   {
     title: 'wrong dimensions for ImageInput',
@@ -480,8 +473,8 @@ export const scenarios = [
         value: {
           fileName: 'green_image.png',
           width: 500,
-          height: 500
-        }
+          height: 500,
+        },
       },
     ],
     expect: [
@@ -496,8 +489,8 @@ export const scenarios = [
         },
         text: el.form.error.image.image_dimension_size,
       },
-    ]
+    ],
   },
-]
+];
 
-export default scenarios;
+export default scenarios;

package/src/installation.mdx

@@ -7,12 +7,9 @@ sidebar_label: Installation
 import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
 import CodeBlock from '@theme/CodeBlock';
-import LeadText from '@site/src/components/LeadText';
 
-<LeadText>
-  This page will help you install Digigov Form depending on the framework that
-  you use and the application architecture.
-</LeadText>
+This page will help you install Digigov Form depending on the framework that
+you use and the application architecture.
 
 We assume that your stack uses some of the following tools.