diff --git a/.eslintrc.js b/.eslintrc.js
new file mode 100644
index 00000000..70e88db6
--- /dev/null
+++ b/.eslintrc.js
@@ -0,0 +1,33 @@
+module.exports = {
+  env: {
+    browser: true,
+    es2021: true,
+  },
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:react/recommended',
+    'plugin:react/jsx-runtime',
+  ],
+  overrides: [
+    {
+      env: {
+        node: true,
+      },
+      files: ['.eslintrc.{js,cjs}'],
+      parserOptions: {
+        sourceType: 'script',
+      },
+    },
+  ],
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    ecmaVersion: 'latest',
+    sourceType: 'module',
+  },
+  plugins: ['@typescript-eslint', 'react'],
+  rules: {
+    '@typescript-eslint/no-explicit-any': 'warn',
+    'no-extra-semi': 'warn',
+  },
+}
diff --git a/e2e/vite_example/src/App.tsx b/e2e/vite_example/src/App.tsx
index e9107086..0c29c08e 100644
--- a/e2e/vite_example/src/App.tsx
+++ b/e2e/vite_example/src/App.tsx
@@ -150,6 +150,7 @@ function App() {
               },
               forms: {
                 GMI: RequiredFieldsForm,
+                GMIAllRequired: RequiredFieldsForm,
               },
               itemsColumn: {
                 Container: () => {
diff --git a/guillotina_example/guillotina_react_app/guillotina_react_app/__init__.py b/guillotina_example/guillotina_react_app/guillotina_react_app/__init__.py
index 22b8cfb0..e05493c9 100644
--- a/guillotina_example/guillotina_react_app/guillotina_react_app/__init__.py
+++ b/guillotina_example/guillotina_react_app/guillotina_react_app/__init__.py
@@ -22,4 +22,5 @@ def includeme(root):
     configure.scan("guillotina_react_app.vocabularies")
     configure.scan("guillotina_react_app.gmi")
     configure.scan("guillotina_react_app.gmi_behaviors")
+    configure.scan("guillotina_react_app.gmi_required")
     configure.scan("guillotina_react_app.workflow")
diff --git a/guillotina_example/guillotina_react_app/guillotina_react_app/gmi/interface.py b/guillotina_example/guillotina_react_app/guillotina_react_app/gmi/interface.py
index d09872a1..a9bc1958 100644
--- a/guillotina_example/guillotina_react_app/guillotina_react_app/gmi/interface.py
+++ b/guillotina_example/guillotina_react_app/guillotina_react_app/gmi/interface.py
@@ -10,8 +10,23 @@
         "type": "object", 
         "properties": {
             "items": {
-                "type": "array"
-            }
+                "type": "array",
+                "title": "Array in json"
+            },
+            "text": {
+                "type": "string", 
+                "title": "Text in json"
+            },
+            "second_level": {
+                "type": "object",
+                "title": "Two levels",
+                "properties": {
+                    "first_item_second_level": {
+                        "type": "string",
+                        "title": "Item second level text",
+                    },
+                },
+            },
         }
     }
 )
@@ -25,6 +40,9 @@ class IGMI(interfaces.IFolder):
     index_field("text_field", type="searchabletext")
     text_field = schema.Text(title="Text field", required=False)
 
+    index_field("textarea_field", type="searchabletext")
+    textarea_field = schema.Text(title="Text area field", required=False, widget="textarea")
+
 
     text_line_field = schema.TextLine(title="Text line field")
     index_field("number_field", type="int")
diff --git a/guillotina_example/guillotina_react_app/guillotina_react_app/gmi_required/__init__.py b/guillotina_example/guillotina_react_app/guillotina_react_app/gmi_required/__init__.py
new file mode 100644
index 00000000..556bc24f
--- /dev/null
+++ b/guillotina_example/guillotina_react_app/guillotina_react_app/gmi_required/__init__.py
@@ -0,0 +1,2 @@
+from . import content
+from . import interface
\ No newline at end of file
diff --git a/guillotina_example/guillotina_react_app/guillotina_react_app/gmi_required/content.py b/guillotina_example/guillotina_react_app/guillotina_react_app/gmi_required/content.py
new file mode 100644
index 00000000..fc6f5ceb
--- /dev/null
+++ b/guillotina_example/guillotina_react_app/guillotina_react_app/gmi_required/content.py
@@ -0,0 +1,18 @@
+from guillotina import configure
+from guillotina import content
+from guillotina_react_app.gmi_required.interface import IGMIAllRequired
+
+@configure.contenttype(
+    type_name="GMIAllRequired",
+    schema=IGMIAllRequired,
+    behaviors=[
+        "guillotina.behaviors.dublincore.IDublinCore",
+        "guillotina.behaviors.attachment.IAttachment",
+        "guillotina.contrib.image.behaviors.IImageAttachment",
+        "guillotina.contrib.workflows.interfaces.IWorkflowBehavior",
+        "guillotina.contrib.image.behaviors.IMultiImageOrderedAttachment",
+    ],
+    add_permission="guillotina.AddContent"
+)
+class GMIAllRequired(content.Folder):
+    pass
\ No newline at end of file
diff --git a/guillotina_example/guillotina_react_app/guillotina_react_app/gmi_required/interface.py b/guillotina_example/guillotina_react_app/guillotina_react_app/gmi_required/interface.py
new file mode 100644
index 00000000..a121cd84
--- /dev/null
+++ b/guillotina_example/guillotina_react_app/guillotina_react_app/gmi_required/interface.py
@@ -0,0 +1,119 @@
+import json
+from guillotina import interfaces
+from guillotina import schema
+from guillotina.directives import index_field
+from guillotina.fields import CloudFileField
+
+JSON_EXAMPLE_SCHEMA = json.dumps(
+    {
+        "title": "My Json Field",
+        "type": "object", 
+        "properties": {
+            "items": {
+                "type": "array",
+                "title": "Array in json"
+            },
+            "text": {
+                "type": "string", 
+                "title": "Text in json"
+            },
+            "second_level": {
+                "type": "object",
+                "title": "Two levels",
+                "properties": {
+                    "first_item_second_level": {
+                        "type": "string",
+                        "title": "Item second level text",
+                    },
+                },
+            },
+        }
+    }
+)
+class IGMIAllRequired(interfaces.IFolder):
+
+    json_example = schema.JSONField(schema=JSON_EXAMPLE_SCHEMA, required=False)
+
+    index_field("text_richtext_field", type="searchabletext")
+    text_richtext_field = schema.Text(title="Text richtext field", required=True, widget="richtext")
+
+    index_field("text_field", type="searchabletext")
+    text_field = schema.Text(title="Text field", required=True)
+
+    index_field("textarea_field", type="searchabletext")
+    textarea_field = schema.Text(title="Text area field", required=True, widget="textarea")
+
+
+    text_line_field = schema.TextLine(title="Text line field", required=True)
+    index_field("number_field", type="int")
+    number_field = schema.Int(title="Number field", required=True)
+    index_field("boolean_field", type="boolean")
+    boolean_field = schema.Bool(title="Boolean field")
+    cloud_file_field = CloudFileField(title="Cloud file field")
+    list_field = schema.List(title="List field", value_type=schema.TextLine(), missing_value=[], required=True)
+    
+    index_field("datetime_field", type="date")
+    datetime_field = schema.Datetime(title="Datetime field", required=True)
+
+    index_field("time_field", type="text")
+    time_field = schema.Time(title="Time field", required=True)
+
+    index_field("date_field", type="date")
+    date_field = schema.Date(title="Date field", required=True)
+
+    index_field("choice_field_vocabulary", type="keyword")
+    choice_field_vocabulary = schema.Choice(
+        title="Choice field vocabulary",
+        vocabulary="gmi_vocabulary",
+        required=True
+    )
+
+    index_field("choice_field", type="keyword")
+    choice_field = schema.Choice(
+        title="Choice field",
+        values=["date", "integer", "text", "float", "keyword", "boolean"],
+        required=True,
+    )
+
+    index_field("multiple_choice_field", type="keyword")
+    multiple_choice_field = schema.List(
+        title="Multiple choice field", 
+        value_type=schema.Choice(
+            title="Choice field",
+            values=["date", "integer", "text", "float", "keyword", "boolean"],
+        ), 
+        missing_value=[],
+        required=True
+    )
+
+    index_field("multiple_choice_field_vocabulary", type="keyword")
+    multiple_choice_field_vocabulary = schema.List(
+        title="Multiple choice field vocabulary", 
+        value_type=schema.Choice(
+            title="Choice field vocabulary",
+            vocabulary="gmi_vocabulary",
+            required=True,
+        ), 
+        missing_value=[],
+        required=True
+    )
+
+    gmi_ids = schema.List(
+        title="GMI list",
+        value_type=schema.TextLine(),
+        default=[],
+        null=True,
+        blank=True,
+        widget="search_list",
+        labelProperty="title",
+        typeNameQuery="GMI",
+        required=True
+    )
+
+    brother_gmi = schema.Text(
+        title="Brother GMI", 
+        widget="search",
+        typeNameQuery="GMI",
+        labelProperty="title",
+        required=True
+    )
diff --git a/package.json b/package.json
index b1c00ca5..cf24a291 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "version": "0.27.0",
+  "version": "0.28.0",
   "repository": {
     "type": "git",
     "url": "git@github.com:guillotinaweb/guillotina_react.git"
@@ -7,7 +7,7 @@
   "files": [
     "dist"
   ],
-  "source": "./src/guillo-gmi/index.js",
+  "source": "./src/guillo-gmi/index.ts",
   "main": "./dist/react-gmi.js",
   "exports": "./dist/react-gmi.modern.js",
   "types": "./dist/index.d.ts",
@@ -31,32 +31,39 @@
     "@babel/cli": "7.12.10",
     "@babel/core": "7.12.10",
     "@formatjs/cli": "^6.2.4",
+    "@formatjs/ts-transformer": "^3.13.11",
     "@testing-library/jest-dom": "5.11.6",
     "@testing-library/react": "11.2.2",
     "@testing-library/user-event": "12.6.0",
+    "@typescript-eslint/eslint-plugin": "^6.18.1",
+    "@typescript-eslint/parser": "^6.18.1",
     "babel-plugin-formatjs": "^10.5.10",
+    "eslint": "^8.56.0",
+    "eslint-plugin-react": "^7.33.2",
     "husky": "4.3.6",
     "microbundle": "0.13.0",
     "prettier": "2.2.1",
     "sass": "1.69.5",
     "serialize-javascript": "5.0.1",
-    "vitest": "^0.34.6"
+    "typescript": "^5.3.3",
+    "vitest": "^0.34.6",
+    "@types/react-beautiful-dnd": "13.1.8"
   },
   "scripts": {
-    "format": "prettier --write \"src/**/*.js\"",
+    "format": "prettier --write \"src/**/*.{js,ts,tsx}\"",
     "format:tests": "prettier --write \"e2e/cypress/**/*.js\"",
     "format:check": "prettier --check \"src/**/*.js\"",
     "build": "yarn build:js && yarn build:css",
     "build:js": "rm -rf ./dist && microbundle --jsx React.createElement --no-compress --sourcemap",
-    "build:css": "rm -rf ./dist/css && mkdir ./dist/css && sass ./src/guillo-gmi/scss/styles.sass ./dist/css/style.css",
+    "build:css": "rm -rf ./dist/css && mkdir -p ./dist/css && sass ./src/guillo-gmi/scss/styles.sass ./dist/css/style.css",
     "prepublish": "yarn build",
     "test": "vitest run",
+    "lint": "eslint src",
     "intl-extract": "formatjs extract 'src/**/*.js' --out-file src/guillo-gmi/locales/en.json --id-interpolation-pattern '[sha512:contenthash:base64:6]'",
     "intl-compile-en": "formatjs compile src/guillo-gmi/locales/en.json --ast --out-file src/guillo-gmi/locales/compiled/en.json",
     "intl-compile-ca": "formatjs compile src/guillo-gmi/locales/ca.json --ast --out-file src/guillo-gmi/locales/compiled/ca.json",
     "intl-compile-es": "formatjs compile src/guillo-gmi/locales/es.json --ast --out-file src/guillo-gmi/locales/compiled/es.json",
     "intl-compile": "npm run intl-compile-en && npm run intl-compile-es && npm run intl-compile-ca"
-
   },
   "eslintConfig": {
     "extends": "react-app"
diff --git a/src/guillo-gmi/actions/add_item.js b/src/guillo-gmi/actions/add_item.tsx
similarity index 93%
rename from src/guillo-gmi/actions/add_item.js
rename to src/guillo-gmi/actions/add_item.tsx
index 1da5b259..aeec658b 100644
--- a/src/guillo-gmi/actions/add_item.js
+++ b/src/guillo-gmi/actions/add_item.tsx
@@ -1,9 +1,12 @@
-import React from 'react'
 import { useTraversal } from '../contexts'
 import { Modal } from '../components/modal'
 import { useCrudContext } from '../hooks/useCrudContext'
 
-export function AddItem(props) {
+interface Props {
+  type: string
+}
+
+export function AddItem(props: Props) {
   const Ctx = useTraversal()
   const { post, loading } = useCrudContext()
   const { type } = props
diff --git a/src/guillo-gmi/actions/change_pass.js b/src/guillo-gmi/actions/change_pass.tsx
similarity index 80%
rename from src/guillo-gmi/actions/change_pass.js
rename to src/guillo-gmi/actions/change_pass.tsx
index 6a50098a..1dbb0928 100644
--- a/src/guillo-gmi/actions/change_pass.js
+++ b/src/guillo-gmi/actions/change_pass.tsx
@@ -1,30 +1,28 @@
-import React from 'react'
 import { useTraversal } from '../contexts'
 import { Modal } from '../components/modal'
 import { useCrudContext } from '../hooks/useCrudContext'
 import { Input } from '../components/input/input'
 import { Button } from '../components/input/button'
 import { Form } from '../components/input/form'
+import { useState } from 'react'
 
 const initial = {
   pass1: '',
   pass2: '',
 }
 
-export function ChangePassword(props) {
-  const [state, setState] = React.useState(initial)
-  const [perror, setPerror] = React.useState(undefined)
+export function ChangePassword() {
+  const [state, setState] = useState(initial)
+  const [perror, setPerror] = useState(undefined)
 
   const Ctx = useTraversal()
   const { patch } = useCrudContext()
 
-  // const Form = getForm(type)
-
   const setActive = () => {
     Ctx.cancelAction()
   }
 
-  async function doSubmit(data) {
+  async function doSubmit() {
     if (state.pass1 === '') {
       setPerror('provide a password')
       return
@@ -37,7 +35,7 @@ export function ChangePassword(props) {
 
     setPerror(undefined)
 
-    let form = {
+    const form = {
       password: state.pass1,
     }
 
@@ -53,7 +51,7 @@ export function ChangePassword(props) {
   }
 
   const setPass = (field) => (val) => {
-    let n = {}
+    const n = {}
     n[field] = val
     setState((state) => ({ ...state, ...n }))
     setPerror(undefined)
@@ -61,12 +59,7 @@ export function ChangePassword(props) {
 
   return (
     <Modal isActive={true} setActive={setActive}>
-      <Form
-        onSubmit={doSubmit}
-        onError={(err) => console.log(err)}
-        actionName={'Change'}
-        title={'Change Password'}
-      >
+      <Form onSubmit={doSubmit} title="Change Password">
         {perror && (
           <div className="notification is-danger is-size-7">
             <button className="delete"></button>
diff --git a/src/guillo-gmi/actions/copy_item.js b/src/guillo-gmi/actions/copy_item.tsx
similarity index 86%
rename from src/guillo-gmi/actions/copy_item.js
rename to src/guillo-gmi/actions/copy_item.tsx
index db94007e..38553e8e 100644
--- a/src/guillo-gmi/actions/copy_item.js
+++ b/src/guillo-gmi/actions/copy_item.tsx
@@ -1,10 +1,15 @@
-import React from 'react'
+import { Fragment } from 'react'
 import { PathTree } from '../components/modal'
 import { useTraversal } from '../contexts'
 import { useCrudContext } from '../hooks/useCrudContext'
 import { getNewId } from '../lib/utils'
+import { ItemModel } from '../models'
 
-export function CopyItem(props) {
+interface Props {
+  item: ItemModel
+}
+
+export function CopyItem(props: Props) {
   const Ctx = useTraversal()
   const { post } = useCrudContext()
   const { item } = props
@@ -35,7 +40,7 @@ export function CopyItem(props) {
       onConfirm={copyItem}
       onCancel={() => Ctx.cancelAction()}
     >
-      <React.Fragment>
+      <Fragment>
         <small style={{ display: 'block', marginTop: 20 }}>
           {`New id for "${item['@name']}" copy`}
         </small>
@@ -45,7 +50,7 @@ export function CopyItem(props) {
           data-test={`inputCopyIdTest-${item['@name']}`}
           defaultValue={getNewId(item['@name'])}
         />
-      </React.Fragment>
+      </Fragment>
     </PathTree>
   )
 }
diff --git a/src/guillo-gmi/actions/copy_items.js b/src/guillo-gmi/actions/copy_items.tsx
similarity index 87%
rename from src/guillo-gmi/actions/copy_items.js
rename to src/guillo-gmi/actions/copy_items.tsx
index e983730d..d32a7025 100644
--- a/src/guillo-gmi/actions/copy_items.js
+++ b/src/guillo-gmi/actions/copy_items.tsx
@@ -1,10 +1,15 @@
-import React from 'react'
+import { Fragment } from 'react'
 import { PathTree } from '../components/modal'
 import { useTraversal } from '../contexts'
 import { getNewId } from '../lib/utils'
+import { ItemModel } from '../models'
 
 const withError = (res) => res.status >= 300
-export function CopyItems(props) {
+
+interface Props {
+  items: Array<ItemModel>
+}
+export function CopyItems(props: Props) {
   const Ctx = useTraversal()
   const { items = [] } = props
 
@@ -43,7 +48,7 @@ export function CopyItems(props) {
       onCancel={() => Ctx.cancelAction()}
     >
       {items.map((item) => (
-        <React.Fragment key={item.id}>
+        <Fragment key={item.id}>
           <small style={{ display: 'block', marginTop: 20 }}>
             {`New id for "${item.id}" copy`}
           </small>
@@ -53,7 +58,7 @@ export function CopyItems(props) {
             data-test={`inputCopyIdTest-${item['@name']}`}
             defaultValue={getNewId(item.id)}
           />
-        </React.Fragment>
+        </Fragment>
       ))}
       &nbsp;
     </PathTree>
diff --git a/src/guillo-gmi/actions/index.js b/src/guillo-gmi/actions/index.ts
similarity index 100%
rename from src/guillo-gmi/actions/index.js
rename to src/guillo-gmi/actions/index.ts
diff --git a/src/guillo-gmi/actions/move_item.js b/src/guillo-gmi/actions/move_item.tsx
similarity index 89%
rename from src/guillo-gmi/actions/move_item.js
rename to src/guillo-gmi/actions/move_item.tsx
index dba7a55b..c6b02cbb 100644
--- a/src/guillo-gmi/actions/move_item.js
+++ b/src/guillo-gmi/actions/move_item.tsx
@@ -1,10 +1,14 @@
-import React from 'react'
 import { PathTree } from '../components/modal'
 import { useGuillotinaClient, useTraversal } from '../contexts'
 import { useCrudContext } from '../hooks/useCrudContext'
 import { useLocation } from '../hooks/useLocation'
+import { ItemModel } from '../models'
 
-export function MoveItem(props) {
+interface Props {
+  item: ItemModel
+}
+
+export function MoveItem(props: Props) {
   const Ctx = useTraversal()
   const { post } = useCrudContext()
   const [, navigate] = useLocation()
@@ -30,7 +34,6 @@ export function MoveItem(props) {
       Ctx.flash(`Failed to move item!: ${errorMessage}`, 'danger')
     }
 
-    Ctx.refresh()
     Ctx.cancelAction()
   }
 
diff --git a/src/guillo-gmi/actions/move_items.js b/src/guillo-gmi/actions/move_items.tsx
similarity index 88%
rename from src/guillo-gmi/actions/move_items.js
rename to src/guillo-gmi/actions/move_items.tsx
index ff66a1bc..f9a28464 100644
--- a/src/guillo-gmi/actions/move_items.js
+++ b/src/guillo-gmi/actions/move_items.tsx
@@ -1,10 +1,13 @@
-import React from 'react'
 import { PathTree } from '../components/modal'
 import { useTraversal } from '../contexts'
+import { ItemModel } from '../models'
 
 const withError = (res) => res.status >= 300
 
-export function MoveItems(props) {
+interface Props {
+  items: ItemModel[]
+}
+export function MoveItems(props: Props) {
   const Ctx = useTraversal()
   const { items = [] } = props
 
diff --git a/src/guillo-gmi/actions/remove_item.js b/src/guillo-gmi/actions/remove_item.tsx
similarity index 88%
rename from src/guillo-gmi/actions/remove_item.js
rename to src/guillo-gmi/actions/remove_item.tsx
index 333a11c6..c0c86372 100644
--- a/src/guillo-gmi/actions/remove_item.js
+++ b/src/guillo-gmi/actions/remove_item.tsx
@@ -1,10 +1,14 @@
-import React from 'react'
 import { Confirm } from '../components/modal'
 import { useGuillotinaClient, useTraversal } from '../contexts'
 import { useCrudContext } from '../hooks/useCrudContext'
 import { useLocation } from '../hooks/useLocation'
+import { ItemModel } from '../models'
 
-export function RemoveItem(props) {
+interface Props {
+  item: ItemModel
+}
+
+export function RemoveItem(props: Props) {
   const Ctx = useTraversal()
   const { del, loading } = useCrudContext()
   const [, navigate] = useLocation()
@@ -24,7 +28,6 @@ export function RemoveItem(props) {
       Ctx.flash(`Failed to delete item!: ${errorMessage}`, 'danger')
     }
 
-    Ctx.refresh()
     Ctx.cancelAction()
   }
 
diff --git a/src/guillo-gmi/actions/remove_items.js b/src/guillo-gmi/actions/remove_items.tsx
similarity index 86%
rename from src/guillo-gmi/actions/remove_items.js
rename to src/guillo-gmi/actions/remove_items.tsx
index e97bdb88..2acf1043 100644
--- a/src/guillo-gmi/actions/remove_items.js
+++ b/src/guillo-gmi/actions/remove_items.tsx
@@ -1,13 +1,17 @@
-import React from 'react'
 import { Confirm } from '../components/modal'
 import { useTraversal } from '../contexts'
 import { sleep } from '../lib/helpers'
 import { useConfig } from '../hooks/useConfig'
+import { ItemModel } from '../models'
+import { useState } from 'react'
 
-export function RemoveItems(props) {
+interface Props {
+  items: ItemModel[]
+}
+export function RemoveItems(props: Props) {
   const Ctx = useTraversal()
   const cfg = useConfig()
-  const [loading, setLoading] = React.useState(false)
+  const [loading, setLoading] = useState(false)
   const { items = [] } = props
   const last = items[items.length - 1]['@name']
   const itemsNames = items
@@ -16,7 +20,7 @@ export function RemoveItems(props) {
     .replace(`, ${last}`, ` and ${last}`)
 
   async function removeItems() {
-    let errors = []
+    const errors = []
     setLoading(true)
 
     const actions = items.map(async (item) => {
diff --git a/src/guillo-gmi/components/Link.js b/src/guillo-gmi/components/Link.tsx
similarity index 68%
rename from src/guillo-gmi/components/Link.js
rename to src/guillo-gmi/components/Link.tsx
index 3a62f538..57f30e9c 100644
--- a/src/guillo-gmi/components/Link.js
+++ b/src/guillo-gmi/components/Link.tsx
@@ -1,7 +1,14 @@
-import React from 'react'
 import { useLocation } from '../hooks/useLocation'
+import { ItemModel } from '../models'
 
-export function Link({ aRef, model, children, ...props }) {
+interface Props {
+  aRef?: React.Ref<HTMLAnchorElement>
+  model: ItemModel
+  children: React.ReactNode
+  onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void
+}
+
+export function Link({ aRef, model, children, ...props }: Props) {
   const [path, navigate] = useLocation()
   const aStyle = { textDecoration: 'none', color: 'currentColor' }
 
@@ -15,7 +22,6 @@ export function Link({ aRef, model, children, ...props }) {
 
   return (
     <a
-      {...props}
       ref={aRef}
       href={`?${path}${model.id}/`}
       style={aStyle}
diff --git a/src/guillo-gmi/components/TdLink.js b/src/guillo-gmi/components/TdLink.js
deleted file mode 100644
index 331ece18..00000000
--- a/src/guillo-gmi/components/TdLink.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import React, { useRef } from 'react'
-import { Link } from './Link'
-
-export function TdLink({ model, children, ...props }) {
-  const link = useRef()
-
-  function onClick() {
-    link.current.click()
-  }
-
-  return (
-    <td {...props} onClick={onClick}>
-      <Link model={model} aRef={link}>
-        {children}
-      </Link>
-    </td>
-  )
-}
diff --git a/src/guillo-gmi/components/TdLink.tsx b/src/guillo-gmi/components/TdLink.tsx
new file mode 100644
index 00000000..a64336ba
--- /dev/null
+++ b/src/guillo-gmi/components/TdLink.tsx
@@ -0,0 +1,27 @@
+import { useRef } from 'react'
+import { Link } from './Link'
+import { ItemModel } from '../models'
+import { IndexSignature } from '../types/global'
+
+interface Props {
+  model: ItemModel
+  children: React.ReactNode
+  style?: IndexSignature
+}
+export function TdLink({ model, children, style = {} }: Props) {
+  const link = useRef<HTMLAnchorElement>()
+
+  function onClick() {
+    if (link && link.current) {
+      link.current.click()
+    }
+  }
+
+  return (
+    <td onClick={onClick} style={style}>
+      <Link model={model} aRef={link}>
+        {children}
+      </Link>
+    </td>
+  )
+}
diff --git a/src/guillo-gmi/components/behavior_view.js b/src/guillo-gmi/components/behavior_view.tsx
similarity index 75%
rename from src/guillo-gmi/components/behavior_view.js
rename to src/guillo-gmi/components/behavior_view.tsx
index 8a673d49..02c48b0a 100644
--- a/src/guillo-gmi/components/behavior_view.js
+++ b/src/guillo-gmi/components/behavior_view.tsx
@@ -1,10 +1,14 @@
-import React from 'react'
 import { useTraversal } from '../contexts'
 import { get } from '../lib/utils'
 import { useIntl } from 'react-intl'
 import { genericMessages } from '../locales/generic_messages'
+import { GuillotinaCommonObject, GuillotinaSchema } from '../types/guillotina'
 
-export function BehaviorsView({ context, schema }) {
+interface Props {
+  context: GuillotinaCommonObject
+  schema: GuillotinaSchema
+}
+export function BehaviorsView({ context, schema }: Props) {
   const Ctx = useTraversal()
   const { getBehavior } = Ctx.registry
 
@@ -23,7 +27,7 @@ export function BehaviorsView({ context, schema }) {
   }
 
   return (
-    <React.Fragment>
+    <>
       {behaviors.map((behavior) => (
         <div className="container" key={behavior}>
           <h3 className="title is-size-6 has-text-grey">{behavior}</h3>
@@ -31,7 +35,7 @@ export function BehaviorsView({ context, schema }) {
           <hr />
         </div>
       ))}
-    </React.Fragment>
+    </>
   )
 }
 
@@ -39,7 +43,7 @@ export function BehaviorNotImplemented() {
   const intl = useIntl()
   return (
     <tr>
-      <td colSpan="3">{intl.formatMessage(genericMessages.not_implemented)}</td>
+      <td colSpan={3}>{intl.formatMessage(genericMessages.not_implemented)}</td>
     </tr>
   )
 }
diff --git a/src/guillo-gmi/components/behaviors/iattachment.js b/src/guillo-gmi/components/behaviors/iattachment.tsx
similarity index 77%
rename from src/guillo-gmi/components/behaviors/iattachment.js
rename to src/guillo-gmi/components/behaviors/iattachment.tsx
index e9d361ce..72e326f8 100644
--- a/src/guillo-gmi/components/behaviors/iattachment.js
+++ b/src/guillo-gmi/components/behaviors/iattachment.tsx
@@ -1,11 +1,23 @@
-import React from 'react'
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
 import { useTraversal } from '../../contexts'
 import { EditableField } from '../fields/editableField'
 import { Table } from '../ui'
 import { useIntl } from 'react-intl'
 import { genericMessages } from '../../locales/generic_messages'
+import {
+  GuillotinaFile,
+  GuillotinaSchemaProperties,
+} from '../../types/guillotina'
+
+interface Props {
+  properties: GuillotinaSchemaProperties
+  values: {
+    file: GuillotinaFile
+  }
+}
 
-export function IAttachment({ properties, values }) {
+export function IAttachment({ properties, values }: Props) {
   const intl = useIntl()
   const Ctx = useTraversal()
   const modifyContent = Ctx.hasPerm('guillotina.ModifyContent')
diff --git a/src/guillo-gmi/components/behaviors/idublincore.js b/src/guillo-gmi/components/behaviors/idublincore.tsx
similarity index 85%
rename from src/guillo-gmi/components/behaviors/idublincore.js
rename to src/guillo-gmi/components/behaviors/idublincore.tsx
index 7c38380f..79d90c6e 100644
--- a/src/guillo-gmi/components/behaviors/idublincore.js
+++ b/src/guillo-gmi/components/behaviors/idublincore.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import { useTraversal } from '../../contexts'
 import { EditableField } from '../fields/editableField'
 import { Table } from '../ui'
@@ -12,7 +12,12 @@ const editableFields = [
   'expiration_date',
 ]
 
-export function IDublinCore({ properties, values }) {
+interface Props {
+  properties: { [key: string]: any }
+  values: { [key: string]: any }
+}
+
+export function IDublinCore({ properties, values }: Props) {
   const intl = useIntl()
   const Ctx = useTraversal()
   const modifyContent = Ctx.hasPerm('guillotina.ModifyContent')
diff --git a/src/guillo-gmi/components/behaviors/iimageattachment.js b/src/guillo-gmi/components/behaviors/iimageattachment.tsx
similarity index 92%
rename from src/guillo-gmi/components/behaviors/iimageattachment.js
rename to src/guillo-gmi/components/behaviors/iimageattachment.tsx
index 3e37e854..64e5e497 100644
--- a/src/guillo-gmi/components/behaviors/iimageattachment.js
+++ b/src/guillo-gmi/components/behaviors/iimageattachment.tsx
@@ -1,4 +1,4 @@
-import React, { useState } from 'react'
+import { useState } from 'react'
 import { useTraversal } from '../../contexts'
 import { EditableField } from '../fields/editableField'
 import { Table } from '../ui'
@@ -6,21 +6,31 @@ import { useConfig } from '../../hooks/useConfig'
 import { Delete } from '../ui'
 import { Button } from '../input/button'
 import { FileUpload } from '../input/upload'
-import { Confirm } from '../../components/modal'
+import { Confirm } from '../modal'
 import { useIntl } from 'react-intl'
 import {
   genericFileMessages,
   genericMessages,
 } from '../../locales/generic_messages'
+import {
+  GuillotinaFile,
+  GuillotinaSchemaProperties,
+} from '../../types/guillotina'
 
 const _sizesImages = ['large', 'preview', 'mini', 'thumb']
 
-export function IImageAttachment({ properties, values }) {
+interface Props {
+  properties: GuillotinaSchemaProperties
+  values: {
+    image: GuillotinaFile
+  }
+}
+export function IImageAttachment({ properties, values }: Props) {
   const intl = useIntl()
   const cfg = useConfig()
   const Ctx = useTraversal()
   const modifyContent = Ctx.hasPerm('guillotina.ModifyContent')
-  const sizesImages = cfg.size_images || _sizesImages
+  const sizesImages = cfg.SizeImages || _sizesImages
   const [file, setFile] = useState(null)
   const [loading, setLoading] = useState(false)
   const [error, setError] = useState(undefined)
diff --git a/src/guillo-gmi/components/behaviors/imultiattachment.js b/src/guillo-gmi/components/behaviors/imultiattachment.tsx
similarity index 88%
rename from src/guillo-gmi/components/behaviors/imultiattachment.js
rename to src/guillo-gmi/components/behaviors/imultiattachment.tsx
index 1c4aee6d..e8c33bee 100644
--- a/src/guillo-gmi/components/behaviors/imultiattachment.js
+++ b/src/guillo-gmi/components/behaviors/imultiattachment.tsx
@@ -1,4 +1,3 @@
-import React from 'react'
 import { Input } from '../input/input'
 import { FileUpload } from '../input/upload'
 import { Button } from '../input/button'
@@ -7,18 +6,31 @@ import { useCrudContext } from '../../hooks/useCrudContext'
 import ErrorZone from '../error_zone'
 import { EditableField } from '../fields/editableField'
 import { Delete } from '../ui'
-import { Confirm } from '../../components/modal'
+import { Confirm } from '../modal'
 import { Table } from '../ui'
 import { useIntl } from 'react-intl'
 import {
   genericFileMessages,
   genericMessages,
 } from '../../locales/generic_messages'
+import { LightFile } from '../../types/global'
+import {
+  GuillotinaFile,
+  GuillotinaSchemaProperties,
+} from '../../types/guillotina'
 
-export function IMultiAttachment({ properties, values }) {
+interface Props {
+  properties: GuillotinaSchemaProperties
+  values: {
+    files: {
+      [key: string]: GuillotinaFile
+    }
+  }
+}
+export function IMultiAttachment({ properties, values }: Props) {
   const intl = useIntl()
   const [fileKey, setFileKey] = useState('')
-  const [file, setFile] = useState()
+  const [file, setFile] = useState<LightFile | undefined>(undefined)
   const [fileKeyToDelete, setFileKeyToDelete] = useState(undefined)
 
   const [loading, setLoading] = useState(false)
@@ -75,13 +87,11 @@ export function IMultiAttachment({ properties, values }) {
         <Confirm
           loading={loading}
           onCancel={() => setFileKeyToDelete(undefined)}
-          onConfirm={() => deleteFile(fileKeyToDelete)}
-          message={
-            (intl.formatMessage(
-              genericFileMessages.confirm_message_delete_file
-            ),
-            { fileKeyToDelete })
-          }
+          onConfirm={() => deleteFile()}
+          message={intl.formatMessage(
+            genericFileMessages.confirm_message_delete_file,
+            { fileKeyToDelete }
+          )}
         />
       )}
 
diff --git a/src/guillo-gmi/components/behaviors/imultiimageattachment.js b/src/guillo-gmi/components/behaviors/imultiimageattachment.tsx
similarity index 90%
rename from src/guillo-gmi/components/behaviors/imultiimageattachment.js
rename to src/guillo-gmi/components/behaviors/imultiimageattachment.tsx
index eda2fb13..dff68d92 100644
--- a/src/guillo-gmi/components/behaviors/imultiimageattachment.js
+++ b/src/guillo-gmi/components/behaviors/imultiimageattachment.tsx
@@ -1,7 +1,7 @@
-import React, { useState } from 'react'
+import { useState } from 'react'
 
 import { Button } from '../input/button'
-import { Confirm } from '../../components/modal'
+import { Confirm } from '../modal'
 import { Delete } from '../ui'
 import { FileUpload } from '../input/upload'
 import { useCrudContext } from '../../hooks/useCrudContext'
@@ -14,10 +14,22 @@ import {
   genericFileMessages,
   genericMessages,
 } from '../../locales/generic_messages'
+import {
+  GuillotinaFile,
+  GuillotinaSchemaProperties,
+} from '../../types/guillotina'
 
 const _sizesImages = ['large', 'preview', 'mini', 'thumb']
 
-export function IMultiImageAttachment({ properties, values }) {
+interface Props {
+  properties: GuillotinaSchemaProperties
+  values: {
+    images: {
+      [key: string]: GuillotinaFile
+    }
+  }
+}
+export function IMultiImageAttachment({ properties, values }: Props) {
   const intl = useIntl()
   const cfg = useConfig()
   const [fileKey, setFileKey] = useState('')
@@ -28,7 +40,7 @@ export function IMultiImageAttachment({ properties, values }) {
   const [error, setError] = useState(undefined)
   const { Ctx } = useCrudContext()
   const modifyContent = Ctx.hasPerm('guillotina.ModifyContent')
-  const sizesImages = cfg.size_images || _sizesImages
+  const sizesImages = cfg.SizeImages || _sizesImages
 
   const uploadFile = async (ev) => {
     ev.preventDefault()
@@ -102,12 +114,10 @@ export function IMultiImageAttachment({ properties, values }) {
           loading={loading}
           onCancel={() => setFileKeyToDelete(undefined)}
           onConfirm={() => deleteFile()}
-          message={
-            (intl.formatMessage(
-              genericFileMessages.confirm_message_delete_file
-            ),
-            { fileKeyToDelete })
-          }
+          message={intl.formatMessage(
+            genericFileMessages.confirm_message_delete_file,
+            { fileKeyToDelete }
+          )}
         />
       )}
 
diff --git a/src/guillo-gmi/components/behaviors/imultiimageorderedattachment.js b/src/guillo-gmi/components/behaviors/imultiimageorderedattachment.tsx
similarity index 86%
rename from src/guillo-gmi/components/behaviors/imultiimageorderedattachment.js
rename to src/guillo-gmi/components/behaviors/imultiimageorderedattachment.tsx
index d4100c5f..24ebfab3 100644
--- a/src/guillo-gmi/components/behaviors/imultiimageorderedattachment.js
+++ b/src/guillo-gmi/components/behaviors/imultiimageorderedattachment.tsx
@@ -1,20 +1,40 @@
 import { Button } from '../input/button'
-import { Confirm } from '../../components/modal'
+import { Confirm } from '../modal'
 import { Delete } from '../ui'
 import { FileUpload } from '../input/upload'
 import { useCrudContext } from '../../hooks/useCrudContext'
 import { EditableField } from '../fields/editableField'
 import { useConfig } from '../../hooks/useConfig'
-import React, { useEffect, useState } from 'react'
-import { DragDropContext, Draggable, Droppable } from 'react-beautiful-dnd'
+import { useEffect, useState } from 'react'
+import {
+  DragDropContext,
+  Draggable,
+  Droppable,
+  DroppableProvided,
+  DroppableStateSnapshot,
+} from 'react-beautiful-dnd'
 import { v4 as uuidv4 } from 'uuid'
 import { defineMessages, useIntl } from 'react-intl'
 import {
   genericFileMessages,
   genericMessages,
 } from '../../locales/generic_messages'
+import {
+  GuillotinaFile,
+  GuillotinaSchemaProperties,
+} from '../../types/guillotina'
 
-const StrictModeDroppable = ({ children, ...props }) => {
+interface StrictModeDroppableProps {
+  children(
+    provided: DroppableProvided,
+    snapshot: DroppableStateSnapshot
+  ): React.ReactElement<HTMLElement>
+  droppableId: string
+}
+const StrictModeDroppable = ({
+  children,
+  droppableId,
+}: StrictModeDroppableProps) => {
   const [enabled, setEnabled] = useState(false)
   useEffect(() => {
     const animation = requestAnimationFrame(() => setEnabled(true))
@@ -26,11 +46,11 @@ const StrictModeDroppable = ({ children, ...props }) => {
   if (!enabled) {
     return null
   }
-  return <Droppable {...props}>{children}</Droppable>
+  return <Droppable droppableId={droppableId}>{children}</Droppable>
 }
 
 const reorder = (list, startIndex, endIndex) => {
-  const result = Array.from(list)
+  const result: string[] = Array.from(list)
   const [removed] = result.splice(startIndex, 1)
   result.splice(endIndex, 0, removed)
 
@@ -48,10 +68,19 @@ const messages = defineMessages({
     defaultMessage: 'Images sorted',
   },
 })
-export function IMultiImageOrderedAttachment({ properties, values }) {
+
+interface Props {
+  properties: GuillotinaSchemaProperties
+  values: {
+    images: GuillotinaFile[]
+  }
+}
+export function IMultiImageOrderedAttachment({ properties, values }: Props) {
   const intl = useIntl()
   const cfg = useConfig()
-  const [sortedList, setSortedList] = useState(Object.keys(values['images']))
+  const [sortedList, setSortedList] = useState<string[]>(
+    Object.keys(values['images'])
+  )
   const [file, setFile] = useState(null)
   const [fileKeyToDelete, setFileKeyToDelete] = useState(undefined)
 
@@ -60,7 +89,7 @@ export function IMultiImageOrderedAttachment({ properties, values }) {
   const { Ctx } = useCrudContext()
   const modifyContent = Ctx.hasPerm('guillotina.ModifyContent')
 
-  const sizesImages = cfg.size_images || _sizesImages
+  const sizesImages = cfg.SizeImages || _sizesImages
 
   async function onDragEnd(result) {
     if (!result.destination) {
@@ -152,18 +181,16 @@ export function IMultiImageOrderedAttachment({ properties, values }) {
   }
 
   return (
-    <React.Fragment>
+    <>
       {fileKeyToDelete && (
         <Confirm
           loading={loading}
           onCancel={() => setFileKeyToDelete(undefined)}
           onConfirm={() => deleteFile()}
-          message={
-            (intl.formatMessage(
-              genericFileMessages.confirm_message_delete_file
-            ),
-            { fileKeyToDelete })
-          }
+          message={intl.formatMessage(
+            genericFileMessages.confirm_message_delete_file,
+            { fileKeyToDelete }
+          )}
         />
       )}
       <section>
@@ -246,6 +273,6 @@ export function IMultiImageOrderedAttachment({ properties, values }) {
           {error && <p className="help is-danger">{error}</p>}
         </section>
       )}
-    </React.Fragment>
+    </>
   )
 }
diff --git a/src/guillo-gmi/components/behaviors/iworkflow.js b/src/guillo-gmi/components/behaviors/iworkflow.tsx
similarity index 94%
rename from src/guillo-gmi/components/behaviors/iworkflow.js
rename to src/guillo-gmi/components/behaviors/iworkflow.tsx
index 0762bdaa..db1aa93d 100644
--- a/src/guillo-gmi/components/behaviors/iworkflow.js
+++ b/src/guillo-gmi/components/behaviors/iworkflow.tsx
@@ -1,9 +1,10 @@
-import React from 'react'
 import { useTraversal } from '../../contexts'
 import { Confirm } from '../modal'
 import { useCrudContext } from '../../hooks/useCrudContext'
 import { ItemModel } from '../../models'
 import { defineMessages, useIntl } from 'react-intl'
+import { useEffect, useState } from 'react'
+
 import { useVocabulary } from '../../hooks/useVocabulary'
 import { get } from '../../lib/utils'
 const messages = defineMessages({
@@ -34,8 +35,8 @@ export function IWorkflow() {
   const Ctx = useTraversal()
   const { post, loading } = useCrudContext()
   const modifyContent = Ctx.hasPerm('guillotina.ModifyContent')
-  const [definition, setDefinition] = React.useState(undefined)
-  const [workflowAction, setWorkflowAction] = React.useState(null)
+  const [definition, setDefinition] = useState(undefined)
+  const [workflowAction, setWorkflowAction] = useState(null)
   const model = new ItemModel(Ctx.context)
   const vocabulary = useVocabulary('workflow_states')
   const currentState =
@@ -49,7 +50,7 @@ export function IWorkflow() {
     setDefinition(workflow)
   }
 
-  React.useEffect(() => {
+  useEffect(() => {
     loadDefinition()
   }, [Ctx.path])
 
@@ -104,7 +105,7 @@ export function IWorkflow() {
   if (definition === undefined) return null
 
   return (
-    <React.Fragment>
+    <>
       {workflowAction && (
         <Confirm
           loading={loading}
@@ -153,6 +154,6 @@ export function IWorkflow() {
           })}
         </div>
       )}
-    </React.Fragment>
+    </>
   )
 }
diff --git a/src/guillo-gmi/components/context_toolbar.js b/src/guillo-gmi/components/context_toolbar.tsx
similarity index 87%
rename from src/guillo-gmi/components/context_toolbar.js
rename to src/guillo-gmi/components/context_toolbar.tsx
index 562ef8de..60d115b0 100644
--- a/src/guillo-gmi/components/context_toolbar.js
+++ b/src/guillo-gmi/components/context_toolbar.tsx
@@ -1,5 +1,4 @@
-import React from 'react'
-import { useEffect } from 'react'
+import { useEffect, useState } from 'react'
 
 import Dropdown from './input/dropdown'
 import useSetState from '../hooks/useSetState'
@@ -12,21 +11,25 @@ import { Select } from './input/select'
 import { useIntl } from 'react-intl'
 import { genericMessages } from '../locales/generic_messages'
 
-/* eslint jsx-a11y/anchor-is-valid: "off" */
+interface State {
+  types?: string[]
+  isActive?: boolean
+}
 const initialState = { types: undefined }
 
 export function CreateButton() {
   const intl = useIntl()
-  const [state, setState] = useSetState(initialState)
+  const [state, setState] = useSetState<State>(initialState)
   const Ctx = useTraversal()
   const Config = useConfig()
   useEffect(() => {
-    ;(async function anyNameFunction() {
+    async function anyNameFunction() {
       const types = await Ctx.client.getTypes(Ctx.path)
       setState({
         types: types.filter((item) => !Config.DisabledTypes.includes(item)),
       })
-    })()
+    }
+    anyNameFunction()
   }, [Ctx.path])
 
   const doAction = (item) => {
@@ -65,14 +68,17 @@ export function CreateButton() {
   )
 }
 
-export function ContextToolbar({ AddButton, ...props }) {
+interface Props {
+  AddButton?: React.FC
+}
+export function ContextToolbar({ AddButton }: Props) {
   const intl = useIntl()
-  const [state, setState] = useSetState(initialState)
+  const [state, setState] = useSetState<State>(initialState)
   const [location, setLocation, del] = useLocation()
   const traversal = useTraversal()
   const Config = useConfig()
   const searchText = location.get('q')
-  const [searchValue, setSearchValue] = React.useState(searchText || '')
+  const [searchValue, setSearchValue] = useState(searchText || '')
 
   useEffect(() => {
     loadTypes()
@@ -104,7 +110,7 @@ export function ContextToolbar({ AddButton, ...props }) {
   }
 
   return (
-    <React.Fragment>
+    <>
       <div className="level-item">
         <form action="" className="form" onSubmit={onSearchQuery}>
           <div className="field has-addons">
@@ -144,13 +150,9 @@ export function ContextToolbar({ AddButton, ...props }) {
       </div>
       {traversal.hasPerm('guillotina.AddContent') && (
         <div className="level-item">
-          {AddButton !== undefined ? (
-            <AddButton />
-          ) : (
-            <CreateButton {...props} />
-          )}
+          {AddButton !== undefined ? <AddButton /> : <CreateButton />}
         </div>
       )}
-    </React.Fragment>
+    </>
   )
 }
diff --git a/src/guillo-gmi/components/error_boundary.js b/src/guillo-gmi/components/error_boundary.tsx
similarity index 63%
rename from src/guillo-gmi/components/error_boundary.js
rename to src/guillo-gmi/components/error_boundary.tsx
index dcfffe1f..ebd71d84 100644
--- a/src/guillo-gmi/components/error_boundary.js
+++ b/src/guillo-gmi/components/error_boundary.tsx
@@ -1,10 +1,17 @@
-import React from 'react'
-import { injectIntl } from 'react-intl'
+import { Component } from 'react'
+import { IntlShape, injectIntl } from 'react-intl'
 
 const style = { color: '#F44336', fontSize: 20, paddingBottom: 20 }
 
-class ErrorBoundaryComponent extends React.Component {
-  state = {}
+class ErrorBoundaryComponent extends Component<
+  { intl: IntlShape; children: React.ReactNode },
+  { hasError: boolean; errorMsg: string; errorStack: string }
+> {
+  state = {
+    hasError: false,
+    errorMsg: '',
+    errorStack: '',
+  }
 
   componentDidCatch(error, errorInfo) {
     this.setState({
@@ -40,4 +47,7 @@ class ErrorBoundaryComponent extends React.Component {
   }
 }
 
-export default injectIntl(ErrorBoundaryComponent)
+export const ErrorBoundary: React.ComponentType<{
+  intl: IntlShape
+  children: React.ReactNode
+}> = injectIntl(ErrorBoundaryComponent)
diff --git a/src/guillo-gmi/components/error_zone.js b/src/guillo-gmi/components/error_zone.tsx
similarity index 68%
rename from src/guillo-gmi/components/error_zone.js
rename to src/guillo-gmi/components/error_zone.tsx
index 6ca27b0e..722c4bda 100644
--- a/src/guillo-gmi/components/error_zone.js
+++ b/src/guillo-gmi/components/error_zone.tsx
@@ -1,8 +1,13 @@
-import React from 'react'
 import PropTypes from 'prop-types'
 import { classnames } from '../lib/helpers'
 
-const ErrorZone = ({ children, id, className }) => {
+interface Props {
+  children: React.ReactNode
+  id?: string
+  className?: string
+}
+
+const ErrorZone = ({ children, id, className = '' }: Props) => {
   return (
     <p className={classnames(['help is-danger', className])} id={id}>
       {children}
diff --git a/src/guillo-gmi/components/fields/downloadField.js b/src/guillo-gmi/components/fields/downloadField.tsx
similarity index 90%
rename from src/guillo-gmi/components/fields/downloadField.js
rename to src/guillo-gmi/components/fields/downloadField.tsx
index faf44f89..b742956c 100644
--- a/src/guillo-gmi/components/fields/downloadField.js
+++ b/src/guillo-gmi/components/fields/downloadField.tsx
@@ -1,9 +1,17 @@
-import * as React from 'react'
 import { useTraversal } from '../../contexts'
 import { useIntl } from 'react-intl'
 import { genericMessages } from '../../locales/generic_messages'
 
-export const DownloadField = ({ value }) => {
+interface DownloadFieldProps {
+  value: {
+    data: {
+      filename: string
+      content_type: string
+    }
+    field: string
+  }
+}
+export const DownloadField = ({ value }: DownloadFieldProps) => {
   const intl = useIntl()
   const Ctx = useTraversal()
   const { data, field } = value
diff --git a/src/guillo-gmi/components/fields/editComponent.js b/src/guillo-gmi/components/fields/editComponent.tsx
similarity index 67%
rename from src/guillo-gmi/components/fields/editComponent.js
rename to src/guillo-gmi/components/fields/editComponent.tsx
index 98108a93..be219cd6 100644
--- a/src/guillo-gmi/components/fields/editComponent.js
+++ b/src/guillo-gmi/components/fields/editComponent.tsx
@@ -1,4 +1,3 @@
-import React from 'react'
 import { Textarea } from '../input/textarea'
 import { Checkbox } from '../input/checkbox'
 import { FileUpload } from '../input/upload'
@@ -10,58 +9,74 @@ import { SelectVocabulary } from '../input/select_vocabulary'
 import { SearchInputList } from '../input/search_input_list'
 import { SearchInput } from '../input/search_input'
 import { useTraversal } from '../../contexts'
+import { Ref, forwardRef } from 'react'
+import { GuillotinaItemsProperty } from '../../types/guillotina'
+import { IndexSignature } from '../../types/global'
 
-export const EditComponent = React.forwardRef(
-  ({ schema, val, setValue, dataTest, className, ...rest }, ref) => {
+interface Props {
+  schema: GuillotinaItemsProperty
+  val: any
+  setValue: (value: any) => void
+  dataTest?: string
+  className?: string
+  placeholder?: string
+  id?: string
+  required?: boolean
+}
+
+export const EditComponent = forwardRef(
+  (
+    {
+      schema,
+      val,
+      setValue,
+      dataTest,
+      className,
+      placeholder,
+      id,
+      required,
+    }: Props,
+    ref
+  ) => {
     const traversal = useTraversal()
 
     if (schema?.widget === 'search_list') {
       return (
-        <React.Fragment>
-          {rest.placeholder && (
-            <label className="label">{rest.placeholder}</label>
-          )}
+        <>
+          {placeholder && <label className="label">{placeholder}</label>}
           <SearchInputList
             value={val || []}
             traversal={traversal}
-            className={className}
             onChange={(ev) => setValue(ev)}
             queryCondition={
               schema?.queryCondition ? schema.queryCondition : 'title__in'
             }
-            dataTest={dataTest}
             path={schema.queryPath}
             labelProperty={
               schema?.labelProperty ? schema.labelProperty : 'title'
             }
             typeNameQuery={schema?.typeNameQuery ? schema.typeNameQuery : null}
-            {...rest}
           />
-        </React.Fragment>
+        </>
       )
     } else if (schema?.widget === 'search') {
       return (
-        <React.Fragment>
-          {rest.placeholder && (
-            <label className="label">{rest.placeholder}</label>
-          )}
+        <>
+          {placeholder && <label className="label">{placeholder}</label>}
           <SearchInput
             value={val}
             traversal={traversal}
-            className={className}
             onChange={(ev) => setValue(ev)}
             queryCondition={
               schema?.queryCondition ? schema.queryCondition : 'title__in'
             }
-            dataTest={dataTest}
             path={schema.queryPath}
             labelProperty={
               schema?.labelProperty ? schema.labelProperty : 'title'
             }
             typeNameQuery={schema?.typeNameQuery ? schema.typeNameQuery : null}
-            {...rest}
           />
-        </React.Fragment>
+        </>
       )
     } else if (schema?.widget === 'textarea' || schema?.widget === 'richtext') {
       return (
@@ -69,20 +84,19 @@ export const EditComponent = React.forwardRef(
           value={val || ''}
           className={className}
           onChange={(ev) => setValue(ev)}
-          ref={ref}
+          ref={ref as Ref<HTMLTextAreaElement>}
           dataTest={dataTest}
-          {...rest}
+          placeholder={placeholder}
+          id={id}
         />
       )
     } else if (schema?.type === 'boolean') {
       return (
         <Checkbox
-          value={!!val}
+          checked={Boolean(val)}
           className={className}
           onChange={(ev) => setValue(ev)}
-          ref={ref}
           dataTest={dataTest}
-          {...rest}
         />
       )
     } else if (schema?.type === 'array') {
@@ -95,9 +109,10 @@ export const EditComponent = React.forwardRef(
               className={className}
               classWrap="is-fullwidth"
               dataTest={dataTest}
-              {...rest}
               onChange={setValue}
               multiple
+              placeholder={placeholder}
+              id={id}
             />
           )
         } else if (schema?.items?.vocabulary) {
@@ -115,25 +130,23 @@ export const EditComponent = React.forwardRef(
               })}
               multiple
               onChange={setValue}
-              {...rest}
+              placeholder={placeholder}
+              id={id}
             />
           )
         }
       }
       return (
-        <React.Fragment>
-          {rest.placeholder && (
-            <label className="label">{rest.placeholder}</label>
-          )}
+        <>
+          {placeholder && <label className="label">{placeholder}</label>}
           <InputList
             value={val || []}
             className={className}
             onChange={(ev) => setValue(ev)}
-            ref={ref}
+            ref={ref as Ref<HTMLInputElement>}
             dataTest={dataTest}
-            {...rest}
           />
-        </React.Fragment>
+        </>
       )
     } else if (schema?.widget === 'file') {
       return (
@@ -141,7 +154,6 @@ export const EditComponent = React.forwardRef(
           onChange={(ev) => setValue(ev)}
           label={get(val, 'filename', null)}
           dataTest={dataTest}
-          {...rest}
         />
       )
     } else if (schema?.widget === 'select' && schema.type === 'string') {
@@ -155,7 +167,8 @@ export const EditComponent = React.forwardRef(
             dataTest={dataTest}
             onChange={setValue}
             vocabularyName={get(schema, 'vocabularyName', null)}
-            {...rest}
+            placeholder={placeholder}
+            id={id}
           />
         )
       }
@@ -174,9 +187,35 @@ export const EditComponent = React.forwardRef(
             }
           })}
           onChange={setValue}
-          {...rest}
+          placeholder={placeholder}
+          id={id}
         />
       )
+    } else if (schema?.type === 'object' && schema.widget !== 'file') {
+      const value = val as IndexSignature
+      return (
+        <>
+          {schema.title && <h4 className="subtitle mt-2">{schema.title}</h4>}
+          {Object.keys(get(schema, 'properties', {})).map((key) => {
+            const subSchema = get(schema, 'properties', {})[key]
+            const requiredFields: string[] = get(schema, 'required', [])
+            return (
+              <EditComponent
+                key={`${id}[${key}]`}
+                id={`${id}[${key}]`}
+                schema={subSchema}
+                val={value && key in value ? value[key] : ''}
+                placeholder={subSchema?.title ?? ''}
+                required={requiredFields.includes(key)}
+                setValue={(ev) => {
+                  setValue({ ...value, [key]: ev })
+                }}
+                dataTest={`${key}TestInput`}
+              />
+            )
+          })}
+        </>
+      )
     }
     const getInputType = () => {
       switch (schema?.type) {
@@ -186,6 +225,8 @@ export const EditComponent = React.forwardRef(
           return 'date'
         case 'datetime':
           return 'datetime-local'
+        case 'time':
+          return 'time'
         default:
           return 'text'
       }
@@ -196,9 +237,11 @@ export const EditComponent = React.forwardRef(
         className={className}
         dataTest={dataTest}
         onChange={(ev) => setValue(ev)}
-        ref={ref}
+        ref={ref as Ref<HTMLInputElement>}
         type={getInputType()}
-        {...rest}
+        required={required}
+        placeholder={placeholder}
+        id={id}
       />
     )
   }
diff --git a/src/guillo-gmi/components/fields/editableField.js b/src/guillo-gmi/components/fields/editableField.tsx
similarity index 96%
rename from src/guillo-gmi/components/fields/editableField.js
rename to src/guillo-gmi/components/fields/editableField.tsx
index 5e63b7bb..c2f50ca7 100644
--- a/src/guillo-gmi/components/fields/editableField.js
+++ b/src/guillo-gmi/components/fields/editableField.tsx
@@ -1,4 +1,3 @@
-import React from 'react'
 import { Button } from '../input/button'
 import { useCrudContext } from '../../hooks/useCrudContext'
 import { useConfig } from '../../hooks/useConfig'
@@ -13,6 +12,15 @@ import {
   genericMessages,
 } from '../../locales/generic_messages'
 
+interface Props {
+  field: string
+  value: any
+  ns?: string
+  schema?: any
+  modifyContent?: boolean
+  required?: boolean
+}
+
 export function EditableField({
   field,
   value,
@@ -20,9 +28,9 @@ export function EditableField({
   schema = undefined,
   modifyContent,
   required,
-}) {
+}: Props) {
   const intl = useIntl()
-  const ref = useRef()
+  const ref = useRef<HTMLElement>()
   const [isEdit, setEdit] = useState(false)
   const [val, setValue] = useState(value)
   const { patch, loading, Ctx } = useCrudContext()
@@ -134,7 +142,7 @@ export function EditableField({
   }
 
   return (
-    <React.Fragment>
+    <>
       {!isEdit && (
         <div
           className={canModified ? 'editable' : ''}
@@ -198,6 +206,6 @@ export function EditableField({
           </div>
         </div>
       )}
-    </React.Fragment>
+    </>
   )
 }
diff --git a/src/guillo-gmi/components/fields/renderField.js b/src/guillo-gmi/components/fields/renderField.tsx
similarity index 71%
rename from src/guillo-gmi/components/fields/renderField.js
rename to src/guillo-gmi/components/fields/renderField.tsx
index cda62afa..42f0e55b 100644
--- a/src/guillo-gmi/components/fields/renderField.js
+++ b/src/guillo-gmi/components/fields/renderField.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react'
+import { useEffect, useState } from 'react'
 import { DownloadField } from './downloadField'
 import { useIntl } from 'react-intl'
 import { useVocabulary } from '../../hooks/useVocabulary'
@@ -6,10 +6,20 @@ import { get } from '../../lib/utils'
 import { buildQs } from '../../lib/search'
 import { useTraversal } from '../../contexts'
 import { useConfig } from '../../hooks/useConfig'
+import {
+  GuillotinaSchemaProperty,
+  GuillotinaVocabularyItem,
+} from '../../types/guillotina'
 
 const plain = ['string', 'number', 'boolean']
 
-export function RenderField({ value, Widget, schema }) {
+interface RenderFieldProps {
+  value: any
+  Widget?: React.ComponentType<{ value: any; schema: GuillotinaSchemaProperty }>
+  schema?: GuillotinaSchemaProperty
+}
+
+export function RenderField({ value, Widget, schema }: RenderFieldProps) {
   if (value === null || value === undefined) return ''
 
   if (Widget) {
@@ -29,17 +39,27 @@ export function RenderField({ value, Widget, schema }) {
       ))
     }
     return Object.keys(value).map((key) => (
-      <FieldValue field={key} value={value[key]} key={key} />
+      <FieldValue
+        field={get(schema, `properties.${key}.title`, key)}
+        schema={get(schema, `properties.${key}`, {})}
+        value={value[key]}
+        key={key}
+      />
     ))
   }
   return <p>No render for {JSON.stringify(value)}</p>
 }
 
-const FieldValue = ({ field, value }) => (
+interface FieldValueProps {
+  field: string
+  value: unknown
+  schema: GuillotinaSchemaProperty
+}
+const FieldValue = ({ field, value, schema }: FieldValueProps) => (
   <div className="field">
     <div className="label">{field}</div>
     <div className="value">
-      <RenderField value={value} />
+      <RenderFieldComponent val={value} schema={schema} field={field} />
     </div>
   </div>
 )
@@ -52,16 +72,27 @@ const getDefaultValueEditableField = (intl) => {
   })
 }
 
-export const SearchRenderField = ({ schema, value, modifyContent }) => {
+interface SearchRenderFieldProps {
+  schema: GuillotinaSchemaProperty
+  value: string | string[]
+  modifyContent: boolean
+}
+export const SearchRenderField = ({
+  schema,
+  value,
+  modifyContent,
+}: SearchRenderFieldProps) => {
+  const intl = useIntl()
   const [valuesLabels, setValuesLabels] = useState([])
   const [isLoadingData, setIsLoadingData] = useState(false)
   const traversal = useTraversal()
   const { SearchEngine } = useConfig()
+  const DEFAULT_VALUE_EDITABLE_FIELD = getDefaultValueEditableField(intl)
 
   useEffect(() => {
     const fetchData = async (valuesToSearch) => {
       setIsLoadingData(true)
-      let searchTermQs = []
+      let searchTermQs = ''
 
       const searchTermParsed = ['__or', `id=${valuesToSearch.join('%26id=')}`]
       const { get: getSearch } = traversal.registry
@@ -121,7 +152,16 @@ export const SearchRenderField = ({ schema, value, modifyContent }) => {
   return <RenderField value={getRenderValue()} />
 }
 
-export const VocabularyRenderField = ({ schema, value, modifyContent }) => {
+interface VocabularyRenderFieldProps {
+  schema: GuillotinaSchemaProperty
+  value: string | string[]
+  modifyContent: boolean
+}
+export const VocabularyRenderField = ({
+  schema,
+  value,
+  modifyContent,
+}: VocabularyRenderFieldProps) => {
   const intl = useIntl()
   const DEFAULT_VALUE_EDITABLE_FIELD = getDefaultValueEditableField(intl)
 
@@ -138,15 +178,18 @@ export const VocabularyRenderField = ({ schema, value, modifyContent }) => {
     }
 
     if (schema?.vocabularyName) {
-      const vocabularyValue = get(vocabulary, 'data.items', []).find(
-        (item) => item.token === value
-      )
+      const vocabularyValue = get<GuillotinaVocabularyItem[]>(
+        vocabulary,
+        'data.items',
+        []
+      ).find((item) => item.token === value)
       renderProps['value'] = vocabularyValue?.title ?? ''
     } else {
       renderProps['value'] = (renderProps['value'] ?? []).map((value) => {
         return (
-          get(vocabulary, 'data.items', []).find((item) => item.token === value)
-            ?.title ?? ''
+          get<GuillotinaVocabularyItem[]>(vocabulary, 'data.items', []).find(
+            (item) => item.token === value
+          )?.title ?? ''
         )
       })
     }
@@ -156,7 +199,18 @@ export const VocabularyRenderField = ({ schema, value, modifyContent }) => {
   return <RenderField {...getRenderProps()} />
 }
 
-export function RenderFieldComponent({ schema, field, val, modifyContent }) {
+interface RenderFieldComponentProps {
+  schema: GuillotinaSchemaProperty
+  field: string
+  val: any
+  modifyContent?: boolean
+}
+export function RenderFieldComponent({
+  schema,
+  field,
+  val,
+  modifyContent,
+}: RenderFieldComponentProps) {
   const intl = useIntl()
   const DEFAULT_VALUE_EDITABLE_FIELD = getDefaultValueEditableField(intl)
 
@@ -167,6 +221,7 @@ export function RenderFieldComponent({ schema, field, val, modifyContent }) {
         (modifyContent
           ? DEFAULT_VALUE_EDITABLE_FIELD
           : DEFAULT_VALUE_NO_EDITABLE_FIELD),
+      schema: schema,
     }
     if (val && schema?.widget === 'file') {
       renderProps['value'] = {
@@ -180,14 +235,12 @@ export function RenderFieldComponent({ schema, field, val, modifyContent }) {
       renderProps['value'] = new Date(val).toLocaleString()
     } else if (schema?.items?.vocabularyName || schema?.vocabularyName) {
       renderProps['Widget'] = VocabularyRenderField
-      renderProps['schema'] = schema
     } else if (
       schema?.widget === 'search' ||
       schema?.widget === 'search_list'
     ) {
       renderProps['Widget'] = SearchRenderField
       renderProps['value'] = val
-      renderProps['schema'] = schema
     }
     return renderProps
   }
diff --git a/src/guillo-gmi/components/flash.js b/src/guillo-gmi/components/flash.tsx
similarity index 93%
rename from src/guillo-gmi/components/flash.js
rename to src/guillo-gmi/components/flash.tsx
index 5475f5ec..b58d5a80 100644
--- a/src/guillo-gmi/components/flash.js
+++ b/src/guillo-gmi/components/flash.tsx
@@ -1,4 +1,3 @@
-import React from 'react'
 import { useTraversal } from '../contexts'
 import { Notification } from './ui/notification'
 import { Delete } from './ui/delete'
diff --git a/src/guillo-gmi/components/guillotina.js b/src/guillo-gmi/components/guillotina.tsx
similarity index 88%
rename from src/guillo-gmi/components/guillotina.js
rename to src/guillo-gmi/components/guillotina.tsx
index 9b0d59c2..4146109a 100644
--- a/src/guillo-gmi/components/guillotina.js
+++ b/src/guillo-gmi/components/guillotina.tsx
@@ -4,7 +4,7 @@ import { useEffect } from 'react'
 import { Flash } from './flash'
 import { TraversalProvider, useGuillotinaClient } from '../contexts'
 import { useConfig } from '../hooks/useConfig'
-import { useRegistry } from '../hooks/useRegistry'
+import { IRegistry, useRegistry } from '../hooks/useRegistry'
 import { useLocation } from '../hooks/useLocation'
 import { guillotinaReducer } from '../reducers/guillotina'
 import { initialState } from '../reducers/guillotina'
@@ -13,6 +13,8 @@ import { IntlProvider } from 'react-intl'
 import langCA from '../locales/compiled/ca.json'
 import langES from '../locales/compiled/es.json'
 import langEN from '../locales/compiled/en.json'
+import { Auth } from '../lib/auth'
+import { IndexSignature } from '../types/global'
 
 function loadLocaleData(locale) {
   switch (locale) {
@@ -25,7 +27,14 @@ function loadLocaleData(locale) {
   }
 }
 
-export function Guillotina({ auth, locale, ...props }) {
+interface GuillotinaProps {
+  auth: Auth
+  locale: string
+  url: string
+  config: IndexSignature
+  registry: IRegistry
+}
+export function Guillotina({ auth, locale, ...props }: GuillotinaProps) {
   const messages = loadLocaleData(locale)
   const url = props.url || 'http://localhost:8080' // without trailing slash
   const config = props.config || {}
@@ -51,8 +60,8 @@ export function Guillotina({ auth, locale, ...props }) {
   }, [searchPath])
 
   useEffect(() => {
-    ;(async () => {
-      let data = await client.getContext(path)
+    const initContext = async () => {
+      const data = await client.getContext(path)
       if (data.status === 401) {
         dispatch({ type: 'SET_ERROR', payload: 'notallowed' })
         return
@@ -60,11 +69,12 @@ export function Guillotina({ auth, locale, ...props }) {
         dispatch({ type: 'SET_ERROR', payload: 'notfound' })
         return
       }
-      let context = await data.json()
+      const context = await data.json()
       const pr = await client.canido(path, Permissions)
       const permissions = await pr.json()
       dispatch({ type: 'SET_CONTEXT', payload: { context, permissions } })
-    })()
+    }
+    initContext()
   }, [path, refresh, client])
 
   const ErrorBoundary = registry.get('views', 'ErrorBoundary')
diff --git a/src/guillo-gmi/components/index.js b/src/guillo-gmi/components/index.ts
similarity index 100%
rename from src/guillo-gmi/components/index.js
rename to src/guillo-gmi/components/index.ts
diff --git a/src/guillo-gmi/components/input/button.js b/src/guillo-gmi/components/input/button.tsx
similarity index 68%
rename from src/guillo-gmi/components/input/button.js
rename to src/guillo-gmi/components/input/button.tsx
index bc26423f..666dc3d3 100644
--- a/src/guillo-gmi/components/input/button.js
+++ b/src/guillo-gmi/components/input/button.tsx
@@ -1,8 +1,14 @@
-import React from 'react'
 import { classnames } from '../../lib/helpers'
 
-const noop = () => {}
-
+interface Props {
+  children: React.ReactNode
+  className?: string
+  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void
+  type?: 'submit' | 'reset' | 'button'
+  loading?: boolean
+  disabled?: boolean
+  dataTest?: string
+}
 export const Button = ({
   children,
   className = 'is-primary',
@@ -11,11 +17,9 @@ export const Button = ({
   loading = false,
   disabled = false,
   dataTest,
-  ...rest
-}) => {
+}: Props) => {
   let css = [].concat('button', ...className.split(' '))
   if (loading) css = css.concat('is-loading')
-  if (disabled) onClick = noop
 
   return (
     <p className="control">
@@ -24,7 +28,6 @@ export const Button = ({
         className={classnames(css)}
         onClick={onClick}
         disabled={disabled}
-        {...rest}
         data-test={dataTest}
       >
         {children}
diff --git a/src/guillo-gmi/components/input/checkbox.js b/src/guillo-gmi/components/input/checkbox.tsx
similarity index 62%
rename from src/guillo-gmi/components/input/checkbox.js
rename to src/guillo-gmi/components/input/checkbox.tsx
index 62fb789b..ce3abfb6 100644
--- a/src/guillo-gmi/components/input/checkbox.js
+++ b/src/guillo-gmi/components/input/checkbox.tsx
@@ -1,6 +1,22 @@
-import React, { useEffect, useRef } from 'react'
+import { ChangeEvent, useEffect, useRef, useState } from 'react'
 import { classnames } from '../../lib/helpers'
 
+interface Props {
+  className?: string
+  classNameInput?: string
+  loading?: boolean
+  indeterminate?: boolean
+  backgroundColor?: string
+  borderColor?: string
+  dataTest?: string
+  onChange: (value: boolean) => void
+  id?: string
+  disabled?: boolean
+  checked?: boolean
+  children?: React.ReactNode
+  placeholder?: string
+}
+
 export const Checkbox = ({
   id,
   className,
@@ -8,18 +24,14 @@ export const Checkbox = ({
   loading,
   disabled,
   indeterminate = false,
-  value = false,
-  color,
-  backgroundColor,
-  borderColor,
+  checked,
   children,
   placeholder,
   onChange,
   dataTest,
-  ...rest
-}) => {
+}: Props) => {
   const inputRef = useRef(null)
-  const [state, setState] = React.useState(value)
+  const [state, setState] = useState<boolean>(checked)
 
   useEffect(() => {
     if (inputRef.current) {
@@ -27,7 +39,7 @@ export const Checkbox = ({
     }
   }, [indeterminate])
 
-  const updateState = (ev) => {
+  const updateState = (ev: ChangeEvent<HTMLInputElement>) => {
     setState(ev.target.checked)
     onChange(ev.target.checked)
   }
@@ -44,7 +56,6 @@ export const Checkbox = ({
           checked={state}
           onChange={updateState}
           data-test={dataTest}
-          {...rest}
         />
         {children || placeholder}
       </label>
diff --git a/src/guillo-gmi/components/input/dropdown.js b/src/guillo-gmi/components/input/dropdown.tsx
similarity index 85%
rename from src/guillo-gmi/components/input/dropdown.js
rename to src/guillo-gmi/components/input/dropdown.tsx
index c6e554c2..5cd672d5 100644
--- a/src/guillo-gmi/components/input/dropdown.js
+++ b/src/guillo-gmi/components/input/dropdown.tsx
@@ -1,6 +1,16 @@
-import React, { useState, useRef } from 'react'
+import { useState, useRef } from 'react'
 import useClickAway from '../../hooks/useClickAway'
 
+interface Props {
+  children: React.ReactNode
+  disabled?: boolean
+  id?: string
+  isRight?: boolean
+  onChange: (value: string) => void
+  optionDisabledWhen?: (option: any) => boolean
+  options: { text: string; value: string }[]
+}
+
 export default function Dropdown({
   children,
   disabled,
@@ -9,8 +19,7 @@ export default function Dropdown({
   onChange,
   optionDisabledWhen,
   options,
-  ...props
-}) {
+}: Props) {
   const ref = useRef(null)
   const [isActive, setIsActive] = useState(false)
   const position = isRight ? 'is-right' : ''
@@ -23,7 +32,7 @@ export default function Dropdown({
   })
 
   return (
-    <div ref={ref} className={status} {...props}>
+    <div ref={ref} className={status}>
       <div className="dropdown-trigger">
         <button
           className="button is-size-7"
@@ -44,7 +53,6 @@ export default function Dropdown({
                 : false
 
             return (
-              // eslint-disable-next-line jsx-a11y/anchor-is-valid
               <a
                 className={
                   disabled ? 'dropdown-item is-active' : 'dropdown-item'
diff --git a/src/guillo-gmi/components/input/email.js b/src/guillo-gmi/components/input/email.tsx
similarity index 60%
rename from src/guillo-gmi/components/input/email.js
rename to src/guillo-gmi/components/input/email.tsx
index 13803ca2..9ad4d61f 100644
--- a/src/guillo-gmi/components/input/email.js
+++ b/src/guillo-gmi/components/input/email.tsx
@@ -1,10 +1,21 @@
-import React from 'react'
 import { Input } from './input'
 import { isEmail } from '../../lib/validators'
 import { Icon } from '../ui/icon'
 import { useIntl } from 'react-intl'
 
-export const EmailInput = ({ value = '', dataTest, ...rest }) => {
+interface Props {
+  value?: string
+  dataTest?: string
+  onChange?: (value: string) => void
+  placeholder?: string
+  id?: string
+}
+export const EmailInput = ({
+  value = '',
+  dataTest,
+  placeholder,
+  id,
+}: Props) => {
   const intl = useIntl()
   return (
     <Input
@@ -15,9 +26,10 @@ export const EmailInput = ({ value = '', dataTest, ...rest }) => {
         defaultMessage: 'Invalid email',
       })}
       value={value}
-      data-test={dataTest}
+      dataTest={dataTest}
       icon={<Icon icon="fas fa-envelope" />}
-      {...rest}
+      id={id}
+      placeholder={placeholder}
     />
   )
 }
diff --git a/src/guillo-gmi/components/input/form.js b/src/guillo-gmi/components/input/form.tsx
similarity index 73%
rename from src/guillo-gmi/components/input/form.js
rename to src/guillo-gmi/components/input/form.tsx
index 738527e9..c67a8ea0 100644
--- a/src/guillo-gmi/components/input/form.js
+++ b/src/guillo-gmi/components/input/form.tsx
@@ -1,8 +1,16 @@
-import React from 'react'
-import PropTypes from 'prop-types'
 import { noop } from '../../lib/helpers'
 import { classnames } from '../../lib/helpers'
 
+interface Props {
+  children: React.ReactNode
+  className?: string
+  onSubmit?: (event: React.FormEvent<HTMLFormElement>) => void
+  onReset?: (event: React.FormEvent<HTMLFormElement>) => void
+  autoComplete?: string
+  title?: string
+  error?: string
+  dataTest?: string
+}
 export const Form = ({
   children,
   className = '',
@@ -12,8 +20,7 @@ export const Form = ({
   title,
   error,
   dataTest,
-  ...rest
-}) => {
+}: Props) => {
   const handleSubmit = (event) => {
     event.preventDefault()
     onSubmit(event)
@@ -31,18 +38,9 @@ export const Form = ({
         onReset={onReset}
         autoComplete={autoComplete}
         className={classnames(['form', className])}
-        {...rest}
       >
         {children}
       </form>
     </div>
   )
 }
-
-Form.propTypes = {
-  children: PropTypes.node.isRequired,
-  className: PropTypes.string,
-  onSubmit: PropTypes.func,
-  onReset: PropTypes.func,
-  autoComplete: PropTypes.string,
-}
diff --git a/src/guillo-gmi/components/input/form_builder.js b/src/guillo-gmi/components/input/form_builder.tsx
similarity index 64%
rename from src/guillo-gmi/components/input/form_builder.js
rename to src/guillo-gmi/components/input/form_builder.tsx
index f036d5a6..4fcd2abd 100644
--- a/src/guillo-gmi/components/input/form_builder.js
+++ b/src/guillo-gmi/components/input/form_builder.tsx
@@ -1,4 +1,3 @@
-import React from 'react'
 import { Form } from './form'
 import { Input } from './input'
 import { EmailInput } from './email'
@@ -6,6 +5,12 @@ import { PasswordInput } from './password'
 import { Button } from './button'
 import { Checkbox } from './checkbox'
 import { generateUID } from '../../lib/helpers'
+import { Children, cloneElement, isValidElement, useRef } from 'react'
+import { IndexSignature } from '../../types/global'
+import {
+  GuillotinaSchema,
+  GuillotinaSchemaProperty,
+} from '../../types/guillotina'
 
 const formComponents = {
   string: Input,
@@ -14,24 +19,33 @@ const formComponents = {
   email: EmailInput,
 }
 
+interface Props {
+  schema: GuillotinaSchema
+  formData?: any
+  onSubmit: (formData: any, initialData: any) => void
+  actionName: string
+  children?: React.ReactNode
+  exclude?: string[]
+  remotes?: IndexSignature
+  submitButton?: boolean
+}
+
 export function FormBuilder({
   schema,
   formData,
-  title,
   onSubmit,
   actionName,
   children,
   exclude = [],
-  remotes = [],
+  remotes = {},
   submitButton = true,
-  ...rest
-}) {
-  const ref = React.useRef()
+}: Props) {
+  const ref = useRef<unknown>()
   const { properties, required } = schema
   const values = Object.assign({}, formData || {})
 
   // build initial state
-  let initialState = {}
+  const initialState = {}
   const fields = Object.keys(properties).filter((x) => !exclude.includes(x))
 
   fields.forEach((element) => {
@@ -56,17 +70,17 @@ export function FormBuilder({
     ref.current[field] = ev.target ? ev.target.value : ev.value || ev
   }
 
-  const GetTag = ({ field }) => {
-    const Tag =
-      formComponents[properties[field].widget || properties[field].type]
+  const GetTag = ({ field }: { field: string }) => {
+    const property = properties[field] as GuillotinaSchemaProperty
+    const Tag = formComponents[property.widget || property.type]
 
     const props = {
-      label: properties[field].title,
       value: initialState[field],
       onChange: onUpdate(field),
-      placeholder: properties[field].title || '',
+      placeholder: property.title || '',
       id: generateUID(),
       dataTest: `${field}TestInput`,
+      required: false,
     }
 
     if (required.includes(field)) {
@@ -77,16 +91,20 @@ export function FormBuilder({
     return <Tag {...props} />
   }
 
-  const children_ = React.Children.map(children, (child) =>
-    React.cloneElement(child, { onChange: onUpdate })
-  )
+  const children_ = Children.map(children, (child) => {
+    if (isValidElement(child)) {
+      const props = { onChange: onUpdate }
+      return cloneElement(child, props)
+    }
+    return child
+  })
 
   const changes = () => {
     onSubmit(ref.current, values)
   }
 
   return (
-    <Form onSubmit={changes} {...rest}>
+    <Form onSubmit={changes} dataTest={`formAddUserTest`}>
       {fields.map((field) => (
         <GetTag field={field} key={field} />
       ))}
diff --git a/src/guillo-gmi/components/input/index.js b/src/guillo-gmi/components/input/index.js
deleted file mode 100644
index 00373800..00000000
--- a/src/guillo-gmi/components/input/index.js
+++ /dev/null
@@ -1,13 +0,0 @@
-// @create-index
-
-export { default as button } from './button.js'
-export { default as checkbox } from './checkbox.js'
-export { default as email } from './email.js'
-export { default as form } from './form.js'
-export { default as form_builder } from './form_builder.js'
-export { default as input } from './input.js'
-export { default as password } from './password.js'
-export { default as select } from './select.js'
-export { default as select_vocabulary } from './select_vocabulary.js'
-export { default as search_input } from './search_input.js'
-export { default as input_list } from './input_list.js'
diff --git a/src/guillo-gmi/components/input/index.tsx b/src/guillo-gmi/components/input/index.tsx
new file mode 100644
index 00000000..18efd288
--- /dev/null
+++ b/src/guillo-gmi/components/input/index.tsx
@@ -0,0 +1,13 @@
+// @create-index
+
+export * from './button'
+export * from './checkbox'
+export * from './email'
+export * from './form'
+export * from './form_builder'
+export * from './input'
+export * from './password'
+export * from './select'
+export * from './select_vocabulary'
+export * from './search_input'
+export * from './input_list'
diff --git a/src/guillo-gmi/components/input/input.js b/src/guillo-gmi/components/input/input.tsx
similarity index 64%
rename from src/guillo-gmi/components/input/input.js
rename to src/guillo-gmi/components/input/input.tsx
index 44e67fcc..e67729e7 100644
--- a/src/guillo-gmi/components/input/input.js
+++ b/src/guillo-gmi/components/input/input.tsx
@@ -1,5 +1,4 @@
-import React, { useState } from 'react'
-import PropTypes from 'prop-types'
+import { forwardRef, useRef, useState } from 'react'
 import { classnames, generateUID } from '../../lib/helpers'
 import ErrorZone from '../error_zone'
 import useInput from '../../hooks/useInput'
@@ -7,9 +6,31 @@ import { notEmpty } from '../../lib/validators'
 import { useEffect } from 'react'
 
 const noop = () => true
+interface Props {
+  name?: string
+  icon?: JSX.Element
+  iconPosition?: 'has-icons-left' | 'has-icons-right'
+  error?: string
+  errorZoneClassName?: string
+  autoComplete?: string
+  className?: string
+  widget?: string
+  loading?: boolean
+  validator?: ((value: string) => boolean) | ((value: string) => boolean)[]
+  errorMessage?: string
+  dataTest?: string
+  autofocus?: boolean
+  onChange?: (value: string) => void
+  type?: string
+  value?: string
+  required?: boolean
+  id?: string
+  placeholder?: string
+  disabled?: boolean
+  onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void
+}
 
-/** @type any */
-export const Input = React.forwardRef(
+export const Input = forwardRef<HTMLInputElement, Props>(
   (
     {
       icon,
@@ -20,8 +41,6 @@ export const Input = React.forwardRef(
       className = '',
       widget = 'input',
       type = 'text',
-      onPressEnter,
-      isSubmitted,
       loading = false,
       required = false,
       id,
@@ -32,28 +51,30 @@ export const Input = React.forwardRef(
       validator = noop,
       errorMessage,
       dataTest = 'testInput',
-      ...rest
+      disabled,
+      onKeyUp,
     },
     ref
   ) => {
+    let validatorFn = null
     if (required) {
-      validator = Array.isArray(validator)
+      validatorFn = Array.isArray(validator)
         ? validator.push(notEmpty)
         : [validator, notEmpty]
     }
 
-    const { state, ...handlers } = useInput(onChange, value ?? '', validator)
+    const { state, ...handlers } = useInput(onChange, value ?? '', validatorFn)
     const [uid] = useState(generateUID('input'))
     const [mounted, setMounted] = useState(false)
     // eslint-disable-next-line
-    ref = ref || React.useRef()
+    ref = ref || useRef()
 
     useEffect(() => {
       setMounted(true)
     }, [])
 
     useEffect(() => {
-      if (autofocus && !error) {
+      if (autofocus && !error && ref != null && typeof ref !== 'function') {
         ref.current.focus()
       }
     }, [mounted, autofocus, ref, error])
@@ -73,7 +94,6 @@ export const Input = React.forwardRef(
         <div className={classnames(cssControl())}>
           <input
             className={classnames([widget, className, statusClasses])}
-            aria-invalid={theError}
             aria-describedby={uid}
             id={id}
             ref={ref}
@@ -81,11 +101,11 @@ export const Input = React.forwardRef(
             value={state.value}
             placeholder={placeholder}
             autoComplete={autoComplete}
-            disabled={loading || rest.disabled}
+            disabled={loading || disabled}
             required={required}
             data-test={dataTest}
+            onKeyUp={onKeyUp}
             {...handlers}
-            {...rest}
           />
           {icon && icon}
         </div>
@@ -97,32 +117,5 @@ export const Input = React.forwardRef(
   }
 )
 
-Input.propTypes = {
-  icon: PropTypes.node,
-  iconPosition: PropTypes.arrayOf(
-    PropTypes.oneOf(['has-icons-left', 'has-icons-right', ''])
-  ),
-  error: PropTypes.string,
-  errorZoneClassName: PropTypes.string,
-  autoComplete: PropTypes.string,
-  autoFocus: PropTypes.bool,
-  className: PropTypes.string,
-  disabled: PropTypes.bool,
-  loading: PropTypes.bool,
-  isSubmitted: PropTypes.bool,
-  id: PropTypes.string,
-  name: PropTypes.string,
-  onChange: PropTypes.func,
-  onKeyDown: PropTypes.func,
-  onKeyUp: PropTypes.func,
-  onPressEnter: PropTypes.func,
-  placeholder: PropTypes.string,
-  readOnly: PropTypes.bool,
-  required: PropTypes.bool,
-  type: PropTypes.string,
-  value: PropTypes.oneOfType([
-    PropTypes.string,
-    PropTypes.number,
-    PropTypes.bool,
-  ]),
-}
+Input.displayName = 'Input'
+export default Input
diff --git a/src/guillo-gmi/components/input/input_list.js b/src/guillo-gmi/components/input/input_list.js
deleted file mode 100644
index f8e8dcf2..00000000
--- a/src/guillo-gmi/components/input/input_list.js
+++ /dev/null
@@ -1,57 +0,0 @@
-import * as React from 'react'
-import { Input } from './input'
-import { useIntl } from 'react-intl'
-
-export const InputList = React.forwardRef(
-  ({ value, onChange, dataTest }, ref) => {
-    const intl = useIntl()
-    const [inputValue, setInputValue] = React.useState('')
-    const addTags = (event) => {
-      if (event.key === 'Enter' && event.target.value !== '') {
-        onChange([...value, event.target.value])
-        setInputValue('')
-      }
-    }
-
-    return (
-      <div className="control">
-        {(value ?? []).length > 0 && (
-          <div className="tags">
-            {value.map((tag, index) => (
-              <div
-                key={`input_list_${tag}_${index}`}
-                className="tag is-info is-medium"
-              >
-                {tag}
-                <button
-                  className="delete is-small"
-                  onClick={() =>
-                    onChange([
-                      ...value.filter((tag) => value.indexOf(tag) !== index),
-                    ])
-                  }
-                ></button>
-              </div>
-            ))}
-          </div>
-        )}
-        <Input
-          type="text"
-          placeholder={intl.formatMessage({
-            id: 'press_enter_to_add_value',
-            defaultMessage: 'Press enter to add value',
-          })}
-          onKeyUp={(event) => addTags(event)}
-          value={inputValue}
-          ref={ref}
-          dataTest={dataTest}
-          onChange={(value) => {
-            if (value !== '') {
-              setInputValue(value)
-            }
-          }}
-        />
-      </div>
-    )
-  }
-)
diff --git a/src/guillo-gmi/components/input/input_list.tsx b/src/guillo-gmi/components/input/input_list.tsx
new file mode 100644
index 00000000..f20d68f5
--- /dev/null
+++ b/src/guillo-gmi/components/input/input_list.tsx
@@ -0,0 +1,68 @@
+import { InputHTMLAttributes, forwardRef, useState } from 'react'
+import { Input } from './input'
+import { useIntl } from 'react-intl'
+
+interface Props {
+  value: string[]
+  onChange: (value: string[]) => void
+  dataTest?: string
+  id?: string
+}
+export const InputList = forwardRef<
+  HTMLInputElement,
+  InputHTMLAttributes<HTMLInputElement> & Props
+>(({ value, onChange, dataTest, id }, ref) => {
+  const intl = useIntl()
+  const [inputValue, setInputValue] = useState('')
+  const addTags = (event) => {
+    if (event.key === 'Enter' && event.target.value !== '') {
+      onChange([...value, event.target.value])
+      setInputValue('')
+    }
+  }
+
+  return (
+    <div className="control">
+      {(value ?? []).length > 0 && (
+        <div className="tags">
+          {value.map((tag, index) => (
+            <div
+              key={`input_list_${tag}_${index}`}
+              className="tag is-info is-medium"
+            >
+              {tag}
+              <button
+                className="delete is-small"
+                type="button"
+                onClick={() =>
+                  onChange([
+                    ...value.filter((tag) => value.indexOf(tag) !== index),
+                  ])
+                }
+              />
+            </div>
+          ))}
+        </div>
+      )}
+
+      <Input
+        type="text"
+        id={id}
+        placeholder={intl.formatMessage({
+          id: 'press_enter_to_add_value',
+          defaultMessage: 'Press enter to add value',
+        })}
+        onKeyUp={(event) => addTags(event)}
+        value={inputValue}
+        ref={ref}
+        dataTest={dataTest}
+        onChange={(value) => {
+          setInputValue(value)
+        }}
+      />
+    </div>
+  )
+})
+
+InputList.displayName = 'InputList'
+export default InputList
diff --git a/src/guillo-gmi/components/input/password.js b/src/guillo-gmi/components/input/password.js
deleted file mode 100644
index 9214a5b7..00000000
--- a/src/guillo-gmi/components/input/password.js
+++ /dev/null
@@ -1,6 +0,0 @@
-import React from 'react'
-import { Input } from './input'
-
-export const PasswordInput = ({ value = '', ...rest }) => {
-  return <Input value={value} type="password" {...rest} />
-}
diff --git a/src/guillo-gmi/components/input/password.tsx b/src/guillo-gmi/components/input/password.tsx
new file mode 100644
index 00000000..80517d31
--- /dev/null
+++ b/src/guillo-gmi/components/input/password.tsx
@@ -0,0 +1,23 @@
+import { InputHTMLAttributes } from 'react'
+import { Input } from './input'
+
+interface Props {
+  value: string
+  dataTest: string
+  onChange: (value: string) => void
+}
+
+export const PasswordInput = ({
+  value,
+  dataTest,
+  onChange,
+}: Props & InputHTMLAttributes<HTMLInputElement>) => {
+  return (
+    <Input
+      value={value}
+      type="password"
+      dataTest={dataTest}
+      onChange={onChange}
+    />
+  )
+}
diff --git a/src/guillo-gmi/components/input/search_input.js b/src/guillo-gmi/components/input/search_input.tsx
similarity index 83%
rename from src/guillo-gmi/components/input/search_input.js
rename to src/guillo-gmi/components/input/search_input.tsx
index 8528b603..7d01d2d9 100644
--- a/src/guillo-gmi/components/input/search_input.js
+++ b/src/guillo-gmi/components/input/search_input.tsx
@@ -1,6 +1,4 @@
-import React, { useState, useEffect, useCallback } from 'react'
-
-import PropTypes from 'prop-types'
+import { useState, useEffect, useCallback, useRef } from 'react'
 import { buildQs } from '../../lib/search'
 import { parser } from '../../lib/search'
 import useSetState from '../../hooks/useSetState'
@@ -12,10 +10,15 @@ import { useIntl } from 'react-intl'
 import { genericMessages } from '../../locales/generic_messages'
 import useClickAway from '../../hooks/useClickAway'
 import { get } from '../../lib/utils'
+import { SearchItem } from '../../types/guillotina'
+import { Traversal } from '../../contexts'
+
 function debounce(func, wait) {
   let timeout
   return function () {
+    // eslint-disable-next-line @typescript-eslint/no-this-alias
     const context = this
+    // eslint-disable-next-line prefer-rest-params
     const args = arguments
     const later = function () {
       timeout = null
@@ -26,13 +29,37 @@ function debounce(func, wait) {
   }
 }
 
-const initialState = {
+interface State {
+  page: number
+  items: SearchItem[]
+  loading: boolean
+  items_total: number
+}
+const initialState: State = {
   page: 0,
   items: undefined,
   loading: false,
   items_total: 0,
 }
 
+interface Props {
+  onChange?: (value: string) => void
+  error?: string
+  errorZoneClassName?: string
+  traversal?: Traversal
+  path?: string
+  qs?: string[][]
+  queryCondition?: string
+  value?: string
+  btnClass?: string
+  dataTestWrapper?: string
+  dataTestSearchInput?: string
+  dataTestItem?: string
+  renderTextItemOption?: (item: SearchItem) => string
+  typeNameQuery?: string
+  labelProperty?: string
+}
+
 export const SearchInput = ({
   onChange,
   error,
@@ -49,15 +76,15 @@ export const SearchInput = ({
   renderTextItemOption = null,
   typeNameQuery = null,
   labelProperty = 'id',
-}) => {
+}: Props) => {
   const intl = useIntl()
-  const [options, setOptions] = useSetState(initialState)
-  const [isOpen, setIsOpen] = React.useState(false)
-  const [searchTerm, setSearchTerm] = React.useState('')
-  const inputRef = React.useRef(null)
-  const wrapperRef = React.useRef(null)
+  const [options, setOptions] = useSetState<State>(initialState)
+  const [isOpen, setIsOpen] = useState(false)
+  const [searchTerm, setSearchTerm] = useState('')
+  const inputRef = useRef(null)
+  const wrapperRef = useRef(null)
   const { PageSize, SearchEngine } = useConfig()
-  const [valueLabel, setValueLabel] = useState(undefined)
+  const [valueLabel, setValueLabel] = useState<Partial<SearchItem>>(undefined)
   const [uid] = useState(generateUID('search_input'))
 
   useClickAway(wrapperRef, () => {
@@ -77,14 +104,14 @@ export const SearchInput = ({
     return { maxHeight: 'auto' }
   }
 
-  const delayedQuery = useCallback(
+  const delayedQuery = useCallback<(value: string) => void>(
     debounce((value) => handleSearch(0, false, value), 500),
     []
   )
 
   const inicializeLabels = async () => {
     if (labelProperty !== 'id' && value) {
-      let searchTermQs = []
+      let searchTermQs = ''
       const searchTermParsed = [`id`, value]
       const { get: getSearch } = traversal.registry
       const fnName = getSearch('searchEngineQueryParamsFunction', SearchEngine)
@@ -127,20 +154,20 @@ export const SearchInput = ({
 
   const handleSearch = async (page = 0, concat = false, value = '') => {
     setOptions({ loading: true })
-    let searchTermQs = []
+    let searchTermQs = ''
     let searchTermParsed = []
     if (value !== '') {
       searchTermParsed = parser(`${queryCondition}=${value}`)
     }
     const { get } = traversal.registry
     const fnName = get('searchEngineQueryParamsFunction', SearchEngine)
-    let qsParsed = traversal.client[fnName]({
+    const qsParsed = traversal.client[fnName]({
       path: traversal.path,
       start: page * PageSize,
       pageSize: PageSize,
       withDepth: false,
     })
-    let sortParsed = parser(`_sort_des=${labelProperty}`)
+    const sortParsed = parser(`_sort_des=${labelProperty}`)
     let typeNameParsed = []
     if (typeNameQuery) {
       typeNameParsed = parser(`type_name__in=${typeNameQuery}`)
@@ -198,7 +225,7 @@ export const SearchInput = ({
   }
 
   return (
-    <React.Fragment>
+    <>
       <div
         data-test={dataTestWrapper}
         ref={wrapperRef}
@@ -217,7 +244,11 @@ export const SearchInput = ({
           <button
             className={`button ${btnClass}`}
             onClick={(ev) => {
-              ev.target.blur()
+              ev.preventDefault()
+              if (ev.target instanceof HTMLElement) {
+                ev.target.blur()
+              }
+
               setIsOpen(!isOpen)
               if (!options.loading && !options.items) {
                 handleSearch(options.page)
@@ -268,6 +299,7 @@ export const SearchInput = ({
                     }`}
                     data-test={`${dataTestItem}-${item.id}`}
                     onMouseDown={(ev) => {
+                      ev.stopPropagation()
                       ev.preventDefault()
                       if (onChange) {
                         onChange(item.id)
@@ -288,7 +320,7 @@ export const SearchInput = ({
             )}
 
             {options.items && options.items_total > options.items.length && (
-              <React.Fragment>
+              <>
                 <hr className="dropdown-divider" />
                 <div
                   className="dropdown-item editable"
@@ -300,7 +332,7 @@ export const SearchInput = ({
                 >
                   {intl.formatMessage(genericMessages.load_more)}
                 </div>
-              </React.Fragment>
+              </>
             )}
           </div>
         </div>
@@ -310,24 +342,6 @@ export const SearchInput = ({
           {error ? error : ''}
         </ErrorZone>
       )}
-    </React.Fragment>
+    </>
   )
 }
-
-SearchInput.propTypes = {
-  onChange: PropTypes.func,
-  value: PropTypes.string,
-  path: PropTypes.string,
-  btnClass: PropTypes.string,
-  error: PropTypes.string,
-  errorZoneClassName: PropTypes.string,
-  traversal: PropTypes.object,
-  qs: PropTypes.array,
-  queryCondition: PropTypes.string,
-  dataTestWrapper: PropTypes.string,
-  dataTestSearchInput: PropTypes.string,
-  dataTestItem: PropTypes.string,
-  renderTextItemOption: PropTypes.func,
-  typeNameQuery: PropTypes.string,
-  labelProperty: PropTypes.string,
-}
diff --git a/src/guillo-gmi/components/input/search_input_list.js b/src/guillo-gmi/components/input/search_input_list.tsx
similarity index 85%
rename from src/guillo-gmi/components/input/search_input_list.js
rename to src/guillo-gmi/components/input/search_input_list.tsx
index 55de4c1d..0175c296 100644
--- a/src/guillo-gmi/components/input/search_input_list.js
+++ b/src/guillo-gmi/components/input/search_input_list.tsx
@@ -1,6 +1,5 @@
-import React, { useState, useEffect, useCallback } from 'react'
+import { useState, useCallback, useRef, useEffect } from 'react'
 
-import PropTypes from 'prop-types'
 import { buildQs } from '../../lib/search'
 import { parser } from '../../lib/search'
 import useSetState from '../../hooks/useSetState'
@@ -12,10 +11,15 @@ import { useIntl } from 'react-intl'
 import { genericMessages } from '../../locales/generic_messages'
 import useClickAway from '../../hooks/useClickAway'
 import { get } from '../../lib/utils'
+import { SearchItem } from '../../types/guillotina'
+import { Traversal } from '../../contexts'
+
 function debounce(func, wait) {
   let timeout
   return function () {
+    // eslint-disable-next-line @typescript-eslint/no-this-alias
     const context = this
+    // eslint-disable-next-line prefer-rest-params
     const args = arguments
     const later = function () {
       timeout = null
@@ -26,13 +30,37 @@ function debounce(func, wait) {
   }
 }
 
-const initialState = {
+interface State {
+  page: number
+  items: SearchItem[]
+  loading: boolean
+  items_total: number
+}
+const initialState: State = {
   page: 0,
   items: undefined,
   loading: false,
   items_total: 0,
 }
 
+interface Props {
+  onChange: (value: string[]) => void
+  error?: string
+  errorZoneClassName?: string
+  traversal?: Traversal
+  path?: string
+  qs?: string[]
+  queryCondition?: string
+  value: string[]
+  btnClass?: string
+  dataTestWrapper?: string
+  dataTestSearchInput?: string
+  dataTestItem?: string
+  renderTextItemOption?: (item: SearchItem) => string
+  typeNameQuery?: string
+  labelProperty?: string
+}
+
 export const SearchInputList = ({
   onChange,
   error,
@@ -49,14 +77,14 @@ export const SearchInputList = ({
   renderTextItemOption = null,
   typeNameQuery = null,
   labelProperty = 'id',
-}) => {
+}: Props) => {
   const intl = useIntl()
-  const [options, setOptions] = useSetState(initialState)
+  const [options, setOptions] = useSetState<State>(initialState)
   const [valuesLabel, setValuesLabels] = useState(undefined)
-  const [isOpen, setIsOpen] = React.useState(false)
-  const [searchTerm, setSearchTerm] = React.useState('')
-  const inputRef = React.useRef(null)
-  const wrapperRef = React.useRef(null)
+  const [isOpen, setIsOpen] = useState(false)
+  const [searchTerm, setSearchTerm] = useState('')
+  const inputRef = useRef(null)
+  const wrapperRef = useRef(null)
   const { PageSize, SearchEngine } = useConfig()
   const [isLoadingData, setIsLoadingData] = useState(false)
 
@@ -79,27 +107,27 @@ export const SearchInputList = ({
     return { maxHeight: 'auto' }
   }
 
-  const delayedQuery = useCallback(
+  const delayedQuery = useCallback<(value: string) => void>(
     debounce((value) => handleSearch(0, false, value), 500),
     []
   )
 
   const handleSearch = async (page = 0, concat = false, value = '') => {
     setOptions({ loading: true })
-    let searchTermQs = []
+    let searchTermQs = ''
     let searchTermParsed = []
     if (value !== '') {
       searchTermParsed = parser(`${queryCondition}=${value}`)
     }
     const { get } = traversal.registry
     const fnName = get('searchEngineQueryParamsFunction', SearchEngine)
-    let qsParsed = traversal.client[fnName]({
+    const qsParsed = traversal.client[fnName]({
       path: traversal.path,
       start: page * PageSize,
       pageSize: PageSize,
       withDepth: false,
     })
-    let sortParsed = parser(`_sort_des=${labelProperty}`)
+    const sortParsed = parser(`_sort_des=${labelProperty}`)
     let typeNameParsed = []
     if (typeNameQuery) {
       typeNameParsed = parser(`type_name__in=${typeNameQuery}`)
@@ -140,7 +168,7 @@ export const SearchInputList = ({
   const inicializeLabels = async () => {
     if (labelProperty !== 'id' && value.length > 0) {
       setIsLoadingData(true)
-      let searchTermQs = []
+      let searchTermQs = ''
       const searchTermParsed = ['__or', `id=${value.join('%26id=')}`]
       const { get: getSearch } = traversal.registry
       const fnName = getSearch('searchEngineQueryParamsFunction', SearchEngine)
@@ -184,14 +212,16 @@ export const SearchInputList = ({
     }
   }
 
-  const renderTextItemOptionFn = (item) => {
+  const renderTextItemOptionFn = (
+    item: SearchItem
+  ): string | React.ReactNode => {
     if (renderTextItemOption) {
       return renderTextItemOption(item)
     }
-    return get(item, labelProperty, item.title) || item['@name']
+    return get<string>(item, labelProperty, item.title) || item['@name']
   }
 
-  React.useEffect(() => {
+  useEffect(() => {
     if (!options.loading && !options.items && value.length > 0) {
       inicializeLabels()
     } else if (value.length === 0) {
@@ -204,7 +234,7 @@ export const SearchInputList = ({
   }
 
   return (
-    <React.Fragment>
+    <>
       <div className="tags mb-2">
         {value.map((tag, index) => (
           <div
@@ -287,7 +317,7 @@ export const SearchInputList = ({
                 return (
                   <div
                     className={`dropdown-item editable ${
-                      value && value.id === item.id ? 'is-active' : ''
+                      value.includes(item.id) ? 'is-active' : ''
                     }`}
                     data-test={`${dataTestItem}-${item.id}`}
                     onMouseDown={(ev) => {
@@ -315,7 +345,7 @@ export const SearchInputList = ({
             )}
 
             {options.items && options.items_total > options.items.length && (
-              <React.Fragment>
+              <>
                 <hr className="dropdown-divider" />
                 <div
                   className="dropdown-item editable"
@@ -327,7 +357,7 @@ export const SearchInputList = ({
                 >
                   {intl.formatMessage(genericMessages.load_more)}
                 </div>
-              </React.Fragment>
+              </>
             )}
           </div>
         </div>
@@ -337,24 +367,6 @@ export const SearchInputList = ({
           {error ? error : ''}
         </ErrorZone>
       )}
-    </React.Fragment>
+    </>
   )
 }
-
-SearchInputList.propTypes = {
-  onChange: PropTypes.func,
-  path: PropTypes.string,
-  btnClass: PropTypes.string,
-  dataTestWrapper: PropTypes.string,
-  dataTestSearchInput: PropTypes.string,
-  dataTestItem: PropTypes.string,
-  renderTextItemOption: PropTypes.func,
-  typeNameQuery: PropTypes.string,
-  labelProperty: PropTypes.string,
-  error: PropTypes.string,
-  errorZoneClassName: PropTypes.string,
-  traversal: PropTypes.object,
-  path: PropTypes.string,
-  qs: PropTypes.array,
-  queryCondition: PropTypes.string,
-}
diff --git a/src/guillo-gmi/components/input/select.js b/src/guillo-gmi/components/input/select.tsx
similarity index 75%
rename from src/guillo-gmi/components/input/select.js
rename to src/guillo-gmi/components/input/select.tsx
index 07a28909..c585d00b 100644
--- a/src/guillo-gmi/components/input/select.js
+++ b/src/guillo-gmi/components/input/select.tsx
@@ -1,14 +1,31 @@
-import React, { useState } from 'react'
-import PropTypes from 'prop-types'
 import ErrorZone from '../error_zone'
 import { classnames, generateUID } from '../../lib/helpers'
-import { get } from '../../lib/utils'
 import { useIntl } from 'react-intl'
 import { genericMessages } from '../../locales/generic_messages'
+import { forwardRef, useState } from 'react'
+import { IndexSignature } from '../../types/global'
 // @ TODO implement hasErrors
 
-/** @type any */
-export const Select = React.forwardRef(
+interface Props {
+  error?: string
+  errorZoneClassName?: string
+  size?: number
+  placeholder?: string
+  id?: string
+  className?: string
+  classWrap?: string
+  disabled?: boolean
+  multiple?: boolean
+  loading?: boolean
+  onChange?: (value: string | string[]) => void
+  options: { text: string; value: string }[]
+  appendDefault?: boolean
+  style?: IndexSignature
+  dataTest?: string
+  value?: string | string[]
+}
+
+export const Select = forwardRef<HTMLSelectElement, Props>(
   (
     {
       options,
@@ -21,13 +38,12 @@ export const Select = React.forwardRef(
       classWrap = '',
       multiple = false,
       loading = false,
-      isSubmitted,
       onChange,
       appendDefault = false,
       style = {},
       dataTest,
       value,
-      ...rest
+      disabled,
     },
     ref
   ) => {
@@ -42,8 +58,7 @@ export const Select = React.forwardRef(
         }
         onChange(selectValue)
       } else {
-        const selectValue = get(ev, 'target.value', undefined)
-        onChange(selectValue)
+        onChange(ev.target.value)
       }
     }
 
@@ -73,13 +88,12 @@ export const Select = React.forwardRef(
             className={classnames(['', className])}
             size={multiple ? 5 : size}
             multiple={multiple}
-            disabled={loading || rest.disabled}
+            disabled={loading || disabled}
             onChange={onUpdate}
             ref={ref}
             style={style}
             data-test={dataTest}
             value={value}
-            {...rest}
           >
             {options.map(({ text, ...rest }, index) => (
               <option key={index.toString()} {...rest}>
@@ -98,14 +112,5 @@ export const Select = React.forwardRef(
   }
 )
 
-Select.propTypes = {
-  error: PropTypes.string,
-  disabled: PropTypes.bool,
-  loading: PropTypes.bool,
-  isSubmitted: PropTypes.bool,
-  size: PropTypes.number,
-  onChange: PropTypes.func,
-  options: PropTypes.arrayOf(PropTypes.object),
-  multiple: PropTypes.bool,
-  className: PropTypes.string,
-}
+Select.displayName = 'Select'
+export default Select
diff --git a/src/guillo-gmi/components/input/select_vocabulary.js b/src/guillo-gmi/components/input/select_vocabulary.tsx
similarity index 57%
rename from src/guillo-gmi/components/input/select_vocabulary.js
rename to src/guillo-gmi/components/input/select_vocabulary.tsx
index 38d53fb1..85dd1def 100644
--- a/src/guillo-gmi/components/input/select_vocabulary.js
+++ b/src/guillo-gmi/components/input/select_vocabulary.tsx
@@ -1,21 +1,43 @@
-import React from 'react'
-import PropTypes from 'prop-types'
 import { Select } from './select'
 import { get } from '../../lib/utils'
 import { useVocabulary } from '../../hooks/useVocabulary'
+import { forwardRef } from 'react'
+import { GuillotinaVocabularyItem } from '../../types/guillotina'
 
-export const SelectVocabulary = React.forwardRef(
+interface Props {
+  vocabularyName: string
+  className?: string
+  classWrap?: string
+  val?: string
+  dataTest?: string
+  multiple?: boolean
+  onChange?: (value: string) => void
+  appendDefault?: boolean
+  id?: string
+  placeholder?: string
+}
+export const SelectVocabulary = forwardRef<HTMLSelectElement, Props>(
   (
-    { vocabularyName, className, classWrap, val, dataTest, multiple, ...rest },
+    {
+      vocabularyName,
+      className,
+      classWrap,
+      val,
+      dataTest,
+      multiple,
+      onChange,
+      id,
+      placeholder,
+    },
     ref
   ) => {
     const vocabulary = useVocabulary(vocabularyName)
 
     const getOptions = () => {
-      if (get(vocabulary, 'data.items', null)) {
+      if (get<GuillotinaVocabularyItem>(vocabulary, 'data.items', null)) {
         const vocData = vocabulary.data.items.map((item) => {
           return {
-            text: item.title.default ?? item.title,
+            text: item.title,
             value: item.token,
           }
         })
@@ -54,20 +76,12 @@ export const SelectVocabulary = React.forwardRef(
         classWrap={classWrap || 'is-fullwidth'}
         dataTest={dataTest}
         ref={ref}
-        {...rest}
+        onChange={onChange}
+        id={id}
+        placeholder={placeholder}
       />
     )
   }
 )
 
-Select.propTypes = {
-  error: PropTypes.string,
-  disabled: PropTypes.bool,
-  loading: PropTypes.bool,
-  isSubmitted: PropTypes.bool,
-  size: PropTypes.number,
-  onChange: PropTypes.func,
-  multiple: PropTypes.bool,
-  className: PropTypes.string,
-  vocabularyName: PropTypes.string,
-}
+SelectVocabulary.displayName = 'SelectVocabulary'
diff --git a/src/guillo-gmi/components/input/textarea.js b/src/guillo-gmi/components/input/textarea.tsx
similarity index 73%
rename from src/guillo-gmi/components/input/textarea.js
rename to src/guillo-gmi/components/input/textarea.tsx
index d632aa62..6f3c0c49 100644
--- a/src/guillo-gmi/components/input/textarea.js
+++ b/src/guillo-gmi/components/input/textarea.tsx
@@ -1,8 +1,20 @@
-import React, { useState } from 'react'
 import ErrorZone from '../error_zone'
 import { classnames, generateUID } from '../../lib/helpers'
+import { forwardRef, useState } from 'react'
 
-export const Textarea = React.forwardRef(
+interface Props {
+  value: string
+  classWrap?: string
+  rows?: number
+  className?: string
+  onChange?: (value: string) => void
+  dataTest?: string
+  error?: string
+  errorZoneClassName?: string
+  placeholder?: string
+  id?: string
+}
+export const Textarea = forwardRef<HTMLTextAreaElement, Props>(
   (
     {
       value = '',
@@ -15,7 +27,6 @@ export const Textarea = React.forwardRef(
       errorZoneClassName,
       placeholder,
       id,
-      ...rest
     },
     ref
   ) => {
@@ -42,7 +53,6 @@ export const Textarea = React.forwardRef(
             onChange={onUpdate}
             value={value}
             data-test={dataTest}
-            {...rest}
             ref={ref}
           />
         </div>
@@ -53,3 +63,6 @@ export const Textarea = React.forwardRef(
     )
   }
 )
+
+Textarea.displayName = 'Textarea'
+export default Textarea
diff --git a/src/guillo-gmi/components/input/upload.js b/src/guillo-gmi/components/input/upload.tsx
similarity index 54%
rename from src/guillo-gmi/components/input/upload.js
rename to src/guillo-gmi/components/input/upload.tsx
index 8269656d..9ccd4be3 100644
--- a/src/guillo-gmi/components/input/upload.js
+++ b/src/guillo-gmi/components/input/upload.tsx
@@ -1,12 +1,22 @@
-import React from 'react'
-import { lightFileReader } from '../../lib/client'
+import { ChangeEvent, InputHTMLAttributes } from 'react'
+import { lightFileReader } from '../../lib/client.js'
 import { useIntl } from 'react-intl'
+import { LightFile } from '../../types/global'
 
-export function FileUpload({ label, onChange, ...props }) {
+interface Props {
+  label?: string
+  dataTest?: string
+  onChange: (file: LightFile) => void
+}
+export function FileUpload({
+  label,
+  onChange,
+  dataTest,
+}: Props & InputHTMLAttributes<HTMLInputElement>) {
   const intl = useIntl()
-  const changed = async (event) => {
-    const file = await lightFileReader(event.target.files[0])
-    onChange(file)
+  const changed = async (event: ChangeEvent<HTMLInputElement>) => {
+    const fileToUpload = await lightFileReader(event.target.files[0])
+    onChange(fileToUpload)
   }
 
   return (
@@ -14,10 +24,10 @@ export function FileUpload({ label, onChange, ...props }) {
       <label className="file-label">
         <input
           className="file-input"
-          {...props}
           type="file"
           name="file"
           onChange={changed}
+          data-test={dataTest}
         />
         <span className="file-cta">
           <span className="file-icon">
diff --git a/src/guillo-gmi/components/item.js b/src/guillo-gmi/components/item.tsx
similarity index 72%
rename from src/guillo-gmi/components/item.js
rename to src/guillo-gmi/components/item.tsx
index a53a9520..b2002572 100644
--- a/src/guillo-gmi/components/item.js
+++ b/src/guillo-gmi/components/item.tsx
@@ -6,8 +6,14 @@ import { useTraversal } from '../contexts'
 import { Icon } from './ui/icon'
 import { ItemCheckbox } from './selected_items_actions'
 import { Delete } from './ui'
+import { IColumn } from '../reducers/guillotina'
+import { SearchItem } from '../types/guillotina'
 
-export function Item({ item, icon }) {
+interface ItemProps {
+  item: { id: string; path: string }
+  icon?: string
+}
+export function Item({ item, icon }: ItemProps) {
   const [, navigate] = useLocation()
   const link = () => navigate({ path: item.path }, true)
   return (
@@ -24,14 +30,19 @@ const smallcss = {
   width: 25,
 }
 
-export function RItem({ item, search, columns }) {
+interface RItemProps {
+  item: SearchItem
+  search: string
+  columns: IColumn[]
+}
+export function RItem({ item, search, columns }: RItemProps) {
   const [, navigate] = useLocation()
   const traversal = useTraversal()
-  const model = new ItemModel(item, traversal.url, traversal.path)
+  const model = new ItemModel(item, traversal.url)
   const link = () => navigate({ path: model.path }, true)
 
   return (
-    <tr key={item} data-test={`itemTest-${item['@name']}`}>
+    <tr key={item.id} data-test={`itemTest-${item.id}`}>
       <td style={smallcss}>
         <ItemCheckbox item={item} dataTest="itemCheckboxRowTest" />
       </td>
@@ -53,7 +64,11 @@ export function RItem({ item, search, columns }) {
   )
 }
 
-export function ItemTitle({ title, actions }) {
+interface ItemTitleProps {
+  title: string
+  actions?: React.ReactNode
+}
+export function ItemTitle({ title, actions }: ItemTitleProps) {
   return (
     <nav className="level">
       <div className="level-left">
diff --git a/src/guillo-gmi/components/layout.js b/src/guillo-gmi/components/layout.tsx
similarity index 84%
rename from src/guillo-gmi/components/layout.js
rename to src/guillo-gmi/components/layout.tsx
index b1c38ebc..f1f21572 100644
--- a/src/guillo-gmi/components/layout.js
+++ b/src/guillo-gmi/components/layout.tsx
@@ -1,14 +1,19 @@
-import React from 'react'
+import { Auth } from '../lib/auth'
 import { Icon } from './ui/icon'
 
-export function Layout({ children, onLogout, auth }) {
-  const doLogout = (ev) => {
+interface Props {
+  children: React.ReactNode
+  onLogout: () => void
+  auth: Auth
+}
+export function Layout({ children, onLogout, auth }: Props) {
+  const doLogout = () => {
     auth.logout()
     onLogout()
   }
 
   return (
-    <React.Fragment>
+    <>
       <header>
         <nav className="navbar" role="navigation" aria-label="main navigation">
           <div className="navbar-brand">
@@ -17,7 +22,6 @@ export function Layout({ children, onLogout, auth }) {
             </a>
             <a
               id="burger"
-              href="/"
               role="button"
               className="navbar-burger burger"
               aria-label="menu"
@@ -36,7 +40,7 @@ export function Layout({ children, onLogout, auth }) {
                 {auth.isLogged && (
                   <div className="buttons">
                     <button className="button is-size-7" onClick={doLogout}>
-                      <Icon icon="fas fa-sign-out-alt" size="is-size-7" />
+                      <Icon icon="fas fa-sign-out-alt" />
                       <span>Logout</span>
                     </button>
                   </div>
@@ -51,6 +55,6 @@ export function Layout({ children, onLogout, auth }) {
           <div className="column">{children}</div>
         </div>
       </section>
-    </React.Fragment>
+    </>
   )
 }
diff --git a/src/guillo-gmi/components/login.js b/src/guillo-gmi/components/login.tsx
similarity index 89%
rename from src/guillo-gmi/components/login.js
rename to src/guillo-gmi/components/login.tsx
index a92ef8e3..53ddafe5 100644
--- a/src/guillo-gmi/components/login.js
+++ b/src/guillo-gmi/components/login.tsx
@@ -1,24 +1,39 @@
 import React, { useRef, useEffect } from 'react'
 import useSetState from '../hooks/useSetState'
+import { Auth } from '../lib/auth'
 
 const ERRORS = {
   failed_to_fetch: 'Failed to fetch data: Backend not running?',
   invalid_credentials: 'Failed! Invalid credentials',
 }
+interface State {
+  username: string
+  password: string
+  loading: boolean
+  errors: string
+}
 const initialState = {
   username: '',
   password: '',
   loading: undefined,
   errors: undefined,
 }
+
+interface Props {
+  currentSchema: string
+  setCurrentSchema: (schema: string) => void
+  schemas: string[]
+  auth: Auth
+  onLogin?: () => void
+}
 export const Login = ({
   currentSchema,
   setCurrentSchema,
   schemas,
   auth,
   onLogin,
-}) => {
-  const [state, setState] = useSetState(initialState)
+}: Props) => {
+  const [state, setState] = useSetState<State>(initialState)
   const inputRef = useRef(null)
 
   useEffect(() => {
diff --git a/src/guillo-gmi/components/modal.js b/src/guillo-gmi/components/modal.tsx
similarity index 62%
rename from src/guillo-gmi/components/modal.js
rename to src/guillo-gmi/components/modal.tsx
index 3fb543e5..f37aeaba 100644
--- a/src/guillo-gmi/components/modal.js
+++ b/src/guillo-gmi/components/modal.tsx
@@ -1,10 +1,16 @@
-import React from 'react'
 import usePortal from 'react-useportal'
 import { Button } from './input/button'
 import { useIntl } from 'react-intl'
 import { genericMessages } from '../locales/generic_messages'
 
-export function Modal(props) {
+interface ModalProps {
+  isActive: boolean
+  setActive: (value: boolean) => void
+  children: React.ReactNode
+  className?: string
+}
+
+export function Modal(props: ModalProps) {
   const { isActive, setActive, children } = props
   const { Portal } = usePortal()
 
@@ -26,39 +32,55 @@ export function Modal(props) {
   )
 }
 
-export function Confirm({ message, onCancel, onConfirm, loading }) {
+interface ConfirmProps {
+  message?: string
+  onCancel: () => void
+  onConfirm: () => void
+  loading?: boolean
+}
+export function Confirm({
+  message,
+  onCancel,
+  onConfirm,
+  loading,
+}: ConfirmProps) {
   const intl = useIntl()
   const setActive = () => onCancel()
   return (
     <Modal isActive setActive={setActive} className="confirm">
-      <React.Fragment>
-        <h1 className="title is-size-5">{message || 'Are you Sure?'}</h1>
-        <div className="level" style={{ marginTop: 50 }}>
-          <div className="level-left"></div>
-          <div className="level-right">
-            <button
-              className="button is-danger"
-              onClick={() => onCancel()}
-              data-test="btnCancelModalTest"
-            >
-              {intl.formatMessage(genericMessages.cancel)}
-            </button>
-            &nbsp;&nbsp;
-            <Button
-              loading={loading}
-              className="is-success"
-              onClick={() => onConfirm()}
-              dataTest="btnConfirmModalTest"
-            >
-              {intl.formatMessage(genericMessages.confirm)}
-            </Button>
-          </div>
+      <h1 className="title is-size-5">{message || 'Are you Sure?'}</h1>
+      <div className="level" style={{ marginTop: 50 }}>
+        <div className="level-left"></div>
+        <div className="level-right">
+          <button
+            className="button is-danger"
+            onClick={() => onCancel()}
+            data-test="btnCancelModalTest"
+          >
+            {intl.formatMessage(genericMessages.cancel)}
+          </button>
+          &nbsp;&nbsp;
+          <Button
+            loading={loading}
+            className="is-success"
+            onClick={() => onConfirm()}
+            dataTest="btnConfirmModalTest"
+          >
+            {intl.formatMessage(genericMessages.confirm)}
+          </Button>
         </div>
-      </React.Fragment>
+      </div>
     </Modal>
   )
 }
 
+interface PathTreeProps {
+  title: string
+  defaultPath?: string
+  children?: React.ReactNode
+  onConfirm: (path: string, target: EventTarget) => void
+  onCancel: () => void
+}
 // @todo Improve it... Replacing the inputText to a tree
 export function PathTree({
   title,
@@ -66,7 +88,7 @@ export function PathTree({
   children,
   onConfirm,
   onCancel,
-}) {
+}: PathTreeProps) {
   const intl = useIntl()
   return (
     <Modal isActive setActive={onCancel}>
diff --git a/src/guillo-gmi/components/notallowed.js b/src/guillo-gmi/components/notallowed.tsx
similarity index 94%
rename from src/guillo-gmi/components/notallowed.js
rename to src/guillo-gmi/components/notallowed.tsx
index b32d4ba1..d2bf3b38 100644
--- a/src/guillo-gmi/components/notallowed.js
+++ b/src/guillo-gmi/components/notallowed.tsx
@@ -1,4 +1,3 @@
-import React from 'react'
 import { Icon } from './ui/icon'
 import { useIntl } from 'react-intl'
 
diff --git a/src/guillo-gmi/components/notfound.js b/src/guillo-gmi/components/notfound.tsx
similarity index 94%
rename from src/guillo-gmi/components/notfound.js
rename to src/guillo-gmi/components/notfound.tsx
index 0526dd9c..5be68f1a 100644
--- a/src/guillo-gmi/components/notfound.js
+++ b/src/guillo-gmi/components/notfound.tsx
@@ -1,4 +1,3 @@
-import React from 'react'
 import { Icon } from './ui/icon'
 import { useIntl } from 'react-intl'
 
diff --git a/src/guillo-gmi/components/pagination.js b/src/guillo-gmi/components/pagination.tsx
similarity index 86%
rename from src/guillo-gmi/components/pagination.js
rename to src/guillo-gmi/components/pagination.tsx
index 8deeaba2..49707f00 100644
--- a/src/guillo-gmi/components/pagination.js
+++ b/src/guillo-gmi/components/pagination.tsx
@@ -1,8 +1,12 @@
-import React from 'react'
 import { useIntl } from 'react-intl'
 
-/* eslint jsx-a11y/anchor-is-valid: "off" */
-export function Pagination({ current, total, doPaginate, pager }) {
+interface Props {
+  current: number
+  total: number
+  doPaginate: (page: number) => void
+  pager: number
+}
+export function Pagination({ current, total, doPaginate, pager }: Props) {
   const intl = useIntl()
   const maxPages = Math.ceil(total / pager)
   if (maxPages <= 1) {
@@ -34,7 +38,7 @@ export function Pagination({ current, total, doPaginate, pager }) {
       >
         <a
           className="pagination-previous is-small"
-          disabled={current === 0}
+          // disabled={current === 0}
           onClick={() => (current > 0 ? doPaginate(current - 1) : null)}
         >
           <span className="icon">
@@ -43,7 +47,7 @@ export function Pagination({ current, total, doPaginate, pager }) {
         </a>
         <a
           className="pagination-next is-small"
-          disabled={current >= maxPages - 1}
+          // disabled={current >= maxPages - 1}
           onClick={() => doPaginate(current + 1)}
         >
           <span className="icon">
diff --git a/src/guillo-gmi/components/panel/actions.js b/src/guillo-gmi/components/panel/actions.tsx
similarity index 93%
rename from src/guillo-gmi/components/panel/actions.js
rename to src/guillo-gmi/components/panel/actions.tsx
index a825c3f9..53524bd7 100644
--- a/src/guillo-gmi/components/panel/actions.js
+++ b/src/guillo-gmi/components/panel/actions.tsx
@@ -1,7 +1,7 @@
-import React from 'react'
 import { useTraversal } from '../../contexts'
 import { useIntl } from 'react-intl'
 import { getActionsObject } from '../../lib/helpers'
+import { Fragment } from 'react'
 
 export function PanelActions() {
   const traversal = useTraversal()
@@ -19,7 +19,7 @@ export function PanelActions() {
   }
 
   return (
-    <React.Fragment>
+    <Fragment>
       {Object.keys(ACTIONS_OBJECT).map((actionKey) => {
         if (hasPerm(ACTIONS_OBJECT[actionKey].perms)) {
           return (
@@ -35,6 +35,6 @@ export function PanelActions() {
           )
         }
       })}
-    </React.Fragment>
+    </Fragment>
   )
 }
diff --git a/src/guillo-gmi/components/panel/addons.js b/src/guillo-gmi/components/panel/addons.tsx
similarity index 76%
rename from src/guillo-gmi/components/panel/addons.js
rename to src/guillo-gmi/components/panel/addons.tsx
index 0029772e..8aee7fce 100644
--- a/src/guillo-gmi/components/panel/addons.js
+++ b/src/guillo-gmi/components/panel/addons.tsx
@@ -1,8 +1,7 @@
-import React from 'react'
 import { useTraversal } from '../../contexts'
-import useAsync from '../../hooks/useAsync'
 import { useIntl, defineMessages } from 'react-intl'
 import { genericMessages } from '../../locales/generic_messages'
+import { Fragment, useEffect, useState } from 'react'
 
 const messages = defineMessages({
   available_addons: {
@@ -20,10 +19,30 @@ const messages = defineMessages({
 })
 
 // TODO: Refactor without useAsync... just crudContext
-export function PanelAddons(props) {
+export function PanelAddons() {
   const intl = useIntl()
   const Ctx = useTraversal()
-  let [action, setAction] = React.useState(false)
+  const [action, setAction] = useState(false)
+  const [state, setState] = useState({
+    data: undefined,
+    loading: false,
+    error: undefined,
+  })
+
+  useEffect(() => {
+    const getAddons = async () => {
+      if (!state.loading && !state.data && !state.error) {
+        try {
+          const response = await Ctx.client.getAddons(Ctx.pathPrefix)
+          const data = await response.json()
+          setState({ ...state, loading: false, data: prepareData(data) })
+        } catch (err) {
+          setState({ ...state, loading: false, error: err })
+        }
+      }
+    }
+    getAddons()
+  }, [action])
 
   const installAddon = async (Ctx, key) => {
     await Ctx.client.installAddon(Ctx.pathPrefix, key)
@@ -37,14 +56,8 @@ export function PanelAddons(props) {
     setAction(!action)
   }
 
-  const state = useAsync(async () => {
-    const response = await Ctx.client.getAddons(Ctx.pathPrefix)
-    const data = await response.json()
-    return prepareData(data)
-  }, [action])
-
   return (
-    <React.Fragment>
+    <Fragment>
       {state.loading ? (
         <div>{intl.formatMessage(genericMessages.loading)}</div>
       ) : state.error ? (
@@ -56,15 +69,15 @@ export function PanelAddons(props) {
               {intl.formatMessage(messages.available_addons)}
             </h2>
             <hr />
-            {state.value.available.length === 0 && (
+            {(state.data?.available ?? []).length === 0 && (
               <p>
                 {intl.formatMessage(messages.no_available_addons_container)}
               </p>
             )}
             <table className="table is-12">
               <tbody>
-                {state.value.available.map((addon) => (
-                  <tr>
+                {(state.data?.available ?? []).map((addon) => (
+                  <tr key={addon.id}>
                     <td>{addon.title}</td>
                     <td>
                       <button
@@ -84,15 +97,15 @@ export function PanelAddons(props) {
               {intl.formatMessage(messages.installed_addons)}
             </h2>
             <hr />
-            {state.value.installed.length === 0 && (
+            {(state.data?.installed ?? []).length === 0 && (
               <p>
                 {intl.formatMessage(messages.no_available_addons_container)}
               </p>
             )}
             <table className="table is-12">
               <tbody>
-                {state.value.installed.map((addon) => (
-                  <tr>
+                {(state.data?.installed ?? []).map((addon) => (
+                  <tr key={addon.id}>
                     <td>{addon.title}</td>
                     <td>
                       <button
@@ -109,7 +122,7 @@ export function PanelAddons(props) {
           </div>
         </div>
       )}
-    </React.Fragment>
+    </Fragment>
   )
 }
 
diff --git a/src/guillo-gmi/components/panel/behaviors.js b/src/guillo-gmi/components/panel/behaviors.tsx
similarity index 88%
rename from src/guillo-gmi/components/panel/behaviors.js
rename to src/guillo-gmi/components/panel/behaviors.tsx
index fc51305d..1325eefb 100644
--- a/src/guillo-gmi/components/panel/behaviors.js
+++ b/src/guillo-gmi/components/panel/behaviors.tsx
@@ -1,16 +1,23 @@
-import React from 'react'
 import { useCrudContext } from '../../hooks/useCrudContext'
 import { Table } from '../ui/table'
 import { Button } from '../input/button'
 import { useIntl } from 'react-intl'
 import { genericMessages } from '../../locales/generic_messages'
+import { Fragment, useEffect, useState } from 'react'
+import { GuillotinaBehaviors } from '../../types/guillotina'
 
 export function PanelBehaviors() {
   const intl = useIntl()
-  const { Ctx, get, result, loading, isError } = useCrudContext()
+  const {
+    Ctx,
+    get,
+    result,
+    loading,
+    isError,
+  } = useCrudContext<GuillotinaBehaviors>()
   const ops = useCrudContext()
 
-  const [state, setState] = React.useState(false)
+  const [state, setState] = useState(false)
 
   const enableBehavior = (behavior) => async () => {
     await ops.patch({ behavior }, '@behaviors')
@@ -24,7 +31,7 @@ export function PanelBehaviors() {
     Ctx.refresh()
   }
 
-  React.useEffect(() => {
+  useEffect(() => {
     get('@behaviors')
   }, [])
 
@@ -35,10 +42,10 @@ export function PanelBehaviors() {
           {intl.formatMessage(genericMessages.behaviors)}
         </h2>
         {!loading && !isError && result && (
-          <React.Fragment>
+          <Fragment>
             <Table>
               <tr>
-                <td colSpan="3">
+                <td colSpan={3}>
                   <h3 className="title is-size-6">
                     {intl.formatMessage(genericMessages.static)}
                   </h3>
@@ -58,7 +65,7 @@ export function PanelBehaviors() {
             </Table>
             <Table>
               <tr>
-                <td colSpan="3">
+                <td colSpan={3}>
                   <h3 className="title is-size-6">
                     {intl.formatMessage(genericMessages.enabled)}
                   </h3>
@@ -81,7 +88,7 @@ export function PanelBehaviors() {
             </Table>
             <Table>
               <tr>
-                <td colSpan="3">
+                <td colSpan={3}>
                   <h3 className="title is-size-6">
                     {intl.formatMessage(genericMessages.available)}
                   </h3>
@@ -102,7 +109,7 @@ export function PanelBehaviors() {
                 </tr>
               ))}
             </Table>
-          </React.Fragment>
+          </Fragment>
         )}
       </div>
       <div className="column is-4"></div>
diff --git a/src/guillo-gmi/components/panel/index.js b/src/guillo-gmi/components/panel/index.js
deleted file mode 100644
index 0fb86221..00000000
--- a/src/guillo-gmi/components/panel/index.js
+++ /dev/null
@@ -1,8 +0,0 @@
-// @create-index
-
-export { default as addons } from './addons.js'
-export { default as actions } from './actions.js'
-export { default as docs } from './docs.js'
-export { default as item } from './item.js'
-export { default as items } from './items.js'
-export { default as properties } from './properties.js'
diff --git a/src/guillo-gmi/components/panel/index.ts b/src/guillo-gmi/components/panel/index.ts
new file mode 100644
index 00000000..beb4565a
--- /dev/null
+++ b/src/guillo-gmi/components/panel/index.ts
@@ -0,0 +1,6 @@
+// @create-index
+
+export * from './addons'
+export * from './actions'
+export * from './items'
+export * from './properties'
diff --git a/src/guillo-gmi/components/panel/items.js b/src/guillo-gmi/components/panel/items.tsx
similarity index 93%
rename from src/guillo-gmi/components/panel/items.js
rename to src/guillo-gmi/components/panel/items.tsx
index d6b93327..52bd7a33 100644
--- a/src/guillo-gmi/components/panel/items.js
+++ b/src/guillo-gmi/components/panel/items.tsx
@@ -1,5 +1,3 @@
-import React from 'react'
-
 import useSetState from '../../hooks/useSetState'
 import {
   ItemsActionsProvider,
@@ -22,7 +20,16 @@ import { Input } from '../input/input'
 import { SelectVocabulary } from '../input/select_vocabulary'
 import { useIntl } from 'react-intl'
 import { genericMessages } from '../../locales/generic_messages'
-const initialState = {
+
+import { SearchItem } from '../../types/guillotina'
+
+interface InitialState {
+  page: number
+  items: SearchItem[]
+  loading: boolean
+  total: number
+}
+const initialState: InitialState = {
   page: 0,
   items: [],
   loading: true,
@@ -35,7 +42,7 @@ export function PanelItems() {
   const intl = useIntl()
 
   const Ctx = useTraversal()
-  const [state, setState] = useSetState(initialState)
+  const [state, setState] = useSetState<InitialState>(initialState)
   const { items, loading, total } = state
 
   const filterSchema =
@@ -45,9 +52,9 @@ export function PanelItems() {
     Ctx.registry.getItemsColumn(Ctx.context['@type']) ||
     Ctx.client.getItemsColumn()
 
-  let search = location.get('q')
-  let type = location.get('type')
-  let sort = location.get('sort')
+  const search = location.get('q')
+  const type = location.get('type')
+  const sort = location.get('sort')
   const sortDirection = location.get('sort_direction')
   let page
 
@@ -94,7 +101,7 @@ export function PanelItems() {
   }
 
   let resultQueryParams = []
-  let resultDynamicLocation = []
+  const resultDynamicLocation = []
   filterSchema.forEach((filter) => {
     const itemParam = location.get(filter.attribute_key)
     resultDynamicLocation.push(itemParam)
@@ -108,12 +115,11 @@ export function PanelItems() {
     const controller = new AbortController()
     if (Ctx.state.loading) return
     ;(async () => {
-      let data
       setState({ loading: true, total: Ctx.context.length })
       const { get } = Ctx.registry
       const fnName = get('searchEngineQueryParamsFunction', SearchEngine)
 
-      let qsParsed = Ctx.client[fnName]({
+      const qsParsed = Ctx.client[fnName]({
         path: Ctx.path,
         start: page * PageSize,
         pageSize: PageSize,
@@ -132,7 +138,9 @@ export function PanelItems() {
       }
 
       const { signal } = controller
-      data = await Ctx.client.search(Ctx.path, qs, false, false, { signal })
+      const data = await Ctx.client.search(Ctx.path, qs, false, false, {
+        signal,
+      })
       setState({
         items: data.member,
         loading: false,
@@ -208,7 +216,7 @@ export function PanelItems() {
                   appendDefault
                   vocabularyName={filter.vocabulary}
                   classWrap="is-size-7 is-fullwidth"
-                  value={location.get(filter.attribute_key) || ''}
+                  val={location.get(filter.attribute_key) || ''}
                   dataTest={`filterInput${filter.attribute_key}`}
                   onChange={(value) => {
                     if (value && value !== '') {
@@ -267,7 +275,7 @@ export function PanelItems() {
                   <div key={filter.attribute_key}>
                     <SearchVocabularyLabels
                       query={filter.attribute_key}
-                      vocabulary={filter?.vocabulary}
+                      vocabularyName={filter?.vocabulary}
                     />
                   </div>
                 )
@@ -342,7 +350,7 @@ export function PanelItems() {
               ))}
             {items && items.length === 0 && (
               <tr>
-                <td colSpan="6" className="has-text-centered">
+                <td colSpan={6} className="has-text-centered">
                   {intl.formatMessage(genericMessages.no_results)}
                 </td>
               </tr>
diff --git a/src/guillo-gmi/components/panel/permissions.js b/src/guillo-gmi/components/panel/permissions.tsx
similarity index 85%
rename from src/guillo-gmi/components/panel/permissions.js
rename to src/guillo-gmi/components/panel/permissions.tsx
index 6668786d..cd6bab26 100644
--- a/src/guillo-gmi/components/panel/permissions.js
+++ b/src/guillo-gmi/components/panel/permissions.tsx
@@ -1,5 +1,3 @@
-import React from 'react'
-
 import useSetState from '../../hooks/useSetState'
 import { PermissionPrinperm } from './permissions_prinperm'
 import { PermissionPrinrole } from './permissions_prinrole'
@@ -11,6 +9,8 @@ import { useCrudContext } from '../../hooks/useCrudContext'
 import { useTraversal } from '../../contexts'
 import { defineMessages, useIntl } from 'react-intl'
 import { genericMessages } from '../../locales/generic_messages'
+import { Fragment, useEffect, useState } from 'react'
+import { GuillotinaSharing } from '../../types/guillotina'
 
 const messages = defineMessages({
   role_permissions: {
@@ -65,12 +65,12 @@ const messages = defineMessages({
 
 export function PanelPermissions() {
   const intl = useIntl()
-  const { get, result, loading } = useCrudContext()
+  const { get, result, loading } = useCrudContext<GuillotinaSharing>()
   const ctx = useTraversal()
 
-  const [reset, setReset] = React.useState(1)
+  const [reset, setReset] = useState(1)
 
-  React.useEffect(() => {
+  useEffect(() => {
     get('@sharing')
   }, [reset])
 
@@ -94,9 +94,9 @@ export function PanelPermissions() {
             ]}
           >
             {perms.roles.map((role, idx) => (
-              <React.Fragment key={'ff' + idx}>
+              <Fragment key={'ff' + idx}>
                 <tr>
-                  <td colSpan="3" className="has-text-link">
+                  <td colSpan={3} className="has-text-link">
                     {role}
                   </td>
                   {/* <td>
@@ -111,11 +111,11 @@ export function PanelPermissions() {
                     <td>{perms.getRole(role)[row]}</td>
                   </tr>
                 ))}
-              </React.Fragment>
+              </Fragment>
             ))}
             {perms.roles.length === 0 && (
               <tr>
-                <td colSpan="3">
+                <td colSpan={3}>
                   {intl.formatMessage(messages.no_role_permissions)}
                 </td>
               </tr>
@@ -132,9 +132,9 @@ export function PanelPermissions() {
             ]}
           >
             {perms.principals.map((role, idx) => (
-              <React.Fragment key={'f2' + idx}>
+              <Fragment key={'f2' + idx}>
                 <tr>
-                  <td colSpan="3" className="has-text-link">
+                  <td colSpan={3} className="has-text-link">
                     {role}
                   </td>
                 </tr>
@@ -145,11 +145,11 @@ export function PanelPermissions() {
                     <td>{perms.getPrincipals(role)[row]}</td>
                   </tr>
                 ))}
-              </React.Fragment>
+              </Fragment>
             ))}
             {perms.principals.length === 0 && (
               <tr>
-                <td colSpan="3">
+                <td colSpan={3}>
                   {intl.formatMessage(messages.no_principal_permissions)}
                 </td>
               </tr>
@@ -166,9 +166,9 @@ export function PanelPermissions() {
             ]}
           >
             {perms.prinrole.map((role, idx) => (
-              <React.Fragment key={role + idx}>
+              <Fragment key={role + idx}>
                 <tr>
-                  <td colSpan="3" className="has-text-link">
+                  <td colSpan={3} className="has-text-link">
                     {role}
                   </td>
                 </tr>
@@ -179,11 +179,11 @@ export function PanelPermissions() {
                     <td>{perms.getPrinroles(role)[row]}</td>
                   </tr>
                 ))}
-              </React.Fragment>
+              </Fragment>
             ))}
             {perms.prinrole.length === 0 && (
               <tr>
-                <td colSpan="3">
+                <td colSpan={3}>
                   {intl.formatMessage(messages.no_role_permissions)}
                 </td>
               </tr>
@@ -198,17 +198,26 @@ export function PanelPermissions() {
   )
 }
 
-const initial = {
+interface State {
+  permissions: { text: string; value: string }[]
+  roles: { text: string; value: string }[]
+  principals: { text: string; value: string }[]
+  current: string
+}
+const initial: State = {
   permissions: undefined,
   roles: [],
   principals: undefined,
   current: '',
-  currentObj: undefined,
 }
 
-export function AddPermission({ refresh, reset }) {
+interface AddPermissionProps {
+  refresh: (state: number) => void
+  reset: number
+}
+export function AddPermission({ refresh, reset }: AddPermissionProps) {
   const Ctx = useTraversal()
-  const [state, setState] = useSetState(initial)
+  const [state, setState] = useSetState<State>(initial)
   const intl = useIntl()
 
   const operations = [
@@ -228,7 +237,7 @@ export function AddPermission({ refresh, reset }) {
     { text: intl.formatMessage(messages.principal_roles), value: 'prinrole' },
   ]
 
-  React.useEffect(() => {
+  useEffect(() => {
     async function init() {
       const permissions = (await Ctx.client.getAllPermissions(Ctx.path)).map(
         (perm) => ({
@@ -239,7 +248,7 @@ export function AddPermission({ refresh, reset }) {
       let principals = []
       let roles = []
 
-      let principalsData = await Ctx.client.getPrincipals(Ctx.path)
+      const principalsData = await Ctx.client.getPrincipals(Ctx.path)
       const groups = principalsData.groups.map((group) => ({
         text: group.id,
         value: group.id,
@@ -271,7 +280,7 @@ export function AddPermission({ refresh, reset }) {
       <p>{intl.formatMessage(messages.select_type)}</p>
       <Select
         options={defaultOptions}
-        onChange={(value) => setState({ current: value })}
+        onChange={(value: string) => setState({ current: value })}
         dataTest="selectPermissionTypeTest"
       />
       <hr />
diff --git a/src/guillo-gmi/components/panel/permissions_prinperm.js b/src/guillo-gmi/components/panel/permissions_prinperm.tsx
similarity index 84%
rename from src/guillo-gmi/components/panel/permissions_prinperm.js
rename to src/guillo-gmi/components/panel/permissions_prinperm.tsx
index 015d9566..d6d9485e 100644
--- a/src/guillo-gmi/components/panel/permissions_prinperm.js
+++ b/src/guillo-gmi/components/panel/permissions_prinperm.tsx
@@ -1,5 +1,3 @@
-import React from 'react'
-
 import ErrorZone from '../error_zone'
 import useSetState from '../../hooks/useSetState'
 import { Button } from '../input/button'
@@ -9,16 +7,28 @@ import { useTraversal } from '../../contexts'
 import { useIntl } from 'react-intl'
 import { genericMessages } from '../../locales/generic_messages'
 
+interface State {
+  principal: string
+  permission: string[]
+  setting: string
+  error: string
+}
+interface Props {
+  principals: { text: string; value: string }[]
+  permissions: { text: string; value: string }[]
+  operations: { text: string; value: string }[]
+  refresh: (value: number) => void
+}
 export function PermissionPrinperm({
   principals,
   permissions,
   operations,
   refresh,
-}) {
+}: Props) {
   const Ctx = useTraversal()
   const intl = useIntl()
   const { post, loading } = useCrudContext()
-  const [state, setState] = useSetState({
+  const [state, setState] = useSetState<State>({
     principal: undefined,
     permission: [],
     setting: undefined,
@@ -66,7 +76,7 @@ export function PermissionPrinperm({
         <Select
           appendDefault
           options={principals}
-          onChange={(value) => setState({ principal: value })}
+          onChange={(value: string) => setState({ principal: value })}
           dataTest="selectPrincipalTest"
         />
       </div>
@@ -89,7 +99,7 @@ export function PermissionPrinperm({
         <Select
           appendDefault
           options={operations}
-          onChange={(value) => setState({ setting: value })}
+          onChange={(value: string) => setState({ setting: value })}
           dataTest="operationPermissionsTest"
         />
       </div>
diff --git a/src/guillo-gmi/components/panel/permissions_prinrole.js b/src/guillo-gmi/components/panel/permissions_prinrole.tsx
similarity index 82%
rename from src/guillo-gmi/components/panel/permissions_prinrole.js
rename to src/guillo-gmi/components/panel/permissions_prinrole.tsx
index 28d10623..08c1a25f 100644
--- a/src/guillo-gmi/components/panel/permissions_prinrole.js
+++ b/src/guillo-gmi/components/panel/permissions_prinrole.tsx
@@ -1,5 +1,3 @@
-import React from 'react'
-
 import ErrorZone from '../error_zone'
 import useSetState from '../../hooks/useSetState'
 import { Button } from '../input/button'
@@ -9,11 +7,28 @@ import { useTraversal } from '../../contexts'
 import { useIntl } from 'react-intl'
 import { genericMessages } from '../../locales/generic_messages'
 
-export function PermissionPrinrole({ principals, roles, operations, refresh }) {
+interface State {
+  principal: string
+  roles: string[]
+  setting: string
+  error: string
+}
+interface Props {
+  principals: { text: string; value: string }[]
+  roles: { text: string; value: string }[]
+  operations: { text: string; value: string }[]
+  refresh: (value: number) => void
+}
+export function PermissionPrinrole({
+  principals,
+  roles,
+  operations,
+  refresh,
+}: Props) {
   const intl = useIntl()
   const Ctx = useTraversal()
   const { post, loading } = useCrudContext()
-  const [state, setState] = useSetState({
+  const [state, setState] = useSetState<State>({
     principal: undefined,
     roles: [],
     setting: undefined,
@@ -61,7 +76,7 @@ export function PermissionPrinrole({ principals, roles, operations, refresh }) {
         <Select
           appendDefault
           options={principals}
-          onChange={(value) => setState({ principal: value })}
+          onChange={(value: string) => setState({ principal: value })}
           dataTest="selectPrincipalTest"
         />
       </div>
@@ -84,7 +99,7 @@ export function PermissionPrinrole({ principals, roles, operations, refresh }) {
         <Select
           appendDefault
           options={operations}
-          onChange={(value) => setState({ setting: value })}
+          onChange={(value: string) => setState({ setting: value })}
           dataTest="operationPermissionsTest"
         />
       </div>
diff --git a/src/guillo-gmi/components/panel/permissions_roleperm.js b/src/guillo-gmi/components/panel/permissions_roleperm.tsx
similarity index 85%
rename from src/guillo-gmi/components/panel/permissions_roleperm.js
rename to src/guillo-gmi/components/panel/permissions_roleperm.tsx
index 99e1fc22..368b01a9 100644
--- a/src/guillo-gmi/components/panel/permissions_roleperm.js
+++ b/src/guillo-gmi/components/panel/permissions_roleperm.tsx
@@ -1,5 +1,3 @@
-import React from 'react'
-
 import ErrorZone from '../error_zone'
 import useSetState from '../../hooks/useSetState'
 import { Button } from '../input/button'
@@ -9,16 +7,28 @@ import { useTraversal } from '../../contexts'
 import { useIntl } from 'react-intl'
 import { genericMessages } from '../../locales/generic_messages'
 
+interface State {
+  role: string
+  permission: string[]
+  setting: string
+  error: string
+}
+interface Props {
+  roles: { text: string; value: string }[]
+  permissions: { text: string; value: string }[]
+  operations: { text: string; value: string }[]
+  refresh: (value: number) => void
+}
 export function PermissionRoleperm({
   roles,
   permissions,
   operations,
   refresh,
-}) {
+}: Props) {
   const intl = useIntl()
   const Ctx = useTraversal()
   const { post, loading } = useCrudContext()
-  const [state, setState] = useSetState({
+  const [state, setState] = useSetState<State>({
     role: undefined,
     permission: [],
     setting: undefined,
@@ -67,7 +77,7 @@ export function PermissionRoleperm({
         <Select
           appendDefault
           options={roles}
-          onChange={(value) => setState({ role: value })}
+          onChange={(value: string) => setState({ role: value })}
           dataTest="selectRoleTest"
         />
       </div>
@@ -90,7 +100,7 @@ export function PermissionRoleperm({
         <Select
           appendDefault
           options={operations}
-          onChange={(value) => setState({ setting: value })}
+          onChange={(value: string) => setState({ setting: value })}
           dataTest="operationPermissionsTest"
         />
       </div>
diff --git a/src/guillo-gmi/components/panel/properties.js b/src/guillo-gmi/components/panel/properties.tsx
similarity index 91%
rename from src/guillo-gmi/components/panel/properties.js
rename to src/guillo-gmi/components/panel/properties.tsx
index 10798622..ce208034 100644
--- a/src/guillo-gmi/components/panel/properties.js
+++ b/src/guillo-gmi/components/panel/properties.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect } from 'react'
+import { useEffect } from 'react'
 import { ItemModel } from '../../models'
 import { BehaviorsView } from '../behavior_view'
 import { Icon } from '../ui/icon'
@@ -8,9 +8,12 @@ import { PropertiesView } from '../properties_view'
 import { useConfig } from '../../hooks/useConfig'
 import useSetState from '../../hooks/useSetState'
 import { useTraversal } from '../../contexts'
-import { get } from '../../lib/utils'
 import { useIntl } from 'react-intl'
 import { genericMessages } from '../../locales/generic_messages'
+import {
+  GuillotinaSchema,
+  GuillotinaSchemaProperty,
+} from '../../types/guillotina'
 
 const _showProperties = ['@id', '@name', '@uid']
 const _ignoreFields = [
@@ -29,13 +32,19 @@ const _ignoreFields = [
   'title',
 ]
 
+interface State {
+  data: GuillotinaSchema
+  loading: boolean
+  error: string
+}
+
 export function PanelProperties() {
   const intl = useIntl()
   const Ctx = useTraversal()
   const modifyContent = Ctx.hasPerm('guillotina.ModifyContent')
   const cfg = useConfig()
 
-  const [schema, setSchema] = useSetState({
+  const [schema, setSchema] = useSetState<State>({
     data: undefined,
     loading: false,
     error: undefined,
@@ -55,10 +64,13 @@ export function PanelProperties() {
 
   const properties = Object.keys(schema?.data?.properties || [])
     .filter((key) => !ignoreFields.includes(key))
-    .map((key) => ({ key, value: schema.data.properties[key] }))
+    .map((key) => ({
+      key,
+      value: schema.data.properties[key] as GuillotinaSchemaProperty,
+    }))
 
   useEffect(() => {
-    ;(async () => {
+    async function getSchema() {
       if (!schema.loading && !schema.data && !schema.error) {
         try {
           setSchema({ loading: true })
@@ -68,7 +80,8 @@ export function PanelProperties() {
           setSchema({ loading: false, error: err })
         }
       }
-    })()
+    }
+    getSchema()
   }, [schema])
 
   return (
@@ -139,7 +152,7 @@ export function PanelProperties() {
                             value={Ctx.context[key]}
                             schema={value}
                             modifyContent={modifyContent}
-                            required={get(schema.data, 'required', []).includes(
+                            required={(schema.data?.required ?? []).includes(
                               key
                             )}
                           />
diff --git a/src/guillo-gmi/components/path.js b/src/guillo-gmi/components/path.tsx
similarity index 85%
rename from src/guillo-gmi/components/path.js
rename to src/guillo-gmi/components/path.tsx
index 9b6bbd4e..a8f067ae 100644
--- a/src/guillo-gmi/components/path.js
+++ b/src/guillo-gmi/components/path.tsx
@@ -1,15 +1,12 @@
-import React from 'react'
 import { useTraversal } from '../contexts'
 import { useLocation } from '../hooks/useLocation'
 
-/* eslint jsx-a11y/anchor-is-valid: "off" */
-
 export function Path() {
   const ctx = useTraversal()
   const [, navigate] = useLocation()
 
-  let segments = ctx.path.replace(/\/$/, '').split('/')
-  let links = buildPaths(segments)
+  const segments = ctx.path.replace(/\/$/, '').split('/')
+  const links = buildPaths(segments)
 
   if (segments.length === 1) {
     return false
@@ -21,7 +18,7 @@ export function Path() {
         {segments.map((item, indx) => {
           const path = links[indx]
           const onClick = (e) => {
-            if (window.event.ctrlKey || window.event.metaKey) return
+            if (e.ctrlKey || e.metaKey) return
             e.preventDefault()
             navigate({ path }, true)
           }
@@ -57,7 +54,7 @@ export function Path() {
 
 const buildPaths = (segments) => {
   let current = ''
-  let results = []
+  const results = []
   segments.map((item, indx) => {
     if (indx === 0) {
       current += '/'
diff --git a/src/guillo-gmi/components/properties_view.js b/src/guillo-gmi/components/properties_view.tsx
similarity index 100%
rename from src/guillo-gmi/components/properties_view.js
rename to src/guillo-gmi/components/properties_view.tsx
diff --git a/src/guillo-gmi/components/search_labels.js b/src/guillo-gmi/components/search_labels.tsx
similarity index 84%
rename from src/guillo-gmi/components/search_labels.js
rename to src/guillo-gmi/components/search_labels.tsx
index 05d0b182..f22e7a76 100644
--- a/src/guillo-gmi/components/search_labels.js
+++ b/src/guillo-gmi/components/search_labels.tsx
@@ -1,9 +1,10 @@
-import React from 'react'
 import { Tag } from './ui/tag'
 import { useLocation } from '../hooks/useLocation'
 
-export function SearchLabels(props) {
-  const { query } = props
+interface Props {
+  query?: string
+}
+export function SearchLabels({ query }: Props) {
   const [location, , del] = useLocation()
   const search = location.get(query ?? 'q')
 
diff --git a/src/guillo-gmi/components/search_options_labels.js b/src/guillo-gmi/components/search_options_labels.tsx
similarity index 80%
rename from src/guillo-gmi/components/search_options_labels.js
rename to src/guillo-gmi/components/search_options_labels.tsx
index ee5ad6c0..fe844926 100644
--- a/src/guillo-gmi/components/search_options_labels.js
+++ b/src/guillo-gmi/components/search_options_labels.tsx
@@ -1,9 +1,12 @@
-import React, { useEffect, useState } from 'react'
+import { useEffect, useState } from 'react'
 import { Tag } from './ui/tag'
 import { useLocation } from '../hooks/useLocation'
 
-export function SearchOptionsLabels(props) {
-  const { query = 'q', options } = props
+interface Props {
+  query?: string
+  options?: { value: string; text: string }[]
+}
+export function SearchOptionsLabels({ query = 'q', options }: Props) {
   const [location, , del] = useLocation()
   const [renderValue, setRenderValue] = useState(undefined)
   const defaultRenderValue = location.get(query)
diff --git a/src/guillo-gmi/components/search_vocabulary_labels.js b/src/guillo-gmi/components/search_vocabulary_labels.tsx
similarity index 67%
rename from src/guillo-gmi/components/search_vocabulary_labels.js
rename to src/guillo-gmi/components/search_vocabulary_labels.tsx
index 66d500a6..98a70eb6 100644
--- a/src/guillo-gmi/components/search_vocabulary_labels.js
+++ b/src/guillo-gmi/components/search_vocabulary_labels.tsx
@@ -1,20 +1,24 @@
-import React, { useEffect, useState } from 'react'
+import { useEffect, useState } from 'react'
 import { Tag } from './ui/tag'
 import { useLocation } from '../hooks/useLocation'
 import { useVocabulary } from '../hooks/useVocabulary'
-import { get } from '../lib/utils'
 
-export function SearchVocabularyLabels(props) {
-  const { query = 'q' } = props
+interface Props {
+  query?: string
+  vocabularyName?: string
+}
+
+export function SearchVocabularyLabels({ query = 'q', vocabularyName }: Props) {
   const [location, , del] = useLocation()
   const [renderValue, setRenderValue] = useState(undefined)
-  const vocabulary = useVocabulary(props?.vocabulary)
+  const vocabulary = useVocabulary(vocabularyName)
   const defaultRenderValue = location.get(query)
 
   useEffect(() => {
-    let value = defaultRenderValue
-    if (get(vocabulary, 'data.items', []).length > 0) {
-      const vocabularyValue = get(vocabulary, 'data.items', []).find(
+    let value: string = defaultRenderValue
+
+    if ((vocabulary?.data?.items ?? []).length > 0) {
+      const vocabularyValue = vocabulary.data.items.find(
         (item) => item.token === value
       )
       if (vocabularyValue) {
diff --git a/src/guillo-gmi/components/selected_items_actions.js b/src/guillo-gmi/components/selected_items_actions.tsx
similarity index 74%
rename from src/guillo-gmi/components/selected_items_actions.js
rename to src/guillo-gmi/components/selected_items_actions.tsx
index 148cec0c..65210922 100644
--- a/src/guillo-gmi/components/selected_items_actions.js
+++ b/src/guillo-gmi/components/selected_items_actions.tsx
@@ -1,21 +1,43 @@
-import React, { createContext, useState, useContext } from 'react'
+import { createContext, useState, useContext } from 'react'
 import Dropdown from './input/dropdown'
 import { Checkbox } from './input/checkbox'
 import { useTraversal } from '../contexts'
 import { useIntl } from 'react-intl'
 import { getActionsObject } from '../lib/helpers'
+import { SearchItem } from '../types/guillotina'
 
-const ItemsActionsCtx = createContext({})
+const ItemsActionsCtx = createContext<{
+  selected?: {
+    all: boolean
+    [key: string]: boolean
+  }
+  onSelectOneItem?: (item: SearchItem) => void
+  onSelectAllItems?: (chedked: boolean) => void
+  onAction?: (action: string) => void
+}>({
+  selected: {
+    all: false,
+  },
+})
 
 /**
  * Actions to apply after select some items
  * Ex: Delete, Move, Copy...
  */
-export function ItemsActionsProvider({ items, children }) {
+interface PropsItemsActionsProvider {
+  items: SearchItem[]
+  children: React.ReactNode
+}
+export function ItemsActionsProvider({
+  items,
+  children,
+}: PropsItemsActionsProvider) {
   const intl = useIntl()
   const actions = getActionsObject(intl, true)
   const traversal = useTraversal()
-  const [selected, setSelected] = useState({})
+  const [selected, setSelected] = useState({
+    all: false,
+  })
   function onSelectAllItems(checked) {
     setSelected(
       items.reduce(
@@ -60,15 +82,13 @@ export function ItemsActionsProvider({ items, children }) {
  * Checkbox component without props that consume the ItemsActionsContext
  * and it select/unselect all items of the page.
  */
-export function AllItemsCheckbox({ dataTest }) {
+export function AllItemsCheckbox({ dataTest }: { dataTest?: string }) {
   const { onSelectAllItems, selected } = useContext(ItemsActionsCtx)
 
   return (
     <Checkbox
-      key={selected.all}
       onChange={onSelectAllItems}
-      style={{ marginLeft: 2 }}
-      value={selected.all}
+      checked={selected.all}
       dataTest={dataTest}
     />
   )
@@ -77,16 +97,19 @@ export function AllItemsCheckbox({ dataTest }) {
 /**
  * Checkbox component to select ONE item.
  */
-export function ItemCheckbox({ item, dataTest }) {
+interface PropsItemCheckbox {
+  item: SearchItem
+  dataTest?: string
+}
+export function ItemCheckbox({ item, dataTest }: PropsItemCheckbox) {
   const { selected, onSelectOneItem } = useContext(ItemsActionsCtx)
   const absId = `${item.path}/${item.id}`
   const value = selected[absId]
 
   return (
     <Checkbox
-      key={value}
       onChange={() => onSelectOneItem(item)}
-      value={value}
+      checked={value}
       dataTest={dataTest}
     />
   )
@@ -115,6 +138,7 @@ export function ItemsActionsDropdown() {
         ACTIONS_OBJECT[o.value].perms.some((perm) => !traversal.hasPerm(perm))
       }
       options={options}
+      isRight={false}
     >
       <div data-test="btnChooseActionTest">
         {intl.formatMessage({
diff --git a/src/guillo-gmi/components/tabs.js b/src/guillo-gmi/components/tabs.tsx
similarity index 81%
rename from src/guillo-gmi/components/tabs.js
rename to src/guillo-gmi/components/tabs.tsx
index d4b3b4d3..a0b909d5 100644
--- a/src/guillo-gmi/components/tabs.js
+++ b/src/guillo-gmi/components/tabs.tsx
@@ -1,9 +1,16 @@
-import React from 'react'
-import { useState } from 'react'
+import React, { useState } from 'react'
 import { useLocation } from '../hooks/useLocation'
+import { IndexSignature } from '../types/global'
 
-function FallbackTab({ title }) {
-  return <div>Tab '{title}' not found</div>
+function FallbackTab({ title }: { title: string }) {
+  return <div>Tab &apos;{title}&apos; not found</div>
+}
+
+interface Props {
+  tabs: IndexSignature
+  currentTab?: string
+  rightToolbar?: React.ReactNode
+  fallback?: React.ComponentType
 }
 
 export function TabsPanel({
@@ -11,8 +18,7 @@ export function TabsPanel({
   currentTab,
   rightToolbar,
   fallback = FallbackTab,
-  ...props
-}) {
+}: Props) {
   const [location, setLocation] = useLocation()
 
   if (location.get('tab')) {
@@ -67,7 +73,7 @@ export function TabsPanel({
         {rightToolbar && <div className="level-right">{rightToolbar}</div>}
       </div>
       <div className="container">
-        <CurrentComp title={current} {...props} />
+        <CurrentComp title={current} />
       </div>
     </div>
   )
diff --git a/src/guillo-gmi/components/ui/delete.js b/src/guillo-gmi/components/ui/delete.js
deleted file mode 100644
index ebfe6eb9..00000000
--- a/src/guillo-gmi/components/ui/delete.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import React from 'react'
-
-export function Delete({ onClick, className, children }) {
-  return (
-    <button
-      type="button"
-      onClick={onClick}
-      className={`delete ${className}`}
-      data-test="btnDeleteTest"
-    >
-      {children}
-    </button>
-  )
-}
diff --git a/src/guillo-gmi/components/ui/delete.tsx b/src/guillo-gmi/components/ui/delete.tsx
new file mode 100644
index 00000000..6113f374
--- /dev/null
+++ b/src/guillo-gmi/components/ui/delete.tsx
@@ -0,0 +1,19 @@
+import { MouseEvent } from 'react'
+
+interface Props {
+  onClick: (event: MouseEvent<HTMLButtonElement>) => void
+  className?: string
+  children?: React.ReactNode
+}
+export function Delete({ onClick, className = '', children = null }: Props) {
+  return (
+    <button
+      type="button"
+      onClick={onClick}
+      className={`delete ${className}`}
+      data-test="btnDeleteTest"
+    >
+      {children}
+    </button>
+  )
+}
diff --git a/src/guillo-gmi/components/ui/icon.js b/src/guillo-gmi/components/ui/icon.tsx
similarity index 66%
rename from src/guillo-gmi/components/ui/icon.js
rename to src/guillo-gmi/components/ui/icon.tsx
index 18f97893..99835821 100644
--- a/src/guillo-gmi/components/ui/icon.js
+++ b/src/guillo-gmi/components/ui/icon.tsx
@@ -1,7 +1,12 @@
-import React from 'react'
 import { classnames } from '../../lib/helpers'
 
-export const Icon = ({ icon, className, align }) => {
+interface Props {
+  icon: string
+  className?: string
+  align?: string
+}
+
+export const Icon = ({ icon, className, align }: Props) => {
   const addClass = className ? className.split(' ') : [className]
 
   align = align || 'is-right'
diff --git a/src/guillo-gmi/components/ui/index.js b/src/guillo-gmi/components/ui/index.ts
similarity index 100%
rename from src/guillo-gmi/components/ui/index.js
rename to src/guillo-gmi/components/ui/index.ts
diff --git a/src/guillo-gmi/components/ui/loading.js b/src/guillo-gmi/components/ui/loading.js
deleted file mode 100644
index cacd48e2..00000000
--- a/src/guillo-gmi/components/ui/loading.js
+++ /dev/null
@@ -1,5 +0,0 @@
-import React from 'react'
-
-export const Loading = ({ ...rest }) => (
-  <div className="progress-line" {...rest}></div>
-)
diff --git a/src/guillo-gmi/components/ui/loading.tsx b/src/guillo-gmi/components/ui/loading.tsx
new file mode 100644
index 00000000..7dd1af01
--- /dev/null
+++ b/src/guillo-gmi/components/ui/loading.tsx
@@ -0,0 +1,8 @@
+import { IndexSignature } from '../../types/global'
+
+interface Props {
+  style?: IndexSignature
+}
+export const Loading = ({ style = {} }: Props) => (
+  <div className="progress-line" style={style}></div>
+)
diff --git a/src/guillo-gmi/components/ui/notification.js b/src/guillo-gmi/components/ui/notification.js
deleted file mode 100644
index c4d93ce3..00000000
--- a/src/guillo-gmi/components/ui/notification.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import React from 'react'
-
-export function Notification({ isColor = '', children }) {
-  return (
-    <div className={'notification is-' + isColor} data-test="notificationTest">
-      {children}
-    </div>
-  )
-}
diff --git a/src/guillo-gmi/components/ui/notification.tsx b/src/guillo-gmi/components/ui/notification.tsx
new file mode 100644
index 00000000..4910966d
--- /dev/null
+++ b/src/guillo-gmi/components/ui/notification.tsx
@@ -0,0 +1,11 @@
+interface Props {
+  isColor?: string
+  children: React.ReactNode
+}
+export function Notification({ isColor = '', children }: Props) {
+  return (
+    <div className={'notification is-' + isColor} data-test="notificationTest">
+      {children}
+    </div>
+  )
+}
diff --git a/src/guillo-gmi/components/ui/table.js b/src/guillo-gmi/components/ui/table.tsx
similarity index 56%
rename from src/guillo-gmi/components/ui/table.js
rename to src/guillo-gmi/components/ui/table.tsx
index d54cc099..af87ec43 100644
--- a/src/guillo-gmi/components/ui/table.js
+++ b/src/guillo-gmi/components/ui/table.tsx
@@ -1,12 +1,16 @@
-import React from 'react'
 import { classnames } from '../../lib/helpers'
 
-export function Table({ headers, children, className }) {
-  className = className
+interface Props {
+  headers?: string[]
+  className?: string
+  children: React.ReactNode
+}
+export function Table({ headers, children, className }: Props) {
+  const parsedClassName = className
     ? className.split(' ')
     : ' is-full is-fullwidth is-narrow'.split(' ')
   return (
-    <table className={classnames(['table', ...className])}>
+    <table className={classnames(['table', ...parsedClassName])}>
       <thead>
         <tr>
           {headers &&
diff --git a/src/guillo-gmi/components/ui/tag.js b/src/guillo-gmi/components/ui/tag.tsx
similarity index 75%
rename from src/guillo-gmi/components/ui/tag.js
rename to src/guillo-gmi/components/ui/tag.tsx
index d5b8c3a7..9b2760a7 100644
--- a/src/guillo-gmi/components/ui/tag.js
+++ b/src/guillo-gmi/components/ui/tag.tsx
@@ -1,13 +1,19 @@
-import React from 'react'
 import { classnames } from '../../lib/helpers'
 
+interface Props {
+  name: string
+  id: string
+  onRemove?: () => void
+  size?: string
+  color?: string
+}
 export const Tag = ({
   name,
   id,
   onRemove,
   size = 'is-medium',
   color = 'is-warning',
-}) => (
+}: Props) => (
   <span className={classnames(['tag', color, size])} data-test={`tag-${id}`}>
     {name}
     {onRemove !== undefined && (
diff --git a/src/guillo-gmi/components/widgets/index.js b/src/guillo-gmi/components/widgets/index.ts
similarity index 100%
rename from src/guillo-gmi/components/widgets/index.js
rename to src/guillo-gmi/components/widgets/index.ts
diff --git a/src/guillo-gmi/components/widgets/tags.js b/src/guillo-gmi/components/widgets/tags.tsx
similarity index 69%
rename from src/guillo-gmi/components/widgets/tags.js
rename to src/guillo-gmi/components/widgets/tags.tsx
index 7b7ac746..8cc78c37 100644
--- a/src/guillo-gmi/components/widgets/tags.js
+++ b/src/guillo-gmi/components/widgets/tags.tsx
@@ -1,7 +1,7 @@
-import React from 'react'
 import { Select } from '../input/select'
 import { Tag } from '../ui/tag'
 import { Loading } from '../ui/loading'
+import { useRef, useState } from 'react'
 
 const prepareAvailable = (items, already, title) => {
   const def = { value: '', text: `Add ${title}` }
@@ -14,6 +14,14 @@ const prepareAvailable = (items, already, title) => {
   return [def].concat(items).filter((item) => !already.includes(item.value))
 }
 
+interface Props {
+  items: string[]
+  available?: string[]
+  title: string
+  noData: string
+  onChange: (items: string[]) => void
+  loading?: boolean
+}
 export function TagsWidget({
   items,
   available,
@@ -21,11 +29,11 @@ export function TagsWidget({
   noData,
   onChange,
   loading,
-}) {
-  const selectRef = React.useRef()
+}: Props) {
+  const selectRef = useRef<HTMLSelectElement>()
 
-  const [result, setResult] = React.useState(items)
-  available = prepareAvailable(available || [], result, title)
+  const [result, setResult] = useState(items)
+  const availableData = prepareAvailable(available || [], result, title)
 
   const remove = (value) => {
     const items = result.filter((item) => item !== value)
@@ -41,13 +49,18 @@ export function TagsWidget({
   }
 
   return (
-    <React.Fragment>
+    <>
       <h3 className="title is-size-6">{title}</h3>
       {loading ? <Loading style={{ marginBottom: '1.5rem' }} /> : <hr />}
       <ul>
         <div className="tags">
           {result.map((item) => (
-            <Tag name={item} onRemove={() => remove(item)} key={item} />
+            <Tag
+              id={item}
+              name={item}
+              onRemove={() => remove(item)}
+              key={item}
+            />
           ))}
         </div>
         {result.length === 0 && (
@@ -56,16 +69,18 @@ export function TagsWidget({
         {available.length > 1 && (
           <li className="widget-list-add select is-small">
             <Select
-              options={available}
+              options={availableData}
               ref={selectRef}
               onChange={(value) => {
                 addItem(value)
-                selectRef.current.value = ''
+                if (selectRef.current) {
+                  selectRef.current.value = ''
+                }
               }}
             />
           </li>
         )}
       </ul>
-    </React.Fragment>
+    </>
   )
 }
diff --git a/src/guillo-gmi/contexts/index.js b/src/guillo-gmi/contexts/index.tsx
similarity index 55%
rename from src/guillo-gmi/contexts/index.js
rename to src/guillo-gmi/contexts/index.tsx
index 8559682b..da76855a 100644
--- a/src/guillo-gmi/contexts/index.js
+++ b/src/guillo-gmi/contexts/index.tsx
@@ -1,15 +1,39 @@
-import React from 'react'
+import { Dispatch, useContext } from 'react'
 import { createContext } from 'react'
+import { GuillotinaClient } from '../lib/client.js'
+import { Auth } from '../lib/auth.js'
+import { IndexSignature } from '../types/global'
+import { GuillotinaGlobalState } from '../reducers/guillotina'
 
 export const AuthContext = createContext({})
 
-export const ClientContext = createContext({})
+export const ClientContext = createContext<GuillotinaClient>(null)
 
-export const TraversalContext = createContext({})
+interface PropsTraversal {
+  client: GuillotinaClient
+  auth: Auth
+  state: GuillotinaGlobalState
+  dispatch: Dispatch<{ type: string; payload: IndexSignature }>
+  registry: IndexSignature
+  flash: (action: string, result: string) => void
+  url: string
+}
 
-class Traversal {
-  constructor({ flash, ...props }) {
-    Object.assign(this, props)
+export class Traversal {
+  private dispatch
+  public state
+  public client
+  public registry
+  public url
+  public auth
+
+  constructor({ flash, ...props }: PropsTraversal) {
+    this.dispatch = props.dispatch
+    this.state = props.state
+    this.client = props.client
+    this.registry = props.registry
+    this.auth = props.auth
+    this.url = props.url
     if (typeof flash === 'function') this.flash = flash
   }
 
@@ -47,7 +71,7 @@ class Traversal {
     this.dispatch({ type: 'CLEAR_FLASH' })
   }
 
-  doAction(action, params) {
+  doAction(action, params = {}) {
     this.dispatch({ type: 'SET_ACTION', payload: { action, params } })
   }
 
@@ -73,7 +97,11 @@ class Traversal {
   }
 }
 
-export function TraversalProvider({ children, ...props }) {
+export const TraversalContext = createContext<Traversal>(null)
+export function TraversalProvider({
+  children,
+  ...props
+}: PropsTraversal & { children: React.ReactNode }) {
   return (
     <TraversalContext.Provider value={new Traversal(props)}>
       {children}
@@ -82,15 +110,19 @@ export function TraversalProvider({ children, ...props }) {
 }
 
 export function useTraversal() {
-  return React.useContext(TraversalContext)
+  return useContext(TraversalContext)
 }
 
-export function ClientProvider({ children, client }) {
+interface PropsClient {
+  children: React.ReactNode
+  client: GuillotinaClient
+}
+export function ClientProvider({ children, client }: PropsClient) {
   return (
     <ClientContext.Provider value={client}>{children}</ClientContext.Provider>
   )
 }
 
 export function useGuillotinaClient() {
-  return React.useContext(ClientContext)
+  return useContext(ClientContext)
 }
diff --git a/src/guillo-gmi/forms/base.js b/src/guillo-gmi/forms/base.tsx
similarity index 85%
rename from src/guillo-gmi/forms/base.js
rename to src/guillo-gmi/forms/base.tsx
index 929ff2e3..bc7b33e1 100644
--- a/src/guillo-gmi/forms/base.js
+++ b/src/guillo-gmi/forms/base.tsx
@@ -1,4 +1,3 @@
-import React from 'react'
 import { useState } from 'react'
 import { Input } from '../components/input/input'
 import { Form } from '../components/input/form'
@@ -6,7 +5,20 @@ import { stringToSlug } from '../lib/helpers'
 import { useIntl } from 'react-intl'
 import { genericMessages } from '../locales/generic_messages'
 
-export function BaseForm({ onSubmit, actionName, title, dataTest, loading }) {
+interface Props {
+  onSubmit: (data: { title: string; id: string }) => void
+  actionName?: string
+  title?: string
+  dataTest?: string
+  loading?: boolean
+}
+export function BaseForm({
+  onSubmit,
+  actionName,
+  title,
+  dataTest,
+  loading,
+}: Props) {
   const intl = useIntl()
   const [name, setName] = useState('')
   const [id, setId] = useState('')
diff --git a/src/guillo-gmi/forms/required_fields.js b/src/guillo-gmi/forms/required_fields.tsx
similarity index 87%
rename from src/guillo-gmi/forms/required_fields.js
rename to src/guillo-gmi/forms/required_fields.tsx
index a7d07409..c58108f8 100644
--- a/src/guillo-gmi/forms/required_fields.js
+++ b/src/guillo-gmi/forms/required_fields.tsx
@@ -1,4 +1,3 @@
-import React from 'react'
 import { useState, useEffect } from 'react'
 import { Form } from '../components/input/form'
 import { stringToSlug } from '../lib/helpers'
@@ -6,10 +5,25 @@ import { useTraversal } from '../contexts'
 import useSetState from '../hooks/useSetState'
 import { useIntl } from 'react-intl'
 import { genericMessages } from '../locales/generic_messages'
+import { IndexSignature } from '../types/global'
 
 const ignoreFiels = []
 const extraFields = ['title']
 
+interface Props {
+  onSubmit: (data: { [key: string]: any }) => void
+  actionName?: string
+  title?: string
+  dataTest?: string
+  loading?: boolean
+  type: string
+}
+interface State {
+  data: any
+  loading: boolean
+  error: any
+  formFields: string[]
+}
 export function RequiredFieldsForm({
   loading,
   onSubmit,
@@ -17,16 +31,16 @@ export function RequiredFieldsForm({
   title,
   dataTest,
   type,
-}) {
+}: Props) {
   const intl = useIntl()
   const Ctx = useTraversal()
 
   const EditComponent = Ctx.registry.get('components', 'EditComponent')
 
-  const [formData, setFormData] = useState({})
+  const [formData, setFormData] = useState<IndexSignature>({})
   const [errors, setErrors] = useState({})
 
-  const [schema, setSchema] = useSetState({
+  const [schema, setSchema] = useSetState<State>({
     data: undefined,
     loading: false,
     error: undefined,
@@ -34,7 +48,7 @@ export function RequiredFieldsForm({
   })
 
   useEffect(() => {
-    ;(async () => {
+    const getSchema = async () => {
       if (!schema.loading && !schema.data && !schema.error) {
         try {
           setSchema({ loading: true })
@@ -48,7 +62,8 @@ export function RequiredFieldsForm({
           setSchema({ loading: false, error: err })
         }
       }
-    })()
+    }
+    getSchema()
   }, [schema])
 
   const submit = () => {
diff --git a/src/guillo-gmi/forms/users.js b/src/guillo-gmi/forms/users.tsx
similarity index 61%
rename from src/guillo-gmi/forms/users.js
rename to src/guillo-gmi/forms/users.tsx
index a446b140..640fb736 100644
--- a/src/guillo-gmi/forms/users.js
+++ b/src/guillo-gmi/forms/users.tsx
@@ -1,17 +1,32 @@
-import React from 'react'
 import { FormBuilder } from '../components/input/form_builder'
 import { useIntl } from 'react-intl'
-import { genericMessages } from '../locales/generic_messages'
+import { IndexSignature } from '../types/global'
 
-export const UserForm = ({ isEdit = false, children, ...props }) => {
+interface Props {
+  children: React.ReactNode
+  onSubmit: (data: IndexSignature) => void
+  actionName?: string
+  formData?: IndexSignature
+  exclude?: string[]
+  remotes?: IndexSignature
+  submitButton?: boolean
+}
+export const UserForm = ({
+  children,
+  actionName,
+  onSubmit,
+  formData,
+  exclude,
+  remotes,
+  submitButton,
+}: Props) => {
   const intl = useIntl()
-  const attr = isEdit
-    ? {}
-    : {
-        title: intl.formatMessage(genericMessages.add_user),
-      }
+
   const schema = {
+    $schema: '',
+    title: '',
     type: 'object',
+    definitions: {},
     required: ['username', 'password'],
     properties: {
       username: {
@@ -50,8 +65,17 @@ export const UserForm = ({ isEdit = false, children, ...props }) => {
       },
     },
   }
+
   return (
-    <FormBuilder schema={schema} {...props} {...attr}>
+    <FormBuilder
+      schema={schema}
+      actionName={actionName}
+      onSubmit={onSubmit}
+      formData={formData}
+      exclude={exclude}
+      remotes={remotes}
+      submitButton={submitButton}
+    >
       {children}
     </FormBuilder>
   )
diff --git a/src/guillo-gmi/hooks/useAsync.js b/src/guillo-gmi/hooks/useAsync.js
deleted file mode 100644
index ee5c9d40..00000000
--- a/src/guillo-gmi/hooks/useAsync.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import { useEffect } from 'react'
-import useAsyncFn from './useAsyncFn'
-
-export default function useAsync(fn, deps = []) {
-  const [state, callback] = useAsyncFn(fn, deps, {
-    loading: true,
-  })
-
-  useEffect(() => {
-    callback()
-  }, [callback])
-
-  return state
-}
diff --git a/src/guillo-gmi/hooks/useAsyncFn.js b/src/guillo-gmi/hooks/useAsyncFn.js
deleted file mode 100644
index ff4e05f1..00000000
--- a/src/guillo-gmi/hooks/useAsyncFn.js
+++ /dev/null
@@ -1,36 +0,0 @@
-import { useCallback, useState, useRef } from 'react'
-import useMountedState from './useMountedState'
-
-export default function useAsyncFn(
-  fn,
-  deps = [],
-  initialState = { loading: false }
-) {
-  const lastCallId = useRef(0)
-  const isMounted = useMountedState()
-  const [state, set] = useState(initialState)
-
-  const callback = useCallback((...args) => {
-    const callId = ++lastCallId.current
-    set((prevState) => ({ ...prevState, loading: true }))
-
-    return fn(...args).then(
-      (value) => {
-        isMounted() &&
-          callId === lastCallId.current &&
-          set({ value, loading: false })
-
-        return value
-      },
-      (error) => {
-        isMounted() &&
-          callId === lastCallId.current &&
-          set({ error, loading: false })
-
-        return error
-      }
-    )
-  }, deps)
-
-  return [state, callback]
-}
diff --git a/src/guillo-gmi/hooks/useClickAway.js b/src/guillo-gmi/hooks/useClickAway.tsx
similarity index 100%
rename from src/guillo-gmi/hooks/useClickAway.js
rename to src/guillo-gmi/hooks/useClickAway.tsx
diff --git a/src/guillo-gmi/hooks/useConfig.js b/src/guillo-gmi/hooks/useConfig.tsx
similarity index 68%
rename from src/guillo-gmi/hooks/useConfig.js
rename to src/guillo-gmi/hooks/useConfig.tsx
index d773b9ea..61bd8bda 100644
--- a/src/guillo-gmi/hooks/useConfig.js
+++ b/src/guillo-gmi/hooks/useConfig.tsx
@@ -1,6 +1,7 @@
-import React from 'react'
+import { useRef } from 'react'
+import { GuillotinaSchemaProperty } from '../types/guillotina'
 
-export const Permissions = [
+export const Permissions: string[] = [
   'guillotina.AddContent',
   'guillotina.ModifyContent',
   'guillotina.ViewContent',
@@ -17,7 +18,19 @@ export const Permissions = [
   'guillotina.swagger.View',
 ]
 
-export const Config = {
+interface IConfig {
+  DisabledTypes: string[]
+  PageSize: number
+  DelayActions: number
+  Permissions: string[]
+  SearchEngine: string
+  SizeImages?: string[]
+  icons?: string[]
+  properties_default?: string[]
+  properties_ignore_fields?: string[]
+  fieldHaveDeleteButton: (schema: GuillotinaSchemaProperty) => boolean
+}
+export const Config: IConfig = {
   DisabledTypes: ['UserManager', 'GroupManager'],
   PageSize: 10,
   DelayActions: 200,
@@ -34,7 +47,7 @@ export const Config = {
 
 let calculated = Object.assign({}, Config)
 
-const addConfig = (additional, original) => {
+const addConfig = (additional: Partial<IConfig>, original: IConfig) => {
   const rest = Object.assign({}, original)
   Object.keys(additional).forEach((item) => {
     if (typeof Config[item] === 'object' && Array.isArray(Config[item])) {
@@ -48,18 +61,11 @@ const addConfig = (additional, original) => {
   return rest
 }
 
-export function useConfig(cfg) {
-  const ref = React.useRef()
+export function useConfig(cfg = {}) {
+  const ref = useRef<unknown>()
   if (cfg && !ref.current) {
-    console.log('cfg', cfg)
     calculated = addConfig(cfg, calculated)
     ref.current = calculated
   }
-
-  // if (cfg && !ref.current) {
-  //   ref.current = addConfig(cfg, ref.current);
-  //   calculated = ref.current
-  //   console.log("Current config", cfg)
-  // }
   return calculated
 }
diff --git a/src/guillo-gmi/hooks/useCrudContext.js b/src/guillo-gmi/hooks/useCrudContext.tsx
similarity index 68%
rename from src/guillo-gmi/hooks/useCrudContext.js
rename to src/guillo-gmi/hooks/useCrudContext.tsx
index be63ed94..9b84d203 100644
--- a/src/guillo-gmi/hooks/useCrudContext.js
+++ b/src/guillo-gmi/hooks/useCrudContext.tsx
@@ -1,7 +1,14 @@
 import { useTraversal } from '../contexts'
 import useSetState from './useSetState'
 
-const initial = {
+interface State<T = unknown> {
+  loading?: boolean
+  isError?: boolean
+  errorMessage?: string
+  result?: T
+  response?: unknown
+}
+const initial: State = {
   loading: undefined,
   isError: false,
   errorMessage: undefined,
@@ -35,9 +42,13 @@ const processResponse = async (res, ready_body = true) => {
     }
 }
 
-const patch = (setState, Ctx) => async (data, endpoint, body = false) => {
+const patch = (setState, Ctx) => async (
+  data,
+  endpoint = undefined,
+  body = false
+): Promise<State> => {
   setState({ loading: true })
-  let newState = {}
+  let newState: State = {}
   try {
     const path = endpoint ? `${Ctx.path}${endpoint}` : Ctx.path
     const res = await Ctx.client.patch(path, data)
@@ -50,7 +61,11 @@ const patch = (setState, Ctx) => async (data, endpoint, body = false) => {
   return newState
 }
 
-const del = (setState, Ctx) => async (data, endpoint, body = false) => {
+const del = (setState, Ctx) => async (
+  data = {},
+  endpoint = undefined,
+  body = false
+): Promise<State> => {
   setState({ loading: true })
   let newState = {}
   try {
@@ -65,7 +80,11 @@ const del = (setState, Ctx) => async (data, endpoint, body = false) => {
   return newState
 }
 
-const post = (setState, Ctx) => async (data, endpoint, body = true) => {
+const post = (setState, Ctx) => async (
+  data,
+  endpoint = undefined,
+  body = true
+): Promise<State> => {
   setState({ loading: true })
   let newState = {}
   try {
@@ -80,18 +99,25 @@ const post = (setState, Ctx) => async (data, endpoint, body = true) => {
   return newState
 }
 
-const get = (setState, Ctx) => async (endpoint) => {
+const get = (setState, Ctx) => async (endpoint = undefined): Promise<State> => {
   setState({ loading: true })
-  const path = endpoint ? `${Ctx.path}${endpoint}` : Ctx.path
-  const req = await Ctx.client.get(path)
-  const data = await req.json()
-  setState({ loading: false, result: data, response: req })
-  return data
+  let newState = {}
+  try {
+    const path = endpoint ? `${Ctx.path}${endpoint}` : Ctx.path
+    const res = await Ctx.client.get(path)
+    newState = await processResponse(res, true)
+  } catch (e) {
+    console.error('Error', e)
+    newState = { isError: true, errorMessage: 'unhandled exception' }
+  }
+
+  setState(newState)
+  return newState
 }
 
-export function useCrudContext() {
+export function useCrudContext<T>() {
   const Ctx = useTraversal()
-  const [state, setState] = useSetState(initial)
+  const [state, setState] = useSetState<State<T>>(initial)
 
   return {
     ...state,
diff --git a/src/guillo-gmi/hooks/useInput.js b/src/guillo-gmi/hooks/useInput.tsx
similarity index 76%
rename from src/guillo-gmi/hooks/useInput.js
rename to src/guillo-gmi/hooks/useInput.tsx
index 0fad2dd6..50c1e3ab 100644
--- a/src/guillo-gmi/hooks/useInput.js
+++ b/src/guillo-gmi/hooks/useInput.tsx
@@ -1,10 +1,10 @@
-import React from 'react'
+import { useEffect, useState } from 'react'
 
 const applyValidators = (value, validators) => {
-  let validation = Array.isArray(validators) ? validators : [validators]
+  const validation = Array.isArray(validators) ? validators : [validators]
   let result = true
   validation.forEach((func) => {
-    if (func(value) === false) {
+    if (func && func(value) === false) {
       result = false
     }
   })
@@ -12,7 +12,7 @@ const applyValidators = (value, validators) => {
 }
 
 const useInput = (onChange, value, validator) => {
-  let [state, setState] = React.useState({ hasError: false, value: value })
+  const [state, setState] = useState({ hasError: false, value: value })
 
   const onUpdate = (ev) => {
     const value = ev && ev.target ? ev.target.value : ev ? ev : ''
@@ -31,7 +31,7 @@ const useInput = (onChange, value, validator) => {
     }
   }
 
-  React.useEffect(() => {
+  useEffect(() => {
     setState({ value, hasError: false })
   }, [value])
 
diff --git a/src/guillo-gmi/hooks/useLocation.js b/src/guillo-gmi/hooks/useLocation.tsx
similarity index 78%
rename from src/guillo-gmi/hooks/useLocation.js
rename to src/guillo-gmi/hooks/useLocation.tsx
index 0d7fb17d..d8cfb147 100644
--- a/src/guillo-gmi/hooks/useLocation.js
+++ b/src/guillo-gmi/hooks/useLocation.tsx
@@ -1,14 +1,16 @@
 import { useEffect, useRef, useState, useCallback } from 'react'
+import { IndexSignature } from '../types/global'
 
 // Mostly inspired from
 // https://github.com/molefrog/wouter
 
-const setURLParams = (p) =>
-  window.history['pushState'](
+const setURLParams = (p) => {
+  return window.history.pushState(
     0,
-    0,
-    (window.history.pathname || '') + '?' + p.toString().replace(/%2F/g, '/')
+    '0',
+    '' + '?' + p.toString().replace(/%2F/g, '/')
   )
+}
 
 const clean = (to) => {
   const current = new URLSearchParams()
@@ -16,7 +18,11 @@ const clean = (to) => {
   setURLParams(current)
 }
 
-export const useLocation = () => {
+export const useLocation = (): [
+  URLSearchParams,
+  (to: IndexSignature, replace?: boolean) => void,
+  (param: string) => void
+] => {
   const [path, update] = useState(currentSearchParams())
   const prevPath = useRef(path)
 
@@ -40,8 +46,9 @@ export const useLocation = () => {
     // https://gist.github.com/bvaughn/e25397f70e8c65b0ae0d7c90b731b189
     checkForUpdates()
 
-    return () =>
+    return () => {
       events.map((e) => window.removeEventListener(e, checkForUpdates))
+    }
   }, [])
 
   // the 2nd argument of the `useLocation` return value is a function
@@ -55,7 +62,7 @@ export const useLocation = () => {
         clean(to)
         return
       }
-      let current = new URLSearchParams(path.toString())
+      const current = new URLSearchParams(path.toString())
       Object.keys(to).forEach((_key) => current.set(_key, to[_key]))
       setURLParams(current)
     },
@@ -64,7 +71,7 @@ export const useLocation = () => {
 
   const remove = useCallback(
     (param) => {
-      let current = new URLSearchParams(path.toString())
+      const current = new URLSearchParams(path.toString())
       current.delete(param)
       setURLParams(current)
     },
@@ -87,10 +94,11 @@ const patchHistoryEvents = () => {
   ;['pushState', 'replaceState'].map((type) => {
     const original = window.history[type]
 
-    window.history[type] = function () {
-      const result = original.apply(this, arguments)
-      const event = new Event(type)
-      event.arguments = arguments
+    window.history[type] = function (...args) {
+      const result = original.apply(this, args)
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      const event: any = new Event(type)
+      event.arguments = args
 
       dispatchEvent(event)
       return result
diff --git a/src/guillo-gmi/hooks/useMountedState.js b/src/guillo-gmi/hooks/useMountedState.tsx
similarity index 100%
rename from src/guillo-gmi/hooks/useMountedState.js
rename to src/guillo-gmi/hooks/useMountedState.tsx
diff --git a/src/guillo-gmi/hooks/useRegistry.js b/src/guillo-gmi/hooks/useRegistry.tsx
similarity index 79%
rename from src/guillo-gmi/hooks/useRegistry.js
rename to src/guillo-gmi/hooks/useRegistry.tsx
index f5bf09bd..1a0b3051 100644
--- a/src/guillo-gmi/hooks/useRegistry.js
+++ b/src/guillo-gmi/hooks/useRegistry.tsx
@@ -24,15 +24,56 @@ import { IMultiImageOrderedAttachment } from '../components/behaviors/imultiimag
 import { IWorkflow } from '../components/behaviors/iworkflow'
 import { GroupsCtx } from '../views/groups'
 import { GroupCtx } from '../views/groups'
-import ErrorBoundary from '../components/error_boundary'
+import { ErrorBoundary } from '../components/error_boundary'
 import React from 'react'
 import { NotAllowed } from '../components/notallowed'
 import { NotFound } from '../components/notfound'
 import { Path } from '../components/path'
 import { EditComponent } from '../components/fields/editComponent'
 import { RenderFieldComponent } from '../components/fields/renderField'
+import { GuillotinaSchema } from '../types/guillotina'
 
-let registry = {
+export interface IRegistry {
+  paths: {
+    [key: string]: React.FC
+  }
+  views: {
+    [key: string]: React.FC | React.ComponentType
+  }
+  actions: {
+    [key: string]: React.FC
+  }
+  forms: {
+    [key: string]: React.FC
+  }
+  behaviors: {
+    [key: string]: React.FC
+  }
+  itemsColumn: {
+    [key: string]: () => {
+      label: string
+      key: string
+      isSortable?: boolean
+      child: React.ReactNode
+    }[]
+  }
+  schemas: {
+    [key: string]: GuillotinaSchema
+  }
+  properties: {
+    [key: string]: React.FC
+  }
+  components: {
+    [key: string]: React.FC
+  }
+  searchEngineQueryParamsFunction: {
+    [key: string]: string
+  }
+  fieldsToFilter: {
+    [key: string]: string[]
+  }
+}
+const registry: IRegistry = {
   paths: {},
   views: {
     ErrorBoundary: ErrorBoundary,
@@ -92,12 +133,12 @@ let registry = {
   },
 }
 
-const get = (key, param, fallback) => {
+const get = (key, param, fallback = undefined) => {
   if (registry[key]) return registry[key][param] || fallback
   return fallback
 }
 
-const getComponent = (context, path, fallback) => {
+const getComponent = (context, path, fallback = undefined) => {
   if (!context) return
   // console.log("Component for path", path)
   // lookup by path
@@ -122,23 +163,23 @@ const getItemsColumn = (type) => {
   return undefined
 }
 
-const getForm = (type, fallback = BaseForm) => {
+const getForm = (type: string, fallback: React.FC = BaseForm) => {
   return registry.forms[type] || fallback
 }
 
-const getAction = (type, fallback) => {
+const getAction = (type: string, fallback: React.FC = undefined) => {
   return registry.actions[type] || fallback
 }
 
-const getBehavior = (type, fallback) => {
+const getBehavior = (type: string, fallback: React.FC) => {
   return registry.behaviors[type] || fallback
 }
 
-const getProperties = (type) => {
+const getProperties = (type: string) => {
   return registry.properties[type] || {}
 }
 
-const getSchemas = (type) => {
+const getSchemas = (type: string) => {
   return registry.schemas[type] || {}
   /*
     filters: [
@@ -153,7 +194,7 @@ const getSchemas = (type) => {
   */
 }
 
-const getFieldsToFilter = (type, fallback) => {
+const getFieldsToFilter = (type: string, fallback) => {
   return registry.fieldsToFilter[type] || fallback
 }
 
@@ -163,7 +204,7 @@ export const defaultComponent = (context) => {
 
 export function useRegistry(data) {
   // if data is provided we need to merge it into actual registry
-  const ref = React.useRef()
+  const ref = React.useRef<unknown>()
   if (data && !ref.current) {
     ref.current = true
     Object.keys(data).map(
diff --git a/src/guillo-gmi/hooks/useRemoteField.js b/src/guillo-gmi/hooks/useRemoteField.tsx
similarity index 61%
rename from src/guillo-gmi/hooks/useRemoteField.js
rename to src/guillo-gmi/hooks/useRemoteField.tsx
index 4fd635bd..12065e69 100644
--- a/src/guillo-gmi/hooks/useRemoteField.js
+++ b/src/guillo-gmi/hooks/useRemoteField.tsx
@@ -1,5 +1,3 @@
-import React from 'react'
-
 /*
   This hook allows to bind (remote) fields on the DOM
   to a form generated with Formbuilder.
@@ -17,10 +15,15 @@ import React from 'react'
 
 */
 
-export const useRemoteField = (initial) => {
-  const [remotes, setRemote] = React.useState(initial)
+import { useState } from 'react'
+import { IndexSignature } from '../types/global'
+
+export const useRemoteField = (
+  initial: IndexSignature<string[]>
+): [IndexSignature<string[]>, (name: string) => (value: string[]) => void] => {
+  const [remotes, setRemote] = useState(initial)
 
-  const updateRemote = (name) => (value) => {
+  const updateRemote = (name: string) => (value: string[]) => {
     setRemote({
       ...remotes,
       [name]: value,
diff --git a/src/guillo-gmi/hooks/useSetState.js b/src/guillo-gmi/hooks/useSetState.tsx
similarity index 68%
rename from src/guillo-gmi/hooks/useSetState.js
rename to src/guillo-gmi/hooks/useSetState.tsx
index 6e089cf3..c86ed902 100644
--- a/src/guillo-gmi/hooks/useSetState.js
+++ b/src/guillo-gmi/hooks/useSetState.tsx
@@ -1,7 +1,9 @@
 import { useCallback, useState } from 'react'
 
-export default function useSetState(initialState) {
-  const [state, set] = useState(initialState)
+export default function useSetState<T>(
+  initialState
+): [T, (value: Partial<T>) => void] {
+  const [state, set] = useState<T>(initialState)
   const setState = useCallback(
     (patch) => {
       set((prevState) =>
diff --git a/src/guillo-gmi/hooks/useVocabulary.js b/src/guillo-gmi/hooks/useVocabulary.tsx
similarity index 66%
rename from src/guillo-gmi/hooks/useVocabulary.js
rename to src/guillo-gmi/hooks/useVocabulary.tsx
index 576507d8..c3762957 100644
--- a/src/guillo-gmi/hooks/useVocabulary.js
+++ b/src/guillo-gmi/hooks/useVocabulary.tsx
@@ -1,11 +1,17 @@
 import { useTraversal } from '../contexts'
+import { GuillotinaVocabulary } from '../types/guillotina'
 import useSetState from './useSetState'
 import { useEffect } from 'react'
 
-export function useVocabulary(vocabularyName, path) {
+interface State {
+  data: GuillotinaVocabulary
+  loading: boolean
+  error: any
+}
+export function useVocabulary(vocabularyName: string, path: string = null) {
   const traversal = useTraversal()
 
-  const [vocabulary, setVocabulary] = useSetState({
+  const [vocabulary, setVocabulary] = useSetState<State>({
     data: undefined,
     loading: false,
     error: undefined,
@@ -17,7 +23,7 @@ export function useVocabulary(vocabularyName, path) {
   }
 
   useEffect(() => {
-    ;(async () => {
+    const getVocabulary = async () => {
       if (
         vocabularyName &&
         vocabulary.data === undefined &&
@@ -29,10 +35,11 @@ export function useVocabulary(vocabularyName, path) {
           const dataJson = await data.json()
           setVocabulary({ loading: false, data: dataJson })
         } catch (err) {
-          setVocabulary({ loading: false, error: err, data: {} })
+          setVocabulary({ loading: false, error: err, data: undefined })
         }
       }
-    })()
+    }
+    getVocabulary()
   }, [vocabularyName, vocabulary, path])
 
   return vocabulary
diff --git a/src/guillo-gmi/index.js b/src/guillo-gmi/index.ts
similarity index 100%
rename from src/guillo-gmi/index.js
rename to src/guillo-gmi/index.ts
diff --git a/src/guillo-gmi/lib/auth.js b/src/guillo-gmi/lib/auth.ts
similarity index 84%
rename from src/guillo-gmi/lib/auth.js
rename to src/guillo-gmi/lib/auth.ts
index 4edf8e58..23688b6c 100644
--- a/src/guillo-gmi/lib/auth.js
+++ b/src/guillo-gmi/lib/auth.ts
@@ -1,9 +1,13 @@
 import jwt_decode from 'jwt-decode'
+import { IndexSignature } from '../types/global'
 
 export class Auth {
   maxRetry = 1
   retryRefresh = 0
   events = {}
+  url: string
+  base_url: string
+  errors: string
 
   constructor(url) {
     this.url = url
@@ -31,7 +35,7 @@ export class Auth {
       })
       if (data.status === 200) {
         const credentials = await data.json()
-        this.storeAuth(credentials, username)
+        this.storeAuth(credentials)
         return true
       } else {
         this.errors = 'invalid_credentials'
@@ -64,14 +68,17 @@ export class Auth {
       return false
     }
     const [token] = this._getToken()
-    const data = jwt_decode(token)
+    const data: IndexSignature = jwt_decode(token)
     console.log(token)
     return data.id
   }
 
   storeAuth(data) {
     localStorage.setItem('auth', data.token)
-    localStorage.setItem('auth_expires', new Date(data.exp).getTime())
+    localStorage.setItem(
+      'auth_expires',
+      new Date(data.exp).getTime().toString()
+    )
   }
 
   cleanAuth() {
@@ -86,14 +93,14 @@ export class Auth {
   async refreshToken() {
     console.log('refresh!!!')
     this.retryRefresh++
-    let data = await fetch(this.getUrl('@login-renew'), {
+    const data = await fetch(this.getUrl('@login-renew'), {
       headers: this.getHeaders(),
       method: 'post',
     })
     if (data.status === 401) {
       // invalid token
       this.cleanAuth()
-      this.onLogout()
+      this.logout()
       return
     }
     const res = await data.json()
@@ -101,11 +108,11 @@ export class Auth {
     this.storeAuth(res)
     console.log('token refreshed')
     this.retryRefresh = 0
-    return data.token
+    return res.token
   }
 
   willExpire(expiration) {
-    let now = new Date().getTime()
+    const now = new Date().getTime()
     if (parseInt(expiration) * 1000 < now + 10 * 1000) {
       return true
     }
@@ -113,7 +120,7 @@ export class Auth {
   }
 
   isExpired(expiration) {
-    let now = new Date().getTime()
+    const now = new Date().getTime()
     if (parseInt(expiration) * 1000 > now) {
       return false
     }
@@ -134,6 +141,7 @@ export class Auth {
     if (!authToken) return {}
 
     if (this.willExpire(expires) && this.retryRefresh < this.maxRetry) {
+      // eslint-disable-next-line no-extra-semi
       ;(async () => await this.refreshToken())()
     }
 
diff --git a/src/guillo-gmi/lib/client.js b/src/guillo-gmi/lib/client.tsx
similarity index 91%
rename from src/guillo-gmi/lib/client.js
rename to src/guillo-gmi/lib/client.tsx
index 9cc947eb..580284bb 100644
--- a/src/guillo-gmi/lib/client.js
+++ b/src/guillo-gmi/lib/client.tsx
@@ -4,13 +4,15 @@ import { Icon } from '../components/ui'
 import { toQueryString } from './helpers'
 import { RestClient } from './rest'
 import { parser } from './search'
-import { useLocation } from '../hooks/useLocation'
+import { LightFile } from '../types/global'
 
-let cacheTypes = {}
-let cacheSchemas = {}
+const cacheTypes = {}
+const cacheSchemas = {}
 
 export class GuillotinaClient {
-  constructor(rest, pathContainsContainer) {
+  rest: RestClient
+  pathContainsContainer: boolean
+  constructor(rest: RestClient, pathContainsContainer: boolean) {
     this.rest = rest
     this.pathContainsContainer = pathContainsContainer
   }
@@ -20,7 +22,7 @@ export class GuillotinaClient {
       if (path.startsWith('/')) {
         path = path.substring(1)
       }
-      let parts = path.split('/')
+      const parts = path.split('/')
       return `${parts[0]}/${parts[1]}/`
     }
     return ''
@@ -45,11 +47,11 @@ export class GuillotinaClient {
     }
   }
 
-  async get(path, fetchData) {
+  async get(path) {
     if (path.startsWith('/')) {
       path = path.slice(1)
     }
-    return await this.rest.get(path, fetchData)
+    return await this.rest.get(path)
   }
 
   getQueryParamsPostresql({ start = 0, pageSize = 10, withDepth = true }) {
@@ -85,7 +87,7 @@ export class GuillotinaClient {
     result = [
       ...parser(start.toString(), '_from'),
       ...parser(pageSize.toString(), 'size'),
-      ...parser('*', '_metadata=*'),
+      ...parser('*', '_metadata'),
     ]
 
     if (withDepth) {
@@ -166,11 +168,10 @@ export class GuillotinaClient {
   }
 
   async search(
-    path,
-    params,
+    path: string,
+    params: string | string[][],
     container = false,
-    prepare = true,
-    fetchData = {}
+    prepare = true
   ) {
     if (path.startsWith('/')) {
       path = path.slice(1)
@@ -180,10 +181,10 @@ export class GuillotinaClient {
       path = this.getContainerFromPath(path)
     }
 
-    let query = prepare ? toQueryString(params) : params
+    const query = prepare ? toQueryString(params as string[][]) : params
     const url = `${path}@search?${query}`
-    let res = await this.rest.get(url, fetchData)
-    let data = await res.json()
+    const res = await this.rest.get(url)
+    const data = await res.json()
     return this.applyCompat(data)
   }
 
@@ -203,7 +204,7 @@ export class GuillotinaClient {
   }
 
   cleanPath(path) {
-    let url = path.split('/').slice(3)
+    const url = path.split('/').slice(3)
     return `${url.join('/')}`
   }
 
@@ -245,7 +246,7 @@ export class GuillotinaClient {
 
   async getTypeSchema(path, name) {
     if (!cacheSchemas[name]) {
-      let url = this.getContainerFromPath(path)
+      const url = this.getContainerFromPath(path)
       // todo: handle db case (only addable containers)
       const res = await this.rest.get(`${url}@types/${name}`)
       cacheSchemas[name] = await res.json()
@@ -326,8 +327,8 @@ export function getClient(url, container, auth) {
   )
 }
 
-export const lightFileReader = async (file) => {
-  return new Promise((resolve) => {
+export const lightFileReader = (file) => {
+  return new Promise<LightFile>((resolve) => {
     const reader = new FileReader()
     reader.readAsArrayBuffer(file)
     reader.onloadend = (e) => {
@@ -344,6 +345,7 @@ export const lightFileReader = async (file) => {
 const extractPermissions = (data) => {
   let result = []
   if (typeof data !== 'object') {
+    // do nothing
   } else if (!Array.isArray(data) && data.permission) {
     result = result.concat([data.permission])
   } else if (!Array.isArray(data)) {
diff --git a/src/guillo-gmi/lib/helpers.js b/src/guillo-gmi/lib/helpers.ts
similarity index 78%
rename from src/guillo-gmi/lib/helpers.js
rename to src/guillo-gmi/lib/helpers.ts
index 52096561..053925f8 100644
--- a/src/guillo-gmi/lib/helpers.js
+++ b/src/guillo-gmi/lib/helpers.ts
@@ -8,9 +8,9 @@ export const noop = () => {}
 
 let current = 0
 
-export const generateUID = (prefix) => `${prefix || 'id'}-${current++}`
+export const generateUID = (prefix = '') => `${prefix || 'id'}-${current++}`
 
-export const toQueryString = (params) => {
+export const toQueryString = (params: string[][]) => {
   return Object.keys(params)
     .map((key) => {
       return encodeURIComponent(key) + '=' + encodeURIComponent(params[key])
@@ -22,8 +22,8 @@ export function base64ToArrayBuffer(base64) {
   const binaryString = window.atob(base64)
   const binaryLen = binaryString.length
   const bytes = new Uint8Array(binaryLen)
-  for (var i = 0; i < binaryLen; i++) {
-    var ascii = binaryString.charCodeAt(i)
+  for (let i = 0; i < binaryLen; i++) {
+    const ascii = binaryString.charCodeAt(i)
     bytes[i] = ascii
   }
   return bytes
@@ -34,9 +34,9 @@ export function stringToSlug(str) {
   str = str.toLowerCase()
 
   // remove accents, swap ñ for n, etc
-  var from = 'àáäâèéëêìíïîòóöôùúüûñç·/_,:;'
-  var to = 'aaaaeeeeiiiioooouuuunc------'
-  for (var i = 0, l = from.length; i < l; i++) {
+  const from = 'àáäâèéëêìíïîòóöôùúüûñç·/_,:;'
+  const to = 'aaaaeeeeiiiioooouuuunc------'
+  for (let i = 0, l = from.length; i < l; i++) {
     str = str.replace(new RegExp(from.charAt(i), 'g'), to.charAt(i))
   }
 
@@ -48,10 +48,10 @@ export function stringToSlug(str) {
   return str
 }
 
-export function sleep(ms) {
+export function sleep(ms): Promise<void> {
   return new Promise((resolve) => {
     setTimeout(function () {
-      resolve()
+      resolve(null)
     }, ms)
   })
 }
diff --git a/src/guillo-gmi/lib/rest.js b/src/guillo-gmi/lib/rest.ts
similarity index 86%
rename from src/guillo-gmi/lib/rest.js
rename to src/guillo-gmi/lib/rest.ts
index f3820592..6168339a 100644
--- a/src/guillo-gmi/lib/rest.js
+++ b/src/guillo-gmi/lib/rest.ts
@@ -1,11 +1,17 @@
+import { Auth } from './auth'
+
 export class RestClient {
-  constructor(url, container, auth) {
+  url: string
+  container: string
+  auth: Auth
+
+  constructor(url: string, container: string, auth: Auth) {
     this.auth = auth
     this.url = url
     this.container = container
   }
 
-  async request(path, data, headers) {
+  async request(path, data = undefined, headers = undefined) {
     if (path.indexOf(this.url) !== -1) {
       path = path.replace(this.url, '')
     }
@@ -39,8 +45,8 @@ export class RestClient {
     })
   }
 
-  async get(path, fetchData) {
-    return await this.request(path, fetchData)
+  async get(path) {
+    return await this.request(path)
   }
 
   async put(path, data) {
diff --git a/src/guillo-gmi/lib/search.js b/src/guillo-gmi/lib/search.ts
similarity index 82%
rename from src/guillo-gmi/lib/search.js
rename to src/guillo-gmi/lib/search.ts
index 2c202141..1cdf62b3 100644
--- a/src/guillo-gmi/lib/search.js
+++ b/src/guillo-gmi/lib/search.ts
@@ -2,7 +2,7 @@ const SEP = '='
 const DEFAULT_FIELD = 'title__in'
 const CLEANER = '||'
 
-export function parser(qs, defaultField = DEFAULT_FIELD) {
+export function parser(qs: string, defaultField = DEFAULT_FIELD): string[][] {
   if (qs.includes(SEP) && Array.isArray(defaultField)) {
     throw new Error('This option is not supported')
   }
@@ -23,8 +23,8 @@ export function parser(qs, defaultField = DEFAULT_FIELD) {
     qs = qs.replace(/"(\w+) (\w+)"/, `$1${CLEANER}$2`)
   }
 
-  qs = qs.split(' ')
-  return qs.map((part) => {
+  const qsSplit = qs.split(' ')
+  return qsSplit.map((part) => {
     if (part.includes(CLEANER)) {
       part = part.replace('||', ' ')
     }
@@ -37,7 +37,7 @@ export function parser(qs, defaultField = DEFAULT_FIELD) {
   })
 }
 
-export function buildQs(parsedQuery) {
+export function buildQs(parsedQuery: string[][]): string {
   return parsedQuery
     .map(
       ([key, val]) => `${encodeURIComponent(key)}=${encodeURIComponent(val)}`
diff --git a/src/guillo-gmi/lib/utils.js b/src/guillo-gmi/lib/utils.ts
similarity index 81%
rename from src/guillo-gmi/lib/utils.js
rename to src/guillo-gmi/lib/utils.ts
index 786b2fe4..c0183033 100644
--- a/src/guillo-gmi/lib/utils.js
+++ b/src/guillo-gmi/lib/utils.ts
@@ -1,6 +1,7 @@
+import { IndexSignature } from '../types/global'
 import { stringToSlug } from './helpers'
 
-export const formatDate = (str) => {
+export const formatDate = (str: string): string => {
   const d = new Date(str)
   const minutes = d.getMinutes() < 10 ? `0${d.getMinutes()}` : d.getMinutes()
   return `${d.getDate()}/${
@@ -8,7 +9,11 @@ export const formatDate = (str) => {
   }/${d.getFullYear()} ${d.getHours()}:${minutes}`
 }
 
-export const get = (obj, path, defValue) => {
+export const get = <T>(
+  obj: IndexSignature,
+  path: string | string[],
+  defValue
+): T => {
   // If path is not defined or it has false value
   if (!path) return undefined
   // Check if path is string or array. Regex : ensure that we do not have '.' and brackets.
@@ -16,7 +21,7 @@ export const get = (obj, path, defValue) => {
   const pathArray = Array.isArray(path) ? path : path.match(/([^[.\]])+/g)
   // Find value if exist return otherwise return undefined value;
   return (
-    pathArray.reduce((prevObj, key) => prevObj && prevObj[key], obj) || defValue
+    pathArray.reduce((prevObj, key) => prevObj && prevObj[key], obj) ?? defValue
   )
 }
 
diff --git a/src/guillo-gmi/lib/validators.js b/src/guillo-gmi/lib/validators.ts
similarity index 100%
rename from src/guillo-gmi/lib/validators.js
rename to src/guillo-gmi/lib/validators.ts
diff --git a/src/guillo-gmi/models/index.js b/src/guillo-gmi/models/index.ts
similarity index 84%
rename from src/guillo-gmi/models/index.js
rename to src/guillo-gmi/models/index.ts
index 1b34f46c..5f96bed4 100644
--- a/src/guillo-gmi/models/index.js
+++ b/src/guillo-gmi/models/index.ts
@@ -1,18 +1,22 @@
 import { formatDate } from '../lib/utils'
 import { useConfig } from '../hooks/useConfig'
+import { SearchItem } from '../types/guillotina'
 
 export * from './sharing'
 
 export class ItemModel {
-  constructor(item, url, path) {
+  item: SearchItem
+  url: string
+  constructor(item, url = '') {
     this.item = item
     this.url = url
-    this._path = path
   }
 
   get path() {
     // Compat
-    let item = this.item['@id'] ? this.item['@id'] : this.item['@absolute_url']
+    const item = this.item['@id']
+      ? this.item['@id']
+      : this.item['@absolute_url']
     let path = item.split('//')[1].split('/').splice(1).join('/')
     path = `/${path}/`
     if (this.url.length > 0) {
@@ -54,14 +58,14 @@ export class ItemModel {
   }
 
   get fullPath() {
-    return this._url + this.item.id
+    return this.url + this.item.id
   }
 
   get id() {
     if (this.item.id) {
       return this.item.id
     }
-    let id = this.item['@id'].split('&')[0].split('/')
+    const id = this.item['@id'].split('&')[0].split('/')
     return id[id.length - 1]
   }
 
diff --git a/src/guillo-gmi/models/sharing.js b/src/guillo-gmi/models/sharing.ts
similarity index 70%
rename from src/guillo-gmi/models/sharing.js
rename to src/guillo-gmi/models/sharing.ts
index 42a440e7..4a4929af 100644
--- a/src/guillo-gmi/models/sharing.js
+++ b/src/guillo-gmi/models/sharing.ts
@@ -1,17 +1,25 @@
-const base = {
+import {
+  GuillotinaSharing,
+  GuillotinaSharingInheritItem,
+  GuillotinaSharingMap,
+} from '../types/guillotina'
+
+const base: GuillotinaSharing = {
   local: {
     roleperm: {},
     prinperm: {},
     prinrole: {},
   },
-  inherit: {},
+  inherit: [],
 }
 
 export class Sharing {
+  local: GuillotinaSharingMap
+  inherit: GuillotinaSharingInheritItem[]
+
   constructor(element) {
     Object.assign(this, element || base)
   }
-
   get roles() {
     return Object.keys(this.local.roleperm)
   }
diff --git a/src/guillo-gmi/reducers/guillotina.js b/src/guillo-gmi/reducers/guillotina.ts
similarity index 65%
rename from src/guillo-gmi/reducers/guillotina.js
rename to src/guillo-gmi/reducers/guillotina.ts
index 32504cbd..0a801188 100644
--- a/src/guillo-gmi/reducers/guillotina.js
+++ b/src/guillo-gmi/reducers/guillotina.ts
@@ -1,4 +1,25 @@
-export const initialState = {
+import { ItemModel } from '../models'
+import { IndexSignature } from '../types/global'
+import { GuillotinaCommonObject } from '../types/guillotina'
+
+export interface GuillotinaGlobalState {
+  path: string
+  loading: boolean
+  context: GuillotinaCommonObject
+  flash: {
+    message: string
+    type: string
+  }
+  action: {
+    action: string
+    params: IndexSignature
+  }
+  permissions: IndexSignature
+  errorStatus: number
+  registry: IndexSignature
+  refresh: number
+}
+export const initialState: GuillotinaGlobalState = {
   path: '',
   loading: false,
   context: undefined,
@@ -62,3 +83,14 @@ export function guillotinaReducer(state, action) {
       return state
   }
 }
+
+export interface IColumn {
+  key: string
+  label: string
+  isSortable: string
+  child: (
+    model: ItemModel,
+    link: () => void,
+    search: string
+  ) => React.ReactElement
+}
diff --git a/src/guillo-gmi/types/global.ts b/src/guillo-gmi/types/global.ts
new file mode 100644
index 00000000..8141057d
--- /dev/null
+++ b/src/guillo-gmi/types/global.ts
@@ -0,0 +1,10 @@
+export interface LightFile {
+  filename: string
+  data: ArrayBuffer | string
+  'content-type': string
+}
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export interface IndexSignature<T = any> {
+  [key: string]: T
+}
diff --git a/src/guillo-gmi/types/guillotina.ts b/src/guillo-gmi/types/guillotina.ts
new file mode 100644
index 00000000..a20d4fe7
--- /dev/null
+++ b/src/guillo-gmi/types/guillotina.ts
@@ -0,0 +1,129 @@
+import { IndexSignature } from './global'
+
+type ItemsPropertyObject = {
+  '@id': string
+  '@name': string
+  '@type': string
+  '@uid': string
+  __behaviors__: string[]
+  '@static_behaviors': string[]
+}
+
+export interface GuillotinaSchema {
+  title: string
+  $schema: string
+  type: string
+  required: string[]
+  definitions: Definitions
+  properties: GuillotinaSchemaProperties
+}
+
+export interface Definitions {
+  [key: string]: {
+    type: string
+    properties: GuillotinaSchemaProperties
+    required: string[]
+    title: string
+    description: string
+  }
+}
+
+export interface GuillotinaItemsProperty {
+  type: string
+  widget?: string
+  properties?: GuillotinaSchemaProperties
+  vocabulary?: string[]
+  vocabularyName?: string
+  queryCondition?: string
+  queryPath?: string
+  labelProperty?: string
+  typeNameQuery?: string
+  items: GuillotinaItemsProperty
+  title: string
+}
+export interface GuillotinaSchemaProperty {
+  type: string
+  title: string
+  widget?: string
+  readonly?: boolean
+  description?: string
+  vocabularyName?: string
+  vocabulary?: string[]
+  items?: GuillotinaItemsProperty
+  properties?: GuillotinaSchemaProperties
+  additionalProperties?: GuillotinaSchemaProperties
+  typeNameQuery?: string
+  labelProperty?: string
+}
+export interface GuillotinaSchemaProperties {
+  [key: string]: GuillotinaSchemaProperty | { $ref: string }[]
+}
+
+export type GuillotinaCommonObject = {
+  creation_date: Date
+  modification_date: string
+  title: string
+  type_name: string
+  uuid: string
+  'guillotina.behaviors.attachment.IMultiAttachment'?: {
+    files: {
+      [key: string]: GuillotinaFile
+    }
+  }
+} & ItemsPropertyObject
+
+export type GuillotinaFile = {
+  filename: string
+  content_type: string
+  extension: string
+  size: number
+  md5: string
+}
+
+export type SearchItem = {
+  id: string
+  parent_uuid: string
+  path: string
+  tid: string
+  uuid: string
+  title: string
+  type_name: string
+  creation_date: string
+  modification_date: string
+} & ItemsPropertyObject
+
+export interface GuillotinaVocabulary {
+  '@id': string
+  items: GuillotinaVocabularyItem[]
+  items_total: number
+}
+
+export interface GuillotinaVocabularyItem {
+  title: string
+  token: string
+}
+export interface GuillotinaSharing {
+  local: GuillotinaSharingMap
+  inherit: GuillotinaSharingInheritItem[]
+}
+
+export interface GuillotinaSharingInheritItem extends GuillotinaSharingMap {
+  '@id': string
+}
+export interface GuillotinaSharingMap {
+  roleperm: {
+    [key: string]: IndexSignature<string>
+  }
+  prinperm: {
+    [key: string]: IndexSignature<string>
+  }
+  prinrole: {
+    [key: string]: IndexSignature<string>
+  }
+}
+
+export interface GuillotinaBehaviors {
+  static: string[]
+  dynamic: string[]
+  available: string[]
+}
diff --git a/src/guillo-gmi/views/application.js b/src/guillo-gmi/views/application.tsx
similarity index 86%
rename from src/guillo-gmi/views/application.js
rename to src/guillo-gmi/views/application.tsx
index 8e1a5990..db07d581 100644
--- a/src/guillo-gmi/views/application.js
+++ b/src/guillo-gmi/views/application.tsx
@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { Item } from '../components/item'
 import { ItemTitle } from '../components/item'
 import { Button } from '../components/input/button'
@@ -11,11 +9,12 @@ import { Input } from '../components/input/input'
 import { defineMessages, useIntl } from 'react-intl'
 import { genericMessages } from '../locales/generic_messages'
 
-export function ApplicationCtx(props) {
+export function ApplicationCtx() {
   const intl = useIntl()
-  const { databases } = props.state.context
+  const context = useTraversal()
+  const { databases } = context.state.context
   return (
-    <React.Fragment>
+    <>
       <h3>
         {intl.formatMessage({
           id: 'databases',
@@ -32,15 +31,16 @@ export function ApplicationCtx(props) {
           />
         ))}
       </div>
-    </React.Fragment>
+    </>
   )
 }
 
-export function DatabaseCtx({ state }) {
-  const { containers } = state.context
-  const { path } = state
+export function DatabaseCtx() {
+  const context = useTraversal()
+  const { containers } = context.state.context
+  const { path } = context.state
   return (
-    <React.Fragment>
+    <>
       <div className="container">
         <ItemTitle title="Containers" actions={<CreateContainer />} />
         <table className="table is-fullwidth is-hoverable">
@@ -55,17 +55,17 @@ export function DatabaseCtx({ state }) {
           </tbody>
         </table>
       </div>
-    </React.Fragment>
+    </>
   )
 }
 
-export function CreateContainer(props) {
+export function CreateContainer() {
   const intl = useIntl()
   const [isActive, setActive] = useState(false)
 
   return (
-    <React.Fragment>
-      <ModalAddContainer isActive={isActive} setActive={setActive} {...props} />
+    <>
+      <ModalAddContainer isActive={isActive} setActive={setActive} />
       <button
         className="button is-warning is-pulled-right"
         onClick={() => setActive(true)}
@@ -75,7 +75,7 @@ export function CreateContainer(props) {
         </span>
         <span>{intl.formatMessage(genericMessages.create)}</span>
       </button>
-    </React.Fragment>
+    </>
   )
 }
 
@@ -90,7 +90,11 @@ export const messages = defineMessages({
   },
 })
 
-function ModalAddContainer({ isActive, setActive }) {
+interface ModalAddContainerProps {
+  isActive: boolean
+  setActive: (value: boolean) => void
+}
+function ModalAddContainer({ isActive, setActive }: ModalAddContainerProps) {
   const intl = useIntl()
   const Ctx = useTraversal()
   const [isLoading, setLoading] = useState(false)
diff --git a/src/guillo-gmi/views/base.js b/src/guillo-gmi/views/base.tsx
similarity index 77%
rename from src/guillo-gmi/views/base.js
rename to src/guillo-gmi/views/base.tsx
index 4651526b..9fe08015 100644
--- a/src/guillo-gmi/views/base.js
+++ b/src/guillo-gmi/views/base.tsx
@@ -1,8 +1,10 @@
-import React from 'react'
 import { useIntl } from 'react-intl'
 import { genericMessages } from '../locales/generic_messages'
 
-export function PanelNotImplemented(props) {
+interface Props {
+  title: string
+}
+export function PanelNotImplemented(props: Props) {
   const intl = useIntl()
   return (
     <div className="container">
diff --git a/src/guillo-gmi/views/container.js b/src/guillo-gmi/views/container.tsx
similarity index 89%
rename from src/guillo-gmi/views/container.js
rename to src/guillo-gmi/views/container.tsx
index 29283af0..626eb68a 100644
--- a/src/guillo-gmi/views/container.js
+++ b/src/guillo-gmi/views/container.tsx
@@ -1,4 +1,3 @@
-import React from 'react'
 import { TabsPanel } from '../components/tabs'
 import { ContextToolbar } from '../components/context_toolbar'
 import { PanelItems } from '../components/panel/items'
@@ -26,15 +25,14 @@ const tabsPermissions = {
   Permissions: 'guillotina.SeePermissions',
 }
 
-export function ContainerCtx(props) {
+export function ContainerCtx() {
   const ctx = useTraversal()
   const calculated = ctx.filterTabs(tabs, tabsPermissions)
   return (
     <TabsPanel
       tabs={calculated}
       currentTab="Items"
-      rightToolbar={<ContextToolbar {...props} />}
-      {...props}
+      rightToolbar={<ContextToolbar />}
     />
   )
 }
diff --git a/src/guillo-gmi/views/folder.js b/src/guillo-gmi/views/folder.tsx
similarity index 97%
rename from src/guillo-gmi/views/folder.js
rename to src/guillo-gmi/views/folder.tsx
index 284733f4..822a0a3e 100644
--- a/src/guillo-gmi/views/folder.js
+++ b/src/guillo-gmi/views/folder.tsx
@@ -1,4 +1,3 @@
-import React from 'react'
 import { TabsPanel } from '../components/tabs'
 import { ContextToolbar } from '../components/context_toolbar'
 import { PanelItems } from '../components/panel/items'
diff --git a/src/guillo-gmi/views/groups.js b/src/guillo-gmi/views/groups.tsx
similarity index 96%
rename from src/guillo-gmi/views/groups.js
rename to src/guillo-gmi/views/groups.tsx
index fa5f3a43..4185eb3c 100644
--- a/src/guillo-gmi/views/groups.js
+++ b/src/guillo-gmi/views/groups.tsx
@@ -1,10 +1,9 @@
-import React from 'react'
 import { TabsPanel } from '../components/tabs'
 import { PanelItems } from '../components/panel/items'
 import { useTraversal } from '../contexts'
 import { useCrudContext } from '../hooks/useCrudContext'
 import { Icon } from '../components/ui/icon'
-import { useEffect } from 'react'
+import { useEffect, useRef } from 'react'
 import { useState } from 'react'
 import { Select } from '../components/input/select'
 import { SearchInput } from '../components/input/search_input'
@@ -22,7 +21,7 @@ const tabs = {
 export function GroupToolbar() {
   const intl = useIntl()
   const Ctx = useTraversal()
-  const ref = React.useRef(null)
+  const ref = useRef(null)
   const [location, setLocation] = useLocation()
   const searchText = location.get('q')
 
@@ -33,14 +32,14 @@ export function GroupToolbar() {
   }
 
   // cleanup form on state.search change
-  React.useEffect(() => {
+  useEffect(() => {
     if (!searchText || searchText === '') {
       ref.current.value = ''
     }
   }, [searchText])
 
   return (
-    <React.Fragment>
+    <>
       <div className="level-item">
         <form action="" className="form" onSubmit={onSearchQuery}>
           <div className="field has-addons">
@@ -79,7 +78,7 @@ export function GroupToolbar() {
           })}
         </span>
       </button>
-    </React.Fragment>
+    </>
   )
 }
 
@@ -94,8 +93,8 @@ export function GroupsCtx(props) {
   )
 }
 
-let sortParsed = parser(`_sort_asc=id`)
-let searchParsed = parser('type_name=User')
+const sortParsed = parser(`_sort_asc=id`)
+const searchParsed = parser('type_name=User')
 
 export function GroupCtx() {
   const intl = useIntl()
@@ -103,7 +102,7 @@ export function GroupCtx() {
   const [roles, setRoles] = useState([])
 
   useEffect(() => {
-    ;(async () => {
+    async function getRoles() {
       const requestGetRoles = await Ctx.client.getRoles(Ctx.path)
       let roles = []
 
@@ -114,7 +113,8 @@ export function GroupCtx() {
         }))
       }
       setRoles(roles)
-    })()
+    }
+    getRoles()
   }, [])
 
   const handleResponse = async (isError, message, errorMessage) => {
@@ -267,6 +267,7 @@ export function GroupCtx() {
                 name={urole}
                 onRemove={() => removeRole(urole)}
                 size="is-small"
+                id={`roles_${urole}`}
               />
             </p>
           ))}
@@ -293,6 +294,7 @@ export function GroupCtx() {
                 name={user}
                 onRemove={() => removeUser(user)}
                 size="is-small"
+                id={`user_${user}`}
               />
             </p>
           ))}
diff --git a/src/guillo-gmi/views/item.js b/src/guillo-gmi/views/item.tsx
similarity index 96%
rename from src/guillo-gmi/views/item.js
rename to src/guillo-gmi/views/item.tsx
index 6597fc51..69a83cbd 100644
--- a/src/guillo-gmi/views/item.js
+++ b/src/guillo-gmi/views/item.tsx
@@ -1,4 +1,3 @@
-import React from 'react'
 import { TabsPanel } from '../components/tabs'
 import { useTraversal } from '../contexts'
 import { PanelPermissions } from '../components/panel/permissions'
diff --git a/src/guillo-gmi/views/users.js b/src/guillo-gmi/views/users.tsx
similarity index 94%
rename from src/guillo-gmi/views/users.js
rename to src/guillo-gmi/views/users.tsx
index 260441af..6772caf7 100644
--- a/src/guillo-gmi/views/users.js
+++ b/src/guillo-gmi/views/users.tsx
@@ -1,4 +1,3 @@
-import React from 'react'
 import { TabsPanel } from '../components/tabs'
 import { PanelItems } from '../components/panel/items'
 import { useTraversal } from '../contexts'
@@ -12,6 +11,7 @@ import { useRemoteField } from '../hooks/useRemoteField'
 import { useLocation } from '../hooks/useLocation'
 import { useIntl } from 'react-intl'
 import { genericMessages } from '../locales/generic_messages'
+import { useEffect, useRef, useState } from 'react'
 
 const tabs = {
   Users: PanelItems,
@@ -20,7 +20,7 @@ const tabs = {
 export function UsersToolbar() {
   const intl = useIntl()
   const Ctx = useTraversal()
-  const ref = React.useRef(null)
+  const ref = useRef(null)
   const [location, setLocation] = useLocation()
   const searchText = location.get('q')
 
@@ -31,14 +31,14 @@ export function UsersToolbar() {
   }
 
   // cleanup form on state.search change
-  React.useEffect(() => {
+  useEffect(() => {
     if (!searchText || searchText === '') {
       ref.current.value = ''
     }
   }, [searchText])
 
   return (
-    <React.Fragment>
+    <>
       <div className="level-item">
         <form action="" className="form" onSubmit={onSearchQuery}>
           <div className="field has-addons">
@@ -72,7 +72,7 @@ export function UsersToolbar() {
         <Icon icon="fas fa-user" />
         <span>{intl.formatMessage(genericMessages.add_user)}</span>
       </button>
-    </React.Fragment>
+    </>
   )
 }
 
@@ -87,11 +87,15 @@ export function UsersCtx(props) {
   )
 }
 
+interface State {
+  roles: string[]
+  groups: string[]
+}
 export function UserCtx() {
   const intl = useIntl()
   const { Ctx, patch, loading } = useCrudContext()
 
-  const [state, setState] = React.useState({ roles: [], gorups: [] })
+  const [state, setState] = useState<State>({ roles: [], groups: [] })
 
   const fields = {
     user_groups: [],
@@ -100,14 +104,14 @@ export function UserCtx() {
 
   const [remotes, updateRemote] = useRemoteField(fields)
 
-  React.useEffect(() => {
-    ;(async () => {
+  useEffect(() => {
+    async function getRolesAndGroups() {
       const [requestGetGroups, requestGetRoles] = await Promise.all([
         Ctx.client.search(Ctx.path, { type_name: 'Group' }, true),
         Ctx.client.getRoles(Ctx.path),
       ])
 
-      let groups = requestGetGroups
+      const groups = requestGetGroups
       let roles = []
 
       if (requestGetRoles.ok) {
@@ -121,7 +125,8 @@ export function UserCtx() {
           text: item['@name'],
         })),
       })
-    })()
+    }
+    getRolesAndGroups()
   }, [])
 
   const updateObject = async (data) => {
@@ -209,7 +214,6 @@ export function UserCtx() {
           <UserForm
             actionName="Save"
             onSubmit={(ev) => updateObject(ev)}
-            isEdit={true}
             formData={Ctx.context}
             exclude={['password']}
             remotes={remotes}
diff --git a/tsconfig.json b/tsconfig.json
index 4e4d417f..2e9ea1da 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -2,7 +2,11 @@
   "compilerOptions": {
     "strict": false,
     "removeComments": true,
-    "allowJs": true
+    "allowJs": true,
+    "jsx": "react-jsx",
+    "allowSyntheticDefaultImports":true,
+    "resolveJsonModule":true,
+    "declaration": true
   },
   "include": [
     "./src/guillo-gmi"
diff --git a/yarn.lock b/yarn.lock
index 051d5601..40e751d2 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2,6 +2,11 @@
 # yarn lockfile v1
 
 
+"@aashutoshrathi/word-wrap@^1.2.3":
+  version "1.2.6"
+  resolved "https://registry.yarnpkg.com/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz#bd9154aec9983f77b3a034ecaa015c2e4201f6cf"
+  integrity sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==
+
 "@ampproject/remapping@^2.2.0":
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/@ampproject/remapping/-/remapping-2.2.1.tgz#99e8e11851128b8702cd57c33684f1d0f260b630"
@@ -1276,6 +1281,38 @@
   resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.19.8.tgz#c8285183dbdb17008578dbacb6e22748709b4822"
   integrity sha512-bfZ0cQ1uZs2PqpulNL5j/3w+GDhP36k1K5c38QdQg+Swy51jFZWWeIkteNsufkQxp986wnqRRsb/bHbY1WQ7TA==
 
+"@eslint-community/eslint-utils@^4.2.0", "@eslint-community/eslint-utils@^4.4.0":
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz#a23514e8fb9af1269d5f7788aa556798d61c6b59"
+  integrity sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==
+  dependencies:
+    eslint-visitor-keys "^3.3.0"
+
+"@eslint-community/regexpp@^4.5.1", "@eslint-community/regexpp@^4.6.1":
+  version "4.10.0"
+  resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.10.0.tgz#548f6de556857c8bb73bbee70c35dc82a2e74d63"
+  integrity sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==
+
+"@eslint/eslintrc@^2.1.4":
+  version "2.1.4"
+  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-2.1.4.tgz#388a269f0f25c1b6adc317b5a2c55714894c70ad"
+  integrity sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==
+  dependencies:
+    ajv "^6.12.4"
+    debug "^4.3.2"
+    espree "^9.6.0"
+    globals "^13.19.0"
+    ignore "^5.2.0"
+    import-fresh "^3.2.1"
+    js-yaml "^4.1.0"
+    minimatch "^3.1.2"
+    strip-json-comments "^3.1.1"
+
+"@eslint/js@8.56.0":
+  version "8.56.0"
+  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.56.0.tgz#ef20350fec605a7f7035a01764731b2de0f3782b"
+  integrity sha512-gMsVel9D7f2HLkBma9VbtzZRehRogVRfbr++f06nL2vnCGCNlzOD+/MUov/F4p8myyAHspEhVobgjpX64q5m6A==
+
 "@formatjs/cli@^6.2.4":
   version "6.2.4"
   resolved "https://registry.yarnpkg.com/@formatjs/cli/-/cli-6.2.4.tgz#4ab4e0376e2d5c9b8528a2eb9effed2a73100b3f"
@@ -1289,6 +1326,14 @@
     "@formatjs/intl-localematcher" "0.5.2"
     tslib "^2.4.0"
 
+"@formatjs/ecma402-abstract@1.18.2":
+  version "1.18.2"
+  resolved "https://registry.yarnpkg.com/@formatjs/ecma402-abstract/-/ecma402-abstract-1.18.2.tgz#bf103712a406874eb1e387858d5be2371ab3aa14"
+  integrity sha512-+QoPW4csYALsQIl8GbN14igZzDbuwzcpWrku9nyMXlaqAlwRBgl5V+p0vWMGFqHOw37czNXaP/lEk4wbLgcmtA==
+  dependencies:
+    "@formatjs/intl-localematcher" "0.5.4"
+    tslib "^2.4.0"
+
 "@formatjs/fast-memoize@2.2.0":
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/@formatjs/fast-memoize/-/fast-memoize-2.2.0.tgz#33bd616d2e486c3e8ef4e68c99648c196887802b"
@@ -1305,6 +1350,15 @@
     "@formatjs/icu-skeleton-parser" "1.7.0"
     tslib "^2.4.0"
 
+"@formatjs/icu-messageformat-parser@2.7.5":
+  version "2.7.5"
+  resolved "https://registry.yarnpkg.com/@formatjs/icu-messageformat-parser/-/icu-messageformat-parser-2.7.5.tgz#6c12c08544eafef874df13b30729daf7b4dbd089"
+  integrity sha512-zCB53HdGDibh6/2ISEN3TGsFQruQ6gGKMFV94qHNyVrs0tNO6ncKhV0vq0n3Ydz8ipIQ2GaYAvfCoimNOVvKqA==
+  dependencies:
+    "@formatjs/ecma402-abstract" "1.18.2"
+    "@formatjs/icu-skeleton-parser" "1.7.2"
+    tslib "^2.4.0"
+
 "@formatjs/icu-skeleton-parser@1.7.0":
   version "1.7.0"
   resolved "https://registry.yarnpkg.com/@formatjs/icu-skeleton-parser/-/icu-skeleton-parser-1.7.0.tgz#796938d6d0ba8fc75bb9edee038d1350bfee32cb"
@@ -1313,6 +1367,14 @@
     "@formatjs/ecma402-abstract" "1.18.0"
     tslib "^2.4.0"
 
+"@formatjs/icu-skeleton-parser@1.7.2":
+  version "1.7.2"
+  resolved "https://registry.yarnpkg.com/@formatjs/icu-skeleton-parser/-/icu-skeleton-parser-1.7.2.tgz#ffbdd535c33249635ad0e54a34813194287a1567"
+  integrity sha512-nlIXVv280bjGW3ail5Np1+xgGKBnMhwQQIivgbk9xX0af8ESQO+y2VW9TOY7mCrs3WH786uVpZlLimXAlXH7SA==
+  dependencies:
+    "@formatjs/ecma402-abstract" "1.18.2"
+    tslib "^2.4.0"
+
 "@formatjs/intl-displaynames@6.6.4":
   version "6.6.4"
   resolved "https://registry.yarnpkg.com/@formatjs/intl-displaynames/-/intl-displaynames-6.6.4.tgz#dd9ca9bb2d1f4b140cc8814667bc830802621674"
@@ -1338,6 +1400,13 @@
   dependencies:
     tslib "^2.4.0"
 
+"@formatjs/intl-localematcher@0.5.4":
+  version "0.5.4"
+  resolved "https://registry.yarnpkg.com/@formatjs/intl-localematcher/-/intl-localematcher-0.5.4.tgz#caa71f2e40d93e37d58be35cfffe57865f2b366f"
+  integrity sha512-zTwEpWOzZ2CiKcB93BLngUX59hQkuZjT2+SAQEscSm52peDW/getsawMcWF1rGRpMCX6D7nSJA3CzJ8gn13N/g==
+  dependencies:
+    tslib "^2.4.0"
+
 "@formatjs/intl@2.9.9":
   version "2.9.9"
   resolved "https://registry.yarnpkg.com/@formatjs/intl/-/intl-2.9.9.tgz#866629b565e20dd7490f9e77ee41a00748913e8f"
@@ -1364,6 +1433,38 @@
     tslib "^2.4.0"
     typescript "5"
 
+"@formatjs/ts-transformer@^3.13.11":
+  version "3.13.11"
+  resolved "https://registry.yarnpkg.com/@formatjs/ts-transformer/-/ts-transformer-3.13.11.tgz#c3603ff59c4b3e54535a26b8e204f6ccdacd5a91"
+  integrity sha512-qOAGGUQC7GSMMaAFy2MAlC8REM58lUNi8W+VlRb57cDUpge46x2hP33Mzu5N1xmm6OCqDQTRXws5jEOcRI3C8Q==
+  dependencies:
+    "@formatjs/icu-messageformat-parser" "2.7.5"
+    "@types/json-stable-stringify" "^1.0.32"
+    "@types/node" "14 || 16 || 17"
+    chalk "^4.0.0"
+    json-stable-stringify "^1.0.1"
+    tslib "^2.4.0"
+    typescript "5"
+
+"@humanwhocodes/config-array@^0.11.13":
+  version "0.11.14"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.11.14.tgz#d78e481a039f7566ecc9660b4ea7fe6b1fec442b"
+  integrity sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==
+  dependencies:
+    "@humanwhocodes/object-schema" "^2.0.2"
+    debug "^4.3.1"
+    minimatch "^3.0.5"
+
+"@humanwhocodes/module-importer@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz#af5b2691a22b44be847b0ca81641c5fb6ad0172c"
+  integrity sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==
+
+"@humanwhocodes/object-schema@^2.0.2":
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-2.0.2.tgz#d9fae00a2d5cb40f92cfe64b47ad749fbc38f917"
+  integrity sha512-6EwiSjwWYP7pTckG6I5eyFANjPhmPjUX9JRLUSfNPC7FX7zK9gyZAfUEaECL6ALTpGX5AjnBq3C9XmVWPitNpw==
+
 "@jest/schemas@^29.6.3":
   version "29.6.3"
   resolved "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz"
@@ -1461,6 +1562,27 @@
     readdirp "^2.2.1"
     upath "^1.1.1"
 
+"@nodelib/fs.scandir@2.1.5":
+  version "2.1.5"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz#7619c2eb21b25483f6d167548b4cfd5a7488c3d5"
+  integrity sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==
+  dependencies:
+    "@nodelib/fs.stat" "2.0.5"
+    run-parallel "^1.1.9"
+
+"@nodelib/fs.stat@2.0.5", "@nodelib/fs.stat@^2.0.2":
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz#5bd262af94e9d25bd1e71b05deed44876a222e8b"
+  integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==
+
+"@nodelib/fs.walk@^1.2.3", "@nodelib/fs.walk@^1.2.8":
+  version "1.2.8"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz#e95737e8bb6746ddedf69c556953494f196fe69a"
+  integrity sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==
+  dependencies:
+    "@nodelib/fs.scandir" "2.1.5"
+    fastq "^1.6.0"
+
 "@rollup/plugin-alias@^3.1.1":
   version "3.1.1"
   resolved "https://registry.npmjs.org/@rollup/plugin-alias/-/plugin-alias-3.1.1.tgz"
@@ -1727,6 +1849,11 @@
     jest-diff "^26.0.0"
     pretty-format "^26.0.0"
 
+"@types/json-schema@^7.0.12":
+  version "7.0.15"
+  resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.15.tgz#596a1747233694d50f6ad8a7869fcb6f56cf5841"
+  integrity sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==
+
 "@types/json-stable-stringify@^1.0.32":
   version "1.0.36"
   resolved "https://registry.yarnpkg.com/@types/json-stable-stringify/-/json-stable-stringify-1.0.36.tgz#fe6c6001a69ff8160a772da08779448a333c7ddd"
@@ -1759,6 +1886,13 @@
   resolved "https://registry.npmjs.org/@types/q/-/q-1.5.4.tgz"
   integrity sha512-1HcDas8SEj4z1Wc696tH56G8OlRaH/sqZOynNNB+HF0WOeXPaxTtbYzJY2oEfiUxjSKjhCKr+MvR7dCHcEelug==
 
+"@types/react-beautiful-dnd@13.1.8":
+  version "13.1.8"
+  resolved "https://registry.yarnpkg.com/@types/react-beautiful-dnd/-/react-beautiful-dnd-13.1.8.tgz#f52d3ea07e1e19159d6c3c4a48c8da3d855e60b4"
+  integrity sha512-E3TyFsro9pQuK4r8S/OL6G99eq7p8v29sX0PM7oT8Z+PJfZvSQTx4zTQbUJ+QZXioAF0e7TGBEcA1XhYhCweyQ==
+  dependencies:
+    "@types/react" "*"
+
 "@types/react-redux@^7.1.20":
   version "7.1.31"
   resolved "https://registry.npmjs.org/@types/react-redux/-/react-redux-7.1.31.tgz"
@@ -1799,6 +1933,11 @@
   resolved "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.8.tgz"
   integrity sha512-WZLiwShhwLRmeV6zH+GkbOFT6Z6VklCItrDioxUnv+u4Ll+8vKeFySoFyK/0ctcRpOmwAicELfmys1sDc/Rw+A==
 
+"@types/semver@^7.5.0":
+  version "7.5.6"
+  resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.5.6.tgz#c65b2bfce1bec346582c07724e3f8c1017a20339"
+  integrity sha512-dn1l8LaMea/IjDoHNd9J52uBbInB796CDffS6VdIxvqYCPSG0V0DzHp76GpaWnlhg88uYyPbXCDIowa86ybd5A==
+
 "@types/testing-library__jest-dom@^5.9.1":
   version "5.9.5"
   resolved "https://registry.npmjs.org/@types/testing-library__jest-dom/-/testing-library__jest-dom-5.9.5.tgz"
@@ -1818,6 +1957,97 @@
   dependencies:
     "@types/yargs-parser" "*"
 
+"@typescript-eslint/eslint-plugin@^6.18.1":
+  version "6.18.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.18.1.tgz#0df881a47da1c1a9774f39495f5f7052f86b72e0"
+  integrity sha512-nISDRYnnIpk7VCFrGcu1rnZfM1Dh9LRHnfgdkjcbi/l7g16VYRri3TjXi9Ir4lOZSw5N/gnV/3H7jIPQ8Q4daA==
+  dependencies:
+    "@eslint-community/regexpp" "^4.5.1"
+    "@typescript-eslint/scope-manager" "6.18.1"
+    "@typescript-eslint/type-utils" "6.18.1"
+    "@typescript-eslint/utils" "6.18.1"
+    "@typescript-eslint/visitor-keys" "6.18.1"
+    debug "^4.3.4"
+    graphemer "^1.4.0"
+    ignore "^5.2.4"
+    natural-compare "^1.4.0"
+    semver "^7.5.4"
+    ts-api-utils "^1.0.1"
+
+"@typescript-eslint/parser@^6.18.1":
+  version "6.18.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-6.18.1.tgz#3c3987e186b38c77b30b6bfa5edf7c98ae2ec9d3"
+  integrity sha512-zct/MdJnVaRRNy9e84XnVtRv9Vf91/qqe+hZJtKanjojud4wAVy/7lXxJmMyX6X6J+xc6c//YEWvpeif8cAhWA==
+  dependencies:
+    "@typescript-eslint/scope-manager" "6.18.1"
+    "@typescript-eslint/types" "6.18.1"
+    "@typescript-eslint/typescript-estree" "6.18.1"
+    "@typescript-eslint/visitor-keys" "6.18.1"
+    debug "^4.3.4"
+
+"@typescript-eslint/scope-manager@6.18.1":
+  version "6.18.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-6.18.1.tgz#28c31c60f6e5827996aa3560a538693cb4bd3848"
+  integrity sha512-BgdBwXPFmZzaZUuw6wKiHKIovms97a7eTImjkXCZE04TGHysG+0hDQPmygyvgtkoB/aOQwSM/nWv3LzrOIQOBw==
+  dependencies:
+    "@typescript-eslint/types" "6.18.1"
+    "@typescript-eslint/visitor-keys" "6.18.1"
+
+"@typescript-eslint/type-utils@6.18.1":
+  version "6.18.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-6.18.1.tgz#115cf535f8b39db8301677199ce51151e2daee96"
+  integrity sha512-wyOSKhuzHeU/5pcRDP2G2Ndci+4g653V43gXTpt4nbyoIOAASkGDA9JIAgbQCdCkcr1MvpSYWzxTz0olCn8+/Q==
+  dependencies:
+    "@typescript-eslint/typescript-estree" "6.18.1"
+    "@typescript-eslint/utils" "6.18.1"
+    debug "^4.3.4"
+    ts-api-utils "^1.0.1"
+
+"@typescript-eslint/types@6.18.1":
+  version "6.18.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-6.18.1.tgz#91617d8080bcd99ac355d9157079970d1d49fefc"
+  integrity sha512-4TuMAe+tc5oA7wwfqMtB0Y5OrREPF1GeJBAjqwgZh1lEMH5PJQgWgHGfYufVB51LtjD+peZylmeyxUXPfENLCw==
+
+"@typescript-eslint/typescript-estree@6.18.1":
+  version "6.18.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-6.18.1.tgz#a12b6440175b4cbc9d09ab3c4966c6b245215ab4"
+  integrity sha512-fv9B94UAhywPRhUeeV/v+3SBDvcPiLxRZJw/xZeeGgRLQZ6rLMG+8krrJUyIf6s1ecWTzlsbp0rlw7n9sjufHA==
+  dependencies:
+    "@typescript-eslint/types" "6.18.1"
+    "@typescript-eslint/visitor-keys" "6.18.1"
+    debug "^4.3.4"
+    globby "^11.1.0"
+    is-glob "^4.0.3"
+    minimatch "9.0.3"
+    semver "^7.5.4"
+    ts-api-utils "^1.0.1"
+
+"@typescript-eslint/utils@6.18.1":
+  version "6.18.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-6.18.1.tgz#3451cfe2e56babb6ac657e10b6703393d4b82955"
+  integrity sha512-zZmTuVZvD1wpoceHvoQpOiewmWu3uP9FuTWo8vqpy2ffsmfCE8mklRPi+vmnIYAIk9t/4kOThri2QCDgor+OpQ==
+  dependencies:
+    "@eslint-community/eslint-utils" "^4.4.0"
+    "@types/json-schema" "^7.0.12"
+    "@types/semver" "^7.5.0"
+    "@typescript-eslint/scope-manager" "6.18.1"
+    "@typescript-eslint/types" "6.18.1"
+    "@typescript-eslint/typescript-estree" "6.18.1"
+    semver "^7.5.4"
+
+"@typescript-eslint/visitor-keys@6.18.1":
+  version "6.18.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-6.18.1.tgz#704d789bda2565a15475e7d22f145b8fe77443f4"
+  integrity sha512-/kvt0C5lRqGoCfsbmm7/CwMqoSkY3zzHLIjdhHZQW3VFrnz7ATecOHR7nb7V+xn4286MBxfnQfQhAmCI0u+bJA==
+  dependencies:
+    "@typescript-eslint/types" "6.18.1"
+    eslint-visitor-keys "^3.4.1"
+
+"@ungap/structured-clone@^1.2.0":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@ungap/structured-clone/-/structured-clone-1.2.0.tgz#756641adb587851b5ccb3e095daf27ae581c8406"
+  integrity sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==
+
 "@vitest/expect@0.34.6":
   version "0.34.6"
   resolved "https://registry.npmjs.org/@vitest/expect/-/expect-0.34.6.tgz"
@@ -1861,6 +2091,11 @@
     loupe "^2.3.6"
     pretty-format "^29.5.0"
 
+acorn-jsx@^5.3.2:
+  version "5.3.2"
+  resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"
+  integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
+
 acorn-walk@^8.2.0:
   version "8.3.0"
   resolved "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.3.0.tgz"
@@ -1871,6 +2106,16 @@ acorn@^8.10.0, acorn@^8.5.0, acorn@^8.9.0:
   resolved "https://registry.npmjs.org/acorn/-/acorn-8.11.2.tgz"
   integrity sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==
 
+ajv@^6.12.4:
+  version "6.12.6"
+  resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.6.tgz#baf5a62e802b07d977034586f8c3baf5adf26df4"
+  integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==
+  dependencies:
+    fast-deep-equal "^3.1.1"
+    fast-json-stable-stringify "^2.0.0"
+    json-schema-traverse "^0.4.1"
+    uri-js "^4.2.2"
+
 alphanum-sort@^1.0.0:
   version "1.0.2"
   resolved "https://registry.npmjs.org/alphanum-sort/-/alphanum-sort-1.0.2.tgz"
@@ -1886,6 +2131,11 @@ ansi-regex@^5.0.0:
   resolved "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.0.tgz"
   integrity sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==
 
+ansi-regex@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.1.tgz#082cb2c89c9fe8659a311a53bd6a4dc5301db304"
+  integrity sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==
+
 ansi-styles@^2.2.1:
   version "2.2.1"
   resolved "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz"
@@ -1941,6 +2191,11 @@ argparse@^1.0.7:
   dependencies:
     sprintf-js "~1.0.2"
 
+argparse@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/argparse/-/argparse-2.0.1.tgz#246f50f3ca78a3240f6c997e8a9bd1eac49e4b38"
+  integrity sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==
+
 aria-query@^4.2.2:
   version "4.2.2"
   resolved "https://registry.npmjs.org/aria-query/-/aria-query-4.2.2.tgz"
@@ -1964,11 +2219,79 @@ arr-union@^3.1.0:
   resolved "https://registry.npmjs.org/arr-union/-/arr-union-3.1.0.tgz"
   integrity sha1-45sJrqne+Gao8gbiiK9jkZuuOcQ=
 
+array-buffer-byte-length@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/array-buffer-byte-length/-/array-buffer-byte-length-1.0.0.tgz#fabe8bc193fea865f317fe7807085ee0dee5aead"
+  integrity sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==
+  dependencies:
+    call-bind "^1.0.2"
+    is-array-buffer "^3.0.1"
+
+array-includes@^3.1.6:
+  version "3.1.7"
+  resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.7.tgz#8cd2e01b26f7a3086cbc87271593fe921c62abda"
+  integrity sha512-dlcsNBIiWhPkHdOEEKnehA+RNUWDc4UqFtnIXU4uuYDPtA4LDkr7qip2p0VvFAEXNDr0yWZ9PJyIRiGjRLQzwQ==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.2.0"
+    es-abstract "^1.22.1"
+    get-intrinsic "^1.2.1"
+    is-string "^1.0.7"
+
+array-union@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/array-union/-/array-union-2.1.0.tgz#b798420adbeb1de828d84acd8a2e23d3efe85e8d"
+  integrity sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==
+
 array-unique@^0.3.2:
   version "0.3.2"
   resolved "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz"
   integrity sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg=
 
+array.prototype.flat@^1.3.1:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/array.prototype.flat/-/array.prototype.flat-1.3.2.tgz#1476217df8cff17d72ee8f3ba06738db5b387d18"
+  integrity sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.2.0"
+    es-abstract "^1.22.1"
+    es-shim-unscopables "^1.0.0"
+
+array.prototype.flatmap@^1.3.1:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/array.prototype.flatmap/-/array.prototype.flatmap-1.3.2.tgz#c9a7c6831db8e719d6ce639190146c24bbd3e527"
+  integrity sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.2.0"
+    es-abstract "^1.22.1"
+    es-shim-unscopables "^1.0.0"
+
+array.prototype.tosorted@^1.1.1:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/array.prototype.tosorted/-/array.prototype.tosorted-1.1.2.tgz#620eff7442503d66c799d95503f82b475745cefd"
+  integrity sha512-HuQCHOlk1Weat5jzStICBCd83NxiIMwqDg/dHEsoefabn/hJRj5pVdWcPUSpRrwhwxZOsQassMpgN/xRYFBMIg==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.2.0"
+    es-abstract "^1.22.1"
+    es-shim-unscopables "^1.0.0"
+    get-intrinsic "^1.2.1"
+
+arraybuffer.prototype.slice@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.2.tgz#98bd561953e3e74bb34938e77647179dfe6e9f12"
+  integrity sha512-yMBKppFur/fbHu9/6USUe03bZ4knMYiwFBcyiaXB8Go0qNehwX6inYPzK9U0NeQvGxKthcmHcaR8P5MStSRBAw==
+  dependencies:
+    array-buffer-byte-length "^1.0.0"
+    call-bind "^1.0.2"
+    define-properties "^1.2.0"
+    es-abstract "^1.22.1"
+    get-intrinsic "^1.2.1"
+    is-array-buffer "^3.0.2"
+    is-shared-array-buffer "^1.0.2"
+
 assertion-error@^1.1.0:
   version "1.1.0"
   resolved "https://registry.npmjs.org/assertion-error/-/assertion-error-1.1.0.tgz"
@@ -1984,6 +2307,13 @@ async-each@^1.0.1:
   resolved "https://registry.npmjs.org/async-each/-/async-each-1.0.3.tgz"
   integrity sha512-z/WhQ5FPySLdvREByI2vZiTWwCnF0moMJ1hK9YQwDTHKh6I7/uSckMetoRGb5UBZPC1z0jlw+n/XCgjeH7y1AQ==
 
+asynciterator.prototype@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/asynciterator.prototype/-/asynciterator.prototype-1.0.0.tgz#8c5df0514936cdd133604dfcc9d3fb93f09b2b62"
+  integrity sha512-wwHYEIS0Q80f5mosx3L/dfG5t5rjEa9Ft51GTaNt862EnpyGHpgz2RkZvLPp1oF5TnAiTohkEKVEu8pQPJI7Vg==
+  dependencies:
+    has-symbols "^1.0.3"
+
 asyncro@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npmjs.org/asyncro/-/asyncro-3.0.0.tgz"
@@ -2006,6 +2336,11 @@ autoprefixer@^10.1.0:
     normalize-range "^0.1.2"
     postcss-value-parser "^4.1.0"
 
+available-typed-arrays@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz#92f95616501069d07d10edb2fc37d3e1c65123b7"
+  integrity sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==
+
 babel-plugin-dynamic-import-node@^2.3.3:
   version "2.3.3"
   resolved "https://registry.npmjs.org/babel-plugin-dynamic-import-node/-/babel-plugin-dynamic-import-node-2.3.3.tgz"
@@ -2097,6 +2432,13 @@ brace-expansion@^1.1.7:
     balanced-match "^1.0.0"
     concat-map "0.0.1"
 
+brace-expansion@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-2.0.1.tgz#1edc459e0f0c548486ecf9fc99f2221364b9a0ae"
+  integrity sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==
+  dependencies:
+    balanced-match "^1.0.0"
+
 brace@0.11.1:
   version "0.11.1"
   resolved "https://registry.npmjs.org/brace/-/brace-0.11.1.tgz"
@@ -2118,7 +2460,7 @@ braces@^2.3.1, braces@^2.3.2:
     split-string "^3.0.2"
     to-regex "^3.0.1"
 
-braces@~3.0.2:
+braces@^3.0.2, braces@~3.0.2:
   version "3.0.2"
   resolved "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz"
   integrity sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==
@@ -2196,7 +2538,7 @@ call-bind@^1.0.0:
     function-bind "^1.1.1"
     get-intrinsic "^1.0.2"
 
-call-bind@^1.0.5:
+call-bind@^1.0.2, call-bind@^1.0.4, call-bind@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/call-bind/-/call-bind-1.0.5.tgz#6fa2b7845ce0ea49bf4d8b9ef64727a2c2e2e513"
   integrity sha512-C3nQxfFZxFRVoJoGKKI8y3MOEo129NQ+FgQ08iye+Mk4zNZZGdjfs06bVTr+DBSlA66Q2VEcMki/cUCP4SercQ==
@@ -2505,6 +2847,15 @@ cosmiconfig@^7.0.0:
     path-type "^4.0.0"
     yaml "^1.10.0"
 
+cross-spawn@^7.0.2:
+  version "7.0.3"
+  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
+  integrity sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==
+  dependencies:
+    path-key "^3.1.0"
+    shebang-command "^2.0.0"
+    which "^2.0.1"
+
 css-box-model@^1.2.0:
   version "1.2.1"
   resolved "https://registry.npmjs.org/css-box-model/-/css-box-model-1.2.1.tgz"
@@ -2674,7 +3025,7 @@ debug@^4.1.0:
   dependencies:
     ms "2.1.2"
 
-debug@^4.3.1, debug@^4.3.4:
+debug@^4.3.1, debug@^4.3.2, debug@^4.3.4:
   version "4.3.4"
   resolved "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz"
   integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==
@@ -2693,12 +3044,17 @@ deep-eql@^4.1.3:
   dependencies:
     type-detect "^4.0.0"
 
+deep-is@^0.1.3:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.4.tgz#a6f2dce612fadd2ef1f519b73551f17e85199831"
+  integrity sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==
+
 deepmerge@^4.2.2:
   version "4.2.2"
   resolved "https://registry.npmjs.org/deepmerge/-/deepmerge-4.2.2.tgz"
   integrity sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==
 
-define-data-property@^1.1.1:
+define-data-property@^1.0.1, define-data-property@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/define-data-property/-/define-data-property-1.1.1.tgz#c35f7cd0ab09883480d12ac5cb213715587800b3"
   integrity sha512-E7uGkTzkk1d0ByLeSc6ZsFS79Axg+m1P/VsgYsxHgiuc3tFSj+MjMIwe90FC4lOAZzNBdY7kkO2P2wKdsQ1vgQ==
@@ -2714,6 +3070,15 @@ define-properties@^1.1.3:
   dependencies:
     object-keys "^1.0.12"
 
+define-properties@^1.2.0, define-properties@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.2.1.tgz#10781cc616eb951a80a034bafcaa7377f6af2b6c"
+  integrity sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==
+  dependencies:
+    define-data-property "^1.0.1"
+    has-property-descriptors "^1.0.0"
+    object-keys "^1.1.1"
+
 define-property@^0.2.5:
   version "0.2.5"
   resolved "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz"
@@ -2746,6 +3111,27 @@ diff-sequences@^29.4.3:
   resolved "https://registry.npmjs.org/diff-sequences/-/diff-sequences-29.6.3.tgz"
   integrity sha512-EjePK1srD3P08o2j4f0ExnylqRs5B9tJjcp9t1krH2qRi8CCdsYfwe9JgSLurFBWwq4uOlipzfk5fHNvwFKr8Q==
 
+dir-glob@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/dir-glob/-/dir-glob-3.0.1.tgz#56dbf73d992a4a93ba1584f4534063fd2e41717f"
+  integrity sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==
+  dependencies:
+    path-type "^4.0.0"
+
+doctrine@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-2.1.0.tgz#5cd01fc101621b42c4cd7f5d1a66243716d3f39d"
+  integrity sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==
+  dependencies:
+    esutils "^2.0.2"
+
+doctrine@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-3.0.0.tgz#addebead72a6574db783639dc87a121773973961"
+  integrity sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==
+  dependencies:
+    esutils "^2.0.2"
+
 dom-accessibility-api@^0.5.4:
   version "0.5.4"
   resolved "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.4.tgz"
@@ -2856,6 +3242,87 @@ es-abstract@^1.18.0-next.1:
     string.prototype.trimend "^1.0.1"
     string.prototype.trimstart "^1.0.1"
 
+es-abstract@^1.22.1:
+  version "1.22.3"
+  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.22.3.tgz#48e79f5573198de6dee3589195727f4f74bc4f32"
+  integrity sha512-eiiY8HQeYfYH2Con2berK+To6GrK2RxbPawDkGq4UiCQQfZHb6wX9qQqkbpPqaxQFcl8d9QzZqo0tGE0VcrdwA==
+  dependencies:
+    array-buffer-byte-length "^1.0.0"
+    arraybuffer.prototype.slice "^1.0.2"
+    available-typed-arrays "^1.0.5"
+    call-bind "^1.0.5"
+    es-set-tostringtag "^2.0.1"
+    es-to-primitive "^1.2.1"
+    function.prototype.name "^1.1.6"
+    get-intrinsic "^1.2.2"
+    get-symbol-description "^1.0.0"
+    globalthis "^1.0.3"
+    gopd "^1.0.1"
+    has-property-descriptors "^1.0.0"
+    has-proto "^1.0.1"
+    has-symbols "^1.0.3"
+    hasown "^2.0.0"
+    internal-slot "^1.0.5"
+    is-array-buffer "^3.0.2"
+    is-callable "^1.2.7"
+    is-negative-zero "^2.0.2"
+    is-regex "^1.1.4"
+    is-shared-array-buffer "^1.0.2"
+    is-string "^1.0.7"
+    is-typed-array "^1.1.12"
+    is-weakref "^1.0.2"
+    object-inspect "^1.13.1"
+    object-keys "^1.1.1"
+    object.assign "^4.1.4"
+    regexp.prototype.flags "^1.5.1"
+    safe-array-concat "^1.0.1"
+    safe-regex-test "^1.0.0"
+    string.prototype.trim "^1.2.8"
+    string.prototype.trimend "^1.0.7"
+    string.prototype.trimstart "^1.0.7"
+    typed-array-buffer "^1.0.0"
+    typed-array-byte-length "^1.0.0"
+    typed-array-byte-offset "^1.0.0"
+    typed-array-length "^1.0.4"
+    unbox-primitive "^1.0.2"
+    which-typed-array "^1.1.13"
+
+es-iterator-helpers@^1.0.12:
+  version "1.0.15"
+  resolved "https://registry.yarnpkg.com/es-iterator-helpers/-/es-iterator-helpers-1.0.15.tgz#bd81d275ac766431d19305923707c3efd9f1ae40"
+  integrity sha512-GhoY8uYqd6iwUl2kgjTm4CZAf6oo5mHK7BPqx3rKgx893YSsy0LGHV6gfqqQvZt/8xM8xeOnfXBCfqclMKkJ5g==
+  dependencies:
+    asynciterator.prototype "^1.0.0"
+    call-bind "^1.0.2"
+    define-properties "^1.2.1"
+    es-abstract "^1.22.1"
+    es-set-tostringtag "^2.0.1"
+    function-bind "^1.1.1"
+    get-intrinsic "^1.2.1"
+    globalthis "^1.0.3"
+    has-property-descriptors "^1.0.0"
+    has-proto "^1.0.1"
+    has-symbols "^1.0.3"
+    internal-slot "^1.0.5"
+    iterator.prototype "^1.1.2"
+    safe-array-concat "^1.0.1"
+
+es-set-tostringtag@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/es-set-tostringtag/-/es-set-tostringtag-2.0.2.tgz#11f7cc9f63376930a5f20be4915834f4bc74f9c9"
+  integrity sha512-BuDyupZt65P9D2D2vA/zqcI3G5xRsklm5N3xCwuiy+/vKy8i0ifdsQP1sLgO4tZDSCaQUSnmC48khknGMV3D2Q==
+  dependencies:
+    get-intrinsic "^1.2.2"
+    has-tostringtag "^1.0.0"
+    hasown "^2.0.0"
+
+es-shim-unscopables@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/es-shim-unscopables/-/es-shim-unscopables-1.0.2.tgz#1f6942e71ecc7835ed1c8a83006d8771a63a3763"
+  integrity sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==
+  dependencies:
+    hasown "^2.0.0"
+
 es-to-primitive@^1.2.1:
   version "1.2.1"
   resolved "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz"
@@ -2908,11 +3375,118 @@ escape-string-regexp@^4.0.0:
   resolved "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz"
   integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
 
+eslint-plugin-react@^7.33.2:
+  version "7.33.2"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.33.2.tgz#69ee09443ffc583927eafe86ffebb470ee737608"
+  integrity sha512-73QQMKALArI8/7xGLNI/3LylrEYrlKZSb5C9+q3OtOewTnMQi5cT+aE9E41sLCmli3I9PGGmD1yiZydyo4FEPw==
+  dependencies:
+    array-includes "^3.1.6"
+    array.prototype.flatmap "^1.3.1"
+    array.prototype.tosorted "^1.1.1"
+    doctrine "^2.1.0"
+    es-iterator-helpers "^1.0.12"
+    estraverse "^5.3.0"
+    jsx-ast-utils "^2.4.1 || ^3.0.0"
+    minimatch "^3.1.2"
+    object.entries "^1.1.6"
+    object.fromentries "^2.0.6"
+    object.hasown "^1.1.2"
+    object.values "^1.1.6"
+    prop-types "^15.8.1"
+    resolve "^2.0.0-next.4"
+    semver "^6.3.1"
+    string.prototype.matchall "^4.0.8"
+
+eslint-scope@^7.2.2:
+  version "7.2.2"
+  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-7.2.2.tgz#deb4f92563390f32006894af62a22dba1c46423f"
+  integrity sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==
+  dependencies:
+    esrecurse "^4.3.0"
+    estraverse "^5.2.0"
+
+eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.1, eslint-visitor-keys@^3.4.3:
+  version "3.4.3"
+  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz#0cd72fe8550e3c2eae156a96a4dddcd1c8ac5800"
+  integrity sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==
+
+eslint@^8.56.0:
+  version "8.56.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.56.0.tgz#4957ce8da409dc0809f99ab07a1b94832ab74b15"
+  integrity sha512-Go19xM6T9puCOWntie1/P997aXxFsOi37JIHRWI514Hc6ZnaHGKY9xFhrU65RT6CcBEzZoGG1e6Nq+DT04ZtZQ==
+  dependencies:
+    "@eslint-community/eslint-utils" "^4.2.0"
+    "@eslint-community/regexpp" "^4.6.1"
+    "@eslint/eslintrc" "^2.1.4"
+    "@eslint/js" "8.56.0"
+    "@humanwhocodes/config-array" "^0.11.13"
+    "@humanwhocodes/module-importer" "^1.0.1"
+    "@nodelib/fs.walk" "^1.2.8"
+    "@ungap/structured-clone" "^1.2.0"
+    ajv "^6.12.4"
+    chalk "^4.0.0"
+    cross-spawn "^7.0.2"
+    debug "^4.3.2"
+    doctrine "^3.0.0"
+    escape-string-regexp "^4.0.0"
+    eslint-scope "^7.2.2"
+    eslint-visitor-keys "^3.4.3"
+    espree "^9.6.1"
+    esquery "^1.4.2"
+    esutils "^2.0.2"
+    fast-deep-equal "^3.1.3"
+    file-entry-cache "^6.0.1"
+    find-up "^5.0.0"
+    glob-parent "^6.0.2"
+    globals "^13.19.0"
+    graphemer "^1.4.0"
+    ignore "^5.2.0"
+    imurmurhash "^0.1.4"
+    is-glob "^4.0.0"
+    is-path-inside "^3.0.3"
+    js-yaml "^4.1.0"
+    json-stable-stringify-without-jsonify "^1.0.1"
+    levn "^0.4.1"
+    lodash.merge "^4.6.2"
+    minimatch "^3.1.2"
+    natural-compare "^1.4.0"
+    optionator "^0.9.3"
+    strip-ansi "^6.0.1"
+    text-table "^0.2.0"
+
+espree@^9.6.0, espree@^9.6.1:
+  version "9.6.1"
+  resolved "https://registry.yarnpkg.com/espree/-/espree-9.6.1.tgz#a2a17b8e434690a5432f2f8018ce71d331a48c6f"
+  integrity sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==
+  dependencies:
+    acorn "^8.9.0"
+    acorn-jsx "^5.3.2"
+    eslint-visitor-keys "^3.4.1"
+
 esprima@^4.0.0:
   version "4.0.1"
   resolved "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz"
   integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
 
+esquery@^1.4.2:
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.5.0.tgz#6ce17738de8577694edd7361c57182ac8cb0db0b"
+  integrity sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==
+  dependencies:
+    estraverse "^5.1.0"
+
+esrecurse@^4.3.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.3.0.tgz#7ad7964d679abb28bee72cec63758b1c5d2c9921"
+  integrity sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==
+  dependencies:
+    estraverse "^5.2.0"
+
+estraverse@^5.1.0, estraverse@^5.2.0, estraverse@^5.3.0:
+  version "5.3.0"
+  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-5.3.0.tgz#2eea5290702f26ab8fe5370370ff86c965d21123"
+  integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==
+
 estree-walker@^0.6.1:
   version "0.6.1"
   resolved "https://registry.npmjs.org/estree-walker/-/estree-walker-0.6.1.tgz"
@@ -2980,6 +3554,39 @@ extglob@^2.0.4:
     snapdragon "^0.8.1"
     to-regex "^3.0.1"
 
+fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
+  integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
+
+fast-glob@^3.2.9:
+  version "3.3.2"
+  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.3.2.tgz#a904501e57cfdd2ffcded45e99a54fef55e46129"
+  integrity sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==
+  dependencies:
+    "@nodelib/fs.stat" "^2.0.2"
+    "@nodelib/fs.walk" "^1.2.3"
+    glob-parent "^5.1.2"
+    merge2 "^1.3.0"
+    micromatch "^4.0.4"
+
+fast-json-stable-stringify@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
+  integrity sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==
+
+fast-levenshtein@^2.0.6:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
+  integrity sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==
+
+fastq@^1.6.0:
+  version "1.16.0"
+  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.16.0.tgz#83b9a9375692db77a822df081edb6a9cf6839320"
+  integrity sha512-ifCoaXsDrsdkWTtiNJX5uzHDsrck5TzfKKDcuFFTIrrc/BS076qgEIfoIy1VeZqViznfKiysPYTh/QeHtnIsYA==
+  dependencies:
+    reusify "^1.0.4"
+
 figures@^1.0.1:
   version "1.7.0"
   resolved "https://registry.npmjs.org/figures/-/figures-1.7.0.tgz"
@@ -2988,6 +3595,13 @@ figures@^1.0.1:
     escape-string-regexp "^1.0.5"
     object-assign "^4.1.0"
 
+file-entry-cache@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-6.0.1.tgz#211b2dd9659cb0394b073e7323ac3c933d522027"
+  integrity sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==
+  dependencies:
+    flat-cache "^3.0.4"
+
 filesize@^6.1.0:
   version "6.1.0"
   resolved "https://registry.npmjs.org/filesize/-/filesize-6.1.0.tgz"
@@ -3027,6 +3641,14 @@ find-up@^4.0.0:
     locate-path "^5.0.0"
     path-exists "^4.0.0"
 
+find-up@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/find-up/-/find-up-5.0.0.tgz#4c92819ecb7083561e4f4a240a86be5198f536fc"
+  integrity sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==
+  dependencies:
+    locate-path "^6.0.0"
+    path-exists "^4.0.0"
+
 find-versions@^3.2.0:
   version "3.2.0"
   resolved "https://registry.npmjs.org/find-versions/-/find-versions-3.2.0.tgz"
@@ -3034,6 +3656,27 @@ find-versions@^3.2.0:
   dependencies:
     semver-regex "^2.0.0"
 
+flat-cache@^3.0.4:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-3.2.0.tgz#2c0c2d5040c99b1632771a9d105725c0115363ee"
+  integrity sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==
+  dependencies:
+    flatted "^3.2.9"
+    keyv "^4.5.3"
+    rimraf "^3.0.2"
+
+flatted@^3.2.9:
+  version "3.2.9"
+  resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.2.9.tgz#7eb4c67ca1ba34232ca9d2d93e9886e611ad7daf"
+  integrity sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==
+
+for-each@^0.3.3:
+  version "0.3.3"
+  resolved "https://registry.yarnpkg.com/for-each/-/for-each-0.3.3.tgz#69b447e88a0a5d32c3e7084f3f1710034b21376e"
+  integrity sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==
+  dependencies:
+    is-callable "^1.1.3"
+
 for-in@^1.0.2:
   version "1.0.2"
   resolved "https://registry.npmjs.org/for-in/-/for-in-1.0.2.tgz"
@@ -3095,6 +3738,21 @@ function-bind@^1.1.2:
   resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.2.tgz#2c02d864d97f3ea6c8830c464cbd11ab6eab7a1c"
   integrity sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==
 
+function.prototype.name@^1.1.5, function.prototype.name@^1.1.6:
+  version "1.1.6"
+  resolved "https://registry.yarnpkg.com/function.prototype.name/-/function.prototype.name-1.1.6.tgz#cdf315b7d90ee77a4c6ee216c3c3362da07533fd"
+  integrity sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.2.0"
+    es-abstract "^1.22.1"
+    functions-have-names "^1.2.3"
+
+functions-have-names@^1.2.3:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/functions-have-names/-/functions-have-names-1.2.3.tgz#0404fe4ee2ba2f607f0e0ec3c80bae994133b834"
+  integrity sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==
+
 generic-names@^2.0.1:
   version "2.0.1"
   resolved "https://registry.npmjs.org/generic-names/-/generic-names-2.0.1.tgz"
@@ -3121,7 +3779,7 @@ get-intrinsic@^1.0.2:
     has "^1.0.3"
     has-symbols "^1.0.1"
 
-get-intrinsic@^1.1.3, get-intrinsic@^1.2.1, get-intrinsic@^1.2.2:
+get-intrinsic@^1.1.1, get-intrinsic@^1.1.3, get-intrinsic@^1.2.0, get-intrinsic@^1.2.1, get-intrinsic@^1.2.2:
   version "1.2.2"
   resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.2.2.tgz#281b7622971123e1ef4b3c90fd7539306da93f3b"
   integrity sha512-0gSo4ml/0j98Y3lngkFEot/zhiCeWsbYIlZ+uZOVgzLyLaUw7wxUL+nCTP0XJvJg1AXulJRI3UJi8GsbDuxdGA==
@@ -3131,6 +3789,14 @@ get-intrinsic@^1.1.3, get-intrinsic@^1.2.1, get-intrinsic@^1.2.2:
     has-symbols "^1.0.3"
     hasown "^2.0.0"
 
+get-symbol-description@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/get-symbol-description/-/get-symbol-description-1.0.0.tgz#7fdb81c900101fbd564dd5f1a30af5aadc1e58d6"
+  integrity sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==
+  dependencies:
+    call-bind "^1.0.2"
+    get-intrinsic "^1.1.1"
+
 get-value@^2.0.3, get-value@^2.0.6:
   version "2.0.6"
   resolved "https://registry.npmjs.org/get-value/-/get-value-2.0.6.tgz"
@@ -3144,6 +3810,20 @@ glob-parent@^3.1.0:
     is-glob "^3.1.0"
     path-dirname "^1.0.0"
 
+glob-parent@^5.1.2, glob-parent@~5.1.2:
+  version "5.1.2"
+  resolved "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz"
+  integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
+  dependencies:
+    is-glob "^4.0.1"
+
+glob-parent@^6.0.2:
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-6.0.2.tgz#6d237d99083950c79290f24c7642a3de9a28f9e3"
+  integrity sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==
+  dependencies:
+    is-glob "^4.0.3"
+
 glob-parent@~5.1.0:
   version "5.1.1"
   resolved "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.1.tgz"
@@ -3151,13 +3831,6 @@ glob-parent@~5.1.0:
   dependencies:
     is-glob "^4.0.1"
 
-glob-parent@~5.1.2:
-  version "5.1.2"
-  resolved "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz"
-  integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
-  dependencies:
-    is-glob "^4.0.1"
-
 glob@^7.0.0, glob@^7.1.6:
   version "7.1.6"
   resolved "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz"
@@ -3170,16 +3843,54 @@ glob@^7.0.0, glob@^7.1.6:
     once "^1.3.0"
     path-is-absolute "^1.0.0"
 
+glob@^7.1.3:
+  version "7.2.3"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b"
+  integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==
+  dependencies:
+    fs.realpath "^1.0.0"
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "^3.1.1"
+    once "^1.3.0"
+    path-is-absolute "^1.0.0"
+
 globals@^11.1.0:
   version "11.12.0"
   resolved "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz"
   integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==
 
+globals@^13.19.0:
+  version "13.24.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-13.24.0.tgz#8432a19d78ce0c1e833949c36adb345400bb1171"
+  integrity sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==
+  dependencies:
+    type-fest "^0.20.2"
+
+globalthis@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/globalthis/-/globalthis-1.0.3.tgz#5852882a52b80dc301b0660273e1ed082f0b6ccf"
+  integrity sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==
+  dependencies:
+    define-properties "^1.1.3"
+
 globalyzer@0.1.0:
   version "0.1.0"
   resolved "https://registry.npmjs.org/globalyzer/-/globalyzer-0.1.0.tgz"
   integrity sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q==
 
+globby@^11.1.0:
+  version "11.1.0"
+  resolved "https://registry.yarnpkg.com/globby/-/globby-11.1.0.tgz#bd4be98bb042f83d796f7e3811991fbe82a0d34b"
+  integrity sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==
+  dependencies:
+    array-union "^2.1.0"
+    dir-glob "^3.0.1"
+    fast-glob "^3.2.9"
+    ignore "^5.2.0"
+    merge2 "^1.4.1"
+    slash "^3.0.0"
+
 globrex@^0.1.2:
   version "0.1.2"
   resolved "https://registry.npmjs.org/globrex/-/globrex-0.1.2.tgz"
@@ -3197,6 +3908,11 @@ graceful-fs@^4.1.11, graceful-fs@^4.1.6, graceful-fs@^4.2.0:
   resolved "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.4.tgz"
   integrity sha512-WjKPNJF79dtJAVniUlGGWHYGz2jWxT6VhN/4m1NdkbZ2nOsEF+cI1Edgql5zCRhs/VsQYRvrXctxktVXZUkixw==
 
+graphemer@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/graphemer/-/graphemer-1.4.0.tgz#fb2f1d55e0e3a1849aeffc90c4fa0dd53a0e66c6"
+  integrity sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==
+
 gzip-size@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npmjs.org/gzip-size/-/gzip-size-3.0.0.tgz"
@@ -3218,6 +3934,11 @@ has-ansi@^2.0.0:
   dependencies:
     ansi-regex "^2.0.0"
 
+has-bigints@^1.0.1, has-bigints@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/has-bigints/-/has-bigints-1.0.2.tgz#0871bd3e3d51626f6ca0966668ba35d5602d6eaa"
+  integrity sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==
+
 has-flag@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz"
@@ -3245,11 +3966,18 @@ has-symbols@^1.0.1:
   resolved "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.1.tgz"
   integrity sha512-PLcsoqu++dmEIZB+6totNFKq/7Do+Z0u4oT0zKOJNl3lYK6vGwwu2hjHs+68OEZbTjiUE9bgOABXbP/GvrS0Kg==
 
-has-symbols@^1.0.3:
+has-symbols@^1.0.2, has-symbols@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.3.tgz#bb7b2c4349251dce87b125f7bdf874aa7c8b39f8"
   integrity sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==
 
+has-tostringtag@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/has-tostringtag/-/has-tostringtag-1.0.0.tgz#7e133818a7d394734f941e73c3d3f9291e658b25"
+  integrity sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==
+  dependencies:
+    has-symbols "^1.0.2"
+
 has-value@^0.3.1:
   version "0.3.1"
   resolved "https://registry.npmjs.org/has-value/-/has-value-0.3.1.tgz"
@@ -3348,6 +4076,11 @@ icss-utils@^5.0.0:
   resolved "https://registry.npmjs.org/icss-utils/-/icss-utils-5.1.0.tgz"
   integrity sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==
 
+ignore@^5.2.0, ignore@^5.2.4:
+  version "5.3.0"
+  resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.3.0.tgz#67418ae40d34d6999c95ff56016759c718c82f78"
+  integrity sha512-g7dmpshy+gD7mh88OC9NwSGTKoc3kyLAZQRU1mt53Aw/vnvfXnbC+F/7F7QoYVKbV+KNvJx8wArewKy1vXMtlg==
+
 immutable@^4.0.0:
   version "4.3.4"
   resolved "https://registry.npmjs.org/immutable/-/immutable-4.3.4.tgz"
@@ -3383,6 +4116,11 @@ import-from@^3.0.0:
   dependencies:
     resolve-from "^5.0.0"
 
+imurmurhash@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
+  integrity sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==
+
 indent-string@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz"
@@ -3406,6 +4144,15 @@ inherits@2, inherits@^2.0.3, inherits@^2.0.4, inherits@~2.0.3:
   resolved "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz"
   integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
 
+internal-slot@^1.0.5:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/internal-slot/-/internal-slot-1.0.6.tgz#37e756098c4911c5e912b8edbf71ed3aa116f930"
+  integrity sha512-Xj6dv+PsbtwyPpEflsejS+oIZxmMlV44zAhG479uYu89MsjcYOhCFnNyKrkJrihbsiasQyY0afoCl/9BLR65bg==
+  dependencies:
+    get-intrinsic "^1.2.2"
+    hasown "^2.0.0"
+    side-channel "^1.0.4"
+
 intl-messageformat@10.5.8:
   version "10.5.8"
   resolved "https://registry.yarnpkg.com/intl-messageformat/-/intl-messageformat-10.5.8.tgz#7184da425f360a53a5483a6194e16d666b011fc0"
@@ -3435,6 +4182,15 @@ is-accessor-descriptor@^1.0.0:
   dependencies:
     kind-of "^6.0.0"
 
+is-array-buffer@^3.0.1, is-array-buffer@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/is-array-buffer/-/is-array-buffer-3.0.2.tgz#f2653ced8412081638ecb0ebbd0c41c6e0aecbbe"
+  integrity sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==
+  dependencies:
+    call-bind "^1.0.2"
+    get-intrinsic "^1.2.0"
+    is-typed-array "^1.1.10"
+
 is-arrayish@^0.2.1:
   version "0.2.1"
   resolved "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz"
@@ -3445,6 +4201,20 @@ is-arrayish@^0.3.1:
   resolved "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz"
   integrity sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==
 
+is-async-function@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/is-async-function/-/is-async-function-2.0.0.tgz#8e4418efd3e5d3a6ebb0164c05ef5afb69aa9646"
+  integrity sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==
+  dependencies:
+    has-tostringtag "^1.0.0"
+
+is-bigint@^1.0.1:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/is-bigint/-/is-bigint-1.0.4.tgz#08147a1875bc2b32005d41ccd8291dffc6691df3"
+  integrity sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==
+  dependencies:
+    has-bigints "^1.0.1"
+
 is-binary-path@^1.0.0:
   version "1.0.1"
   resolved "https://registry.npmjs.org/is-binary-path/-/is-binary-path-1.0.1.tgz"
@@ -3459,11 +4229,24 @@ is-binary-path@~2.1.0:
   dependencies:
     binary-extensions "^2.0.0"
 
+is-boolean-object@^1.1.0:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/is-boolean-object/-/is-boolean-object-1.1.2.tgz#5c6dc200246dd9321ae4b885a114bb1f75f63719"
+  integrity sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==
+  dependencies:
+    call-bind "^1.0.2"
+    has-tostringtag "^1.0.0"
+
 is-buffer@^1.1.5:
   version "1.1.6"
   resolved "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz"
   integrity sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==
 
+is-callable@^1.1.3, is-callable@^1.2.7:
+  version "1.2.7"
+  resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.7.tgz#3bc2a85ea742d9e36205dcacdd72ca1fdc51b055"
+  integrity sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==
+
 is-callable@^1.1.4, is-callable@^1.2.2:
   version "1.2.2"
   resolved "https://registry.npmjs.org/is-callable/-/is-callable-1.2.2.tgz"
@@ -3488,6 +4271,13 @@ is-core-module@^2.1.0:
   dependencies:
     has "^1.0.3"
 
+is-core-module@^2.13.0:
+  version "2.13.1"
+  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.13.1.tgz#ad0d7532c6fea9da1ebdc82742d74525c6273384"
+  integrity sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==
+  dependencies:
+    hasown "^2.0.0"
+
 is-data-descriptor@^0.1.4:
   version "0.1.4"
   resolved "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz"
@@ -3507,6 +4297,13 @@ is-date-object@^1.0.1:
   resolved "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.2.tgz"
   integrity sha512-USlDT524woQ08aoZFzh3/Z6ch9Y/EWXEHQ/AaRN0SkKq4t2Jw2R2339tSXmwuVoY7LLlBCbOIlx2myP/L5zk0g==
 
+is-date-object@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/is-date-object/-/is-date-object-1.0.5.tgz#0841d5536e724c25597bf6ea62e1bd38298df31f"
+  integrity sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==
+  dependencies:
+    has-tostringtag "^1.0.0"
+
 is-descriptor@^0.1.0:
   version "0.1.6"
   resolved "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz"
@@ -3547,6 +4344,20 @@ is-extglob@^2.1.0, is-extglob@^2.1.1:
   resolved "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz"
   integrity sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=
 
+is-finalizationregistry@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/is-finalizationregistry/-/is-finalizationregistry-1.0.2.tgz#c8749b65f17c133313e661b1289b95ad3dbd62e6"
+  integrity sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==
+  dependencies:
+    call-bind "^1.0.2"
+
+is-generator-function@^1.0.10:
+  version "1.0.10"
+  resolved "https://registry.yarnpkg.com/is-generator-function/-/is-generator-function-1.0.10.tgz#f1558baf1ac17e0deea7c0415c438351ff2b3c72"
+  integrity sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==
+  dependencies:
+    has-tostringtag "^1.0.0"
+
 is-glob@^3.1.0:
   version "3.1.0"
   resolved "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz"
@@ -3561,6 +4372,18 @@ is-glob@^4.0.0, is-glob@^4.0.1, is-glob@~4.0.1:
   dependencies:
     is-extglob "^2.1.1"
 
+is-glob@^4.0.3:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.3.tgz#64f61e42cbbb2eec2071a9dac0b28ba1e65d5084"
+  integrity sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==
+  dependencies:
+    is-extglob "^2.1.1"
+
+is-map@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/is-map/-/is-map-2.0.2.tgz#00922db8c9bf73e81b7a335827bc2a43f2b91127"
+  integrity sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==
+
 is-module@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/is-module/-/is-module-1.0.0.tgz"
@@ -3571,6 +4394,18 @@ is-negative-zero@^2.0.0:
   resolved "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.1.tgz"
   integrity sha512-2z6JzQvZRa9A2Y7xC6dQQm4FSTSTNWjKIYYTt4246eMTJmIo0Q+ZyOsU66X8lxK1AbB92dFeglPLrhwpeRKO6w==
 
+is-negative-zero@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/is-negative-zero/-/is-negative-zero-2.0.2.tgz#7bf6f03a28003b8b3965de3ac26f664d765f3150"
+  integrity sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==
+
+is-number-object@^1.0.4:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/is-number-object/-/is-number-object-1.0.7.tgz#59d50ada4c45251784e9904f5246c742f07a42fc"
+  integrity sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==
+  dependencies:
+    has-tostringtag "^1.0.0"
+
 is-number@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz"
@@ -3588,6 +4423,11 @@ is-obj@^2.0.0:
   resolved "https://registry.npmjs.org/is-obj/-/is-obj-2.0.0.tgz"
   integrity sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w==
 
+is-path-inside@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-3.0.3.tgz#d231362e53a07ff2b0e0ea7fed049161ffd16283"
+  integrity sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==
+
 is-plain-object@^2.0.3, is-plain-object@^2.0.4:
   version "2.0.4"
   resolved "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz"
@@ -3609,11 +4449,38 @@ is-regex@^1.1.1:
   dependencies:
     has-symbols "^1.0.1"
 
+is-regex@^1.1.4:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.1.4.tgz#eef5663cd59fa4c0ae339505323df6854bb15958"
+  integrity sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==
+  dependencies:
+    call-bind "^1.0.2"
+    has-tostringtag "^1.0.0"
+
 is-resolvable@^1.0.0:
   version "1.1.0"
   resolved "https://registry.npmjs.org/is-resolvable/-/is-resolvable-1.1.0.tgz"
   integrity sha512-qgDYXFSR5WvEfuS5dMj6oTMEbrrSaM0CrFk2Yiq/gXnBvD9pMa2jGXxyhGLfvhZpuMZe18CJpFxAt3CRs42NMg==
 
+is-set@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/is-set/-/is-set-2.0.2.tgz#90755fa4c2562dc1c5d4024760d6119b94ca18ec"
+  integrity sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==
+
+is-shared-array-buffer@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz#8f259c573b60b6a32d4058a1a07430c0a7344c79"
+  integrity sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==
+  dependencies:
+    call-bind "^1.0.2"
+
+is-string@^1.0.5, is-string@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/is-string/-/is-string-1.0.7.tgz#0dd12bf2006f255bb58f695110eff7491eebc0fd"
+  integrity sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==
+  dependencies:
+    has-tostringtag "^1.0.0"
+
 is-svg@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npmjs.org/is-svg/-/is-svg-3.0.0.tgz"
@@ -3628,6 +4495,40 @@ is-symbol@^1.0.2:
   dependencies:
     has-symbols "^1.0.1"
 
+is-symbol@^1.0.3:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/is-symbol/-/is-symbol-1.0.4.tgz#a6dac93b635b063ca6872236de88910a57af139c"
+  integrity sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==
+  dependencies:
+    has-symbols "^1.0.2"
+
+is-typed-array@^1.1.10, is-typed-array@^1.1.12, is-typed-array@^1.1.9:
+  version "1.1.12"
+  resolved "https://registry.yarnpkg.com/is-typed-array/-/is-typed-array-1.1.12.tgz#d0bab5686ef4a76f7a73097b95470ab199c57d4a"
+  integrity sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg==
+  dependencies:
+    which-typed-array "^1.1.11"
+
+is-weakmap@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/is-weakmap/-/is-weakmap-2.0.1.tgz#5008b59bdc43b698201d18f62b37b2ca243e8cf2"
+  integrity sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==
+
+is-weakref@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/is-weakref/-/is-weakref-1.0.2.tgz#9529f383a9338205e89765e0392efc2f100f06f2"
+  integrity sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==
+  dependencies:
+    call-bind "^1.0.2"
+
+is-weakset@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/is-weakset/-/is-weakset-2.0.2.tgz#4569d67a747a1ce5a994dfd4ef6dcea76e7c0a1d"
+  integrity sha512-t2yVvttHkQktwnNNmBQ98AhENLdPUTDTE21uPqAQ0ARwQfGeQKRVS0NNurH7bTf7RrvcVn1OOge45CnBeHCSmg==
+  dependencies:
+    call-bind "^1.0.2"
+    get-intrinsic "^1.1.1"
+
 is-windows@^1.0.2:
   version "1.0.2"
   resolved "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz"
@@ -3643,6 +4544,11 @@ isarray@^2.0.5:
   resolved "https://registry.yarnpkg.com/isarray/-/isarray-2.0.5.tgz#8af1e4c1221244cc62459faf38940d4e644a5723"
   integrity sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==
 
+isexe@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
+  integrity sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==
+
 isobject@^2.0.0:
   version "2.1.0"
   resolved "https://registry.npmjs.org/isobject/-/isobject-2.1.0.tgz"
@@ -3655,6 +4561,17 @@ isobject@^3.0.0, isobject@^3.0.1:
   resolved "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz"
   integrity sha1-TkMekrEalzFjaqH5yNHMvP2reN8=
 
+iterator.prototype@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/iterator.prototype/-/iterator.prototype-1.1.2.tgz#5e29c8924f01916cb9335f1ff80619dcff22b0c0"
+  integrity sha512-DR33HMMr8EzwuRL8Y9D3u2BMj8+RqSE850jfGu59kS7tbmPLzGkZmVSfyCFSDxuZiEY6Rzt3T2NA/qU+NwVj1w==
+  dependencies:
+    define-properties "^1.2.1"
+    get-intrinsic "^1.2.1"
+    has-symbols "^1.0.3"
+    reflect.getprototypeof "^1.0.4"
+    set-function-name "^2.0.1"
+
 jest-diff@^26.0.0:
   version "26.6.2"
   resolved "https://registry.npmjs.org/jest-diff/-/jest-diff-26.6.2.tgz"
@@ -3692,6 +4609,13 @@ js-yaml@^3.13.1:
     argparse "^1.0.7"
     esprima "^4.0.0"
 
+js-yaml@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-4.1.0.tgz#c1fb65f8f5017901cdd2c951864ba18458a10602"
+  integrity sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==
+  dependencies:
+    argparse "^2.0.1"
+
 jsesc@^2.5.1:
   version "2.5.2"
   resolved "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz"
@@ -3702,6 +4626,11 @@ jsesc@~0.5.0:
   resolved "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz"
   integrity sha1-597mbjXW/Bb3EP6R1c9p9w8IkR0=
 
+json-buffer@3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/json-buffer/-/json-buffer-3.0.1.tgz#9338802a30d3b6605fbe0613e094008ca8c05a13"
+  integrity sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==
+
 json-parse-better-errors@^1.0.1:
   version "1.0.2"
   resolved "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz"
@@ -3712,6 +4641,16 @@ json-parse-even-better-errors@^2.3.0:
   resolved "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz"
   integrity sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==
 
+json-schema-traverse@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz#69f6a87d9513ab8bb8fe63bdb0979c448e684660"
+  integrity sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==
+
+json-stable-stringify-without-jsonify@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz#9db7b59496ad3f3cfef30a75142d2d930ad72651"
+  integrity sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==
+
 json-stable-stringify@^1.0.1:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/json-stable-stringify/-/json-stable-stringify-1.1.0.tgz#43d39c7c8da34bfaf785a61a56808b0def9f747d"
@@ -3758,11 +4697,28 @@ jsonify@^0.0.1:
   resolved "https://registry.yarnpkg.com/jsonify/-/jsonify-0.0.1.tgz#2aa3111dae3d34a0f151c63f3a45d995d9420978"
   integrity sha512-2/Ki0GcmuqSrgFyelQq9M05y7PS0mEwuIzrf3f1fPqkVDVRvZrPZtVSMHxdgo8Aq0sxAOb/cr2aqqA3LeWHVPg==
 
+"jsx-ast-utils@^2.4.1 || ^3.0.0":
+  version "3.3.5"
+  resolved "https://registry.yarnpkg.com/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz#4766bd05a8e2a11af222becd19e15575e52a853a"
+  integrity sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==
+  dependencies:
+    array-includes "^3.1.6"
+    array.prototype.flat "^1.3.1"
+    object.assign "^4.1.4"
+    object.values "^1.1.6"
+
 jwt-decode@3.1.2:
   version "3.1.2"
   resolved "https://registry.npmjs.org/jwt-decode/-/jwt-decode-3.1.2.tgz"
   integrity sha512-UfpWE/VZn0iP50d8cz9NrZLM9lSWhcJ+0Gt/nm4by88UL+J1SiKN8/5dkjMmbEzwL2CAe+67GsegCbIKtbp75A==
 
+keyv@^4.5.3:
+  version "4.5.4"
+  resolved "https://registry.yarnpkg.com/keyv/-/keyv-4.5.4.tgz#a879a99e29452f942439f2a405e3af8b31d4de93"
+  integrity sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==
+  dependencies:
+    json-buffer "3.0.1"
+
 kind-of@^3.0.2, kind-of@^3.0.3, kind-of@^3.2.0:
   version "3.2.2"
   resolved "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz"
@@ -3792,6 +4748,14 @@ kleur@^4.1.3:
   resolved "https://registry.npmjs.org/kleur/-/kleur-4.1.3.tgz"
   integrity sha512-H1tr8QP2PxFTNwAFM74Mui2b6ovcY9FoxJefgrwxY+OCJcq01k5nvhf4M/KnizzrJvLRap5STUy7dgDV35iUBw==
 
+levn@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/levn/-/levn-0.4.1.tgz#ae4562c007473b932a6200d403268dd2fffc6ade"
+  integrity sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==
+  dependencies:
+    prelude-ls "^1.2.1"
+    type-check "~0.4.0"
+
 lines-and-columns@^1.1.6:
   version "1.1.6"
   resolved "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.1.6.tgz"
@@ -3818,6 +4782,13 @@ locate-path@^5.0.0:
   dependencies:
     p-locate "^4.1.0"
 
+locate-path@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-6.0.0.tgz#55321eb309febbc59c4801d931a72452a681d286"
+  integrity sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==
+  dependencies:
+    p-locate "^5.0.0"
+
 lodash.camelcase@^4.3.0:
   version "4.3.0"
   resolved "https://registry.npmjs.org/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz"
@@ -3864,6 +4835,13 @@ lru-cache@^5.1.1:
   dependencies:
     yallist "^3.0.2"
 
+lru-cache@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-6.0.0.tgz#6d6fe6570ebd96aaf90fcad1dafa3b2566db3a94"
+  integrity sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==
+  dependencies:
+    yallist "^4.0.0"
+
 lz-string@^1.4.4:
   version "1.4.4"
   resolved "https://registry.npmjs.org/lz-string/-/lz-string-1.4.4.tgz"
@@ -3940,6 +4918,11 @@ merge-stream@^2.0.0:
   resolved "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz"
   integrity sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==
 
+merge2@^1.3.0, merge2@^1.4.1:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
+  integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
+
 microbundle@0.13.0:
   version "0.13.0"
   resolved "https://registry.npmjs.org/microbundle/-/microbundle-0.13.0.tgz"
@@ -4004,11 +4987,26 @@ micromatch@^3.1.10, micromatch@^3.1.4:
     snapdragon "^0.8.1"
     to-regex "^3.0.2"
 
+micromatch@^4.0.4:
+  version "4.0.5"
+  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.5.tgz#bc8999a7cbbf77cdc89f132f6e467051b49090c6"
+  integrity sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==
+  dependencies:
+    braces "^3.0.2"
+    picomatch "^2.3.1"
+
 min-indent@^1.0.0:
   version "1.0.1"
   resolved "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz"
   integrity sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==
 
+minimatch@9.0.3:
+  version "9.0.3"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-9.0.3.tgz#a6e00c3de44c3a542bfaae70abfc22420a6da825"
+  integrity sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==
+  dependencies:
+    brace-expansion "^2.0.1"
+
 minimatch@^3.0.4:
   version "3.0.4"
   resolved "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz"
@@ -4016,6 +5014,13 @@ minimatch@^3.0.4:
   dependencies:
     brace-expansion "^1.1.7"
 
+minimatch@^3.0.5, minimatch@^3.1.1, minimatch@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
+  integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
+  dependencies:
+    brace-expansion "^1.1.7"
+
 minimist@^1.2.0:
   version "1.2.7"
   resolved "https://registry.npmjs.org/minimist/-/minimist-1.2.7.tgz"
@@ -4088,6 +5093,11 @@ nanomatch@^1.2.9:
     snapdragon "^0.8.1"
     to-regex "^3.0.1"
 
+natural-compare@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
+  integrity sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==
+
 node-releases@^1.1.71:
   version "1.1.73"
   resolved "https://registry.npmjs.org/node-releases/-/node-releases-1.1.73.tgz"
@@ -4146,6 +5156,11 @@ object-copy@^0.1.0:
     define-property "^0.2.5"
     kind-of "^3.0.3"
 
+object-inspect@^1.13.1, object-inspect@^1.9.0:
+  version "1.13.1"
+  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.13.1.tgz#b96c6109324ccfef6b12216a956ca4dc2ff94bc2"
+  integrity sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==
+
 object-inspect@^1.8.0:
   version "1.9.0"
   resolved "https://registry.npmjs.org/object-inspect/-/object-inspect-1.9.0.tgz"
@@ -4173,6 +5188,34 @@ object.assign@^4.1.0, object.assign@^4.1.1:
     has-symbols "^1.0.1"
     object-keys "^1.1.1"
 
+object.assign@^4.1.4:
+  version "4.1.5"
+  resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.5.tgz#3a833f9ab7fdb80fc9e8d2300c803d216d8fdbb0"
+  integrity sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==
+  dependencies:
+    call-bind "^1.0.5"
+    define-properties "^1.2.1"
+    has-symbols "^1.0.3"
+    object-keys "^1.1.1"
+
+object.entries@^1.1.6:
+  version "1.1.7"
+  resolved "https://registry.yarnpkg.com/object.entries/-/object.entries-1.1.7.tgz#2b47760e2a2e3a752f39dd874655c61a7f03c131"
+  integrity sha512-jCBs/0plmPsOnrKAfFQXRG2NFjlhZgjjcBLSmTnEhU8U6vVTsVe8ANeQJCHTl3gSsI4J+0emOoCgoKlmQPMgmA==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.2.0"
+    es-abstract "^1.22.1"
+
+object.fromentries@^2.0.6:
+  version "2.0.7"
+  resolved "https://registry.yarnpkg.com/object.fromentries/-/object.fromentries-2.0.7.tgz#71e95f441e9a0ea6baf682ecaaf37fa2a8d7e616"
+  integrity sha512-UPbPHML6sL8PI/mOqPwsH4G6iyXcCGzLin8KvEPenOZN5lpCNBZZQ+V62vdjB1mQHrmqGQt5/OJzemUA+KJmEA==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.2.0"
+    es-abstract "^1.22.1"
+
 object.getownpropertydescriptors@^2.1.0:
   version "2.1.1"
   resolved "https://registry.npmjs.org/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.1.tgz"
@@ -4182,6 +5225,14 @@ object.getownpropertydescriptors@^2.1.0:
     define-properties "^1.1.3"
     es-abstract "^1.18.0-next.1"
 
+object.hasown@^1.1.2:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/object.hasown/-/object.hasown-1.1.3.tgz#6a5f2897bb4d3668b8e79364f98ccf971bda55ae"
+  integrity sha512-fFI4VcYpRHvSLXxP7yiZOMAd331cPfd2p7PFDVbgUsYOfCT3tICVqXWngbjr4m49OvsBwUBQ6O2uQoJvy3RexA==
+  dependencies:
+    define-properties "^1.2.0"
+    es-abstract "^1.22.1"
+
 object.pick@^1.3.0:
   version "1.3.0"
   resolved "https://registry.npmjs.org/object.pick/-/object.pick-1.3.0.tgz"
@@ -4199,6 +5250,15 @@ object.values@^1.1.0:
     es-abstract "^1.18.0-next.1"
     has "^1.0.3"
 
+object.values@^1.1.6:
+  version "1.1.7"
+  resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.1.7.tgz#617ed13272e7e1071b43973aa1655d9291b8442a"
+  integrity sha512-aU6xnDFYT3x17e/f0IiiwlGPTy2jzMySGfUB4fq6z7CV8l85CWHDk5ErhyhpfDHhrOMwGFhSQkhMGHaIotA6Ng==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.2.0"
+    es-abstract "^1.22.1"
+
 once@^1.3.0:
   version "1.4.0"
   resolved "https://registry.npmjs.org/once/-/once-1.4.0.tgz"
@@ -4211,6 +5271,18 @@ opencollective-postinstall@^2.0.2:
   resolved "https://registry.npmjs.org/opencollective-postinstall/-/opencollective-postinstall-2.0.3.tgz"
   integrity sha512-8AV/sCtuzUeTo8gQK5qDZzARrulB3egtLzFgteqB2tcT4Mw7B8Kt7JcDHmltjz6FOAHsvTevk70gZEbhM4ZS9Q==
 
+optionator@^0.9.3:
+  version "0.9.3"
+  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.3.tgz#007397d44ed1872fdc6ed31360190f81814e2c64"
+  integrity sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==
+  dependencies:
+    "@aashutoshrathi/word-wrap" "^1.2.3"
+    deep-is "^0.1.3"
+    fast-levenshtein "^2.0.6"
+    levn "^0.4.1"
+    prelude-ls "^1.2.1"
+    type-check "^0.4.0"
+
 p-finally@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/p-finally/-/p-finally-1.0.0.tgz"
@@ -4223,6 +5295,13 @@ p-limit@^2.2.0:
   dependencies:
     p-try "^2.0.0"
 
+p-limit@^3.0.2:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-3.1.0.tgz#e1daccbe78d0d1388ca18c64fea38e3e57e3706b"
+  integrity sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==
+  dependencies:
+    yocto-queue "^0.1.0"
+
 p-limit@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmjs.org/p-limit/-/p-limit-4.0.0.tgz"
@@ -4237,6 +5316,13 @@ p-locate@^4.1.0:
   dependencies:
     p-limit "^2.2.0"
 
+p-locate@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-5.0.0.tgz#83c8315c6785005e3bd021839411c9e110e6d834"
+  integrity sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==
+  dependencies:
+    p-limit "^3.0.2"
+
 p-queue@^6.6.2:
   version "6.6.2"
   resolved "https://registry.npmjs.org/p-queue/-/p-queue-6.6.2.tgz"
@@ -4302,7 +5388,12 @@ path-is-absolute@^1.0.0:
   resolved "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz"
   integrity sha1-F0uSaHNVNP+8es5r9TpanhtcX18=
 
-path-parse@^1.0.6:
+path-key@^3.1.0:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/path-key/-/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375"
+  integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==
+
+path-parse@^1.0.6, path-parse@^1.0.7:
   version "1.0.7"
   resolved "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz"
   integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
@@ -4332,6 +5423,11 @@ picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.2:
   resolved "https://registry.npmjs.org/picomatch/-/picomatch-2.2.2.tgz"
   integrity sha512-q0M/9eZHzmr0AulXyPwNfZjtwZ/RBZlbN3K3CErVrk50T2ASYI7Bye0EvekFY3IP1Nt2DHu0re+V2ZHIpMkuWg==
 
+picomatch@^2.3.1:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
+  integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
+
 pify@^4.0.1:
   version "4.0.1"
   resolved "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz"
@@ -4723,6 +5819,11 @@ postcss@^8.4.32:
     picocolors "^1.0.0"
     source-map-js "^1.0.2"
 
+prelude-ls@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
+  integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
+
 prettier@2.2.1:
   version "2.2.1"
   resolved "https://registry.npmjs.org/prettier/-/prettier-2.2.1.tgz"
@@ -4778,7 +5879,7 @@ prop-types@15.7.2:
     object-assign "^4.1.1"
     react-is "^16.8.1"
 
-prop-types@^15.7.2:
+prop-types@^15.7.2, prop-types@^15.8.1:
   version "15.8.1"
   resolved "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz"
   integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
@@ -4787,11 +5888,21 @@ prop-types@^15.7.2:
     object-assign "^4.1.1"
     react-is "^16.13.1"
 
+punycode@^2.1.0:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.1.tgz#027422e2faec0b25e1549c3e1bd8309b9133b6e5"
+  integrity sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==
+
 q@^1.1.2:
   version "1.5.1"
   resolved "https://registry.npmjs.org/q/-/q-1.5.1.tgz"
   integrity sha1-fjL3W0E4EpHQRhHxvxQQmsAGUdc=
 
+queue-microtask@^1.2.2:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
+  integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==
+
 raf-schd@^4.0.2:
   version "4.0.3"
   resolved "https://registry.npmjs.org/raf-schd/-/raf-schd-4.0.3.tgz"
@@ -4923,6 +6034,18 @@ redux@^4.0.0, redux@^4.0.4:
   dependencies:
     "@babel/runtime" "^7.9.2"
 
+reflect.getprototypeof@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/reflect.getprototypeof/-/reflect.getprototypeof-1.0.4.tgz#aaccbf41aca3821b87bb71d9dcbc7ad0ba50a3f3"
+  integrity sha512-ECkTw8TmJwW60lOTR+ZkODISW6RQ8+2CL3COqtiJKLd6MmB45hN51HprHFziKLGkAuTGQhBb91V8cy+KHlaCjw==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.2.0"
+    es-abstract "^1.22.1"
+    get-intrinsic "^1.2.1"
+    globalthis "^1.0.3"
+    which-builtin-type "^1.1.3"
+
 regenerate-unicode-properties@^8.2.0:
   version "8.2.0"
   resolved "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-8.2.0.tgz"
@@ -4960,6 +6083,15 @@ regex-not@^1.0.0, regex-not@^1.0.2:
     extend-shallow "^3.0.2"
     safe-regex "^1.1.0"
 
+regexp.prototype.flags@^1.5.0, regexp.prototype.flags@^1.5.1:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/regexp.prototype.flags/-/regexp.prototype.flags-1.5.1.tgz#90ce989138db209f81492edd734183ce99f9677e"
+  integrity sha512-sy6TXMN+hnP/wMy+ISxg3krXx7BAtWVO4UouuCN/ziM9UEne0euamVNafDfvC83bRNr95y0V5iijeDQFUNpvrg==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.2.0"
+    set-function-name "^2.0.0"
+
 regexpu-core@^4.7.1:
   version "4.7.1"
   resolved "https://registry.npmjs.org/regexpu-core/-/regexpu-core-4.7.1.tgz"
@@ -5034,11 +6166,25 @@ resolve@^1.17.0, resolve@^1.19.0:
     is-core-module "^2.1.0"
     path-parse "^1.0.6"
 
+resolve@^2.0.0-next.4:
+  version "2.0.0-next.5"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-2.0.0-next.5.tgz#6b0ec3107e671e52b68cd068ef327173b90dc03c"
+  integrity sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==
+  dependencies:
+    is-core-module "^2.13.0"
+    path-parse "^1.0.7"
+    supports-preserve-symlinks-flag "^1.0.0"
+
 ret@~0.1.10:
   version "0.1.15"
   resolved "https://registry.npmjs.org/ret/-/ret-0.1.15.tgz"
   integrity sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==
 
+reusify@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76"
+  integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==
+
 rgb-regex@^1.0.1:
   version "1.0.1"
   resolved "https://registry.npmjs.org/rgb-regex/-/rgb-regex-1.0.1.tgz"
@@ -5049,6 +6195,13 @@ rgba-regex@^1.0.0:
   resolved "https://registry.npmjs.org/rgba-regex/-/rgba-regex-1.0.0.tgz"
   integrity sha1-QzdOLiyglosO8VI0YLfXMP8i7rM=
 
+rimraf@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
+  integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==
+  dependencies:
+    glob "^7.1.3"
+
 rollup-plugin-bundle-size@^1.0.3:
   version "1.0.3"
   resolved "https://registry.npmjs.org/rollup-plugin-bundle-size/-/rollup-plugin-bundle-size-1.0.3.tgz"
@@ -5130,6 +6283,13 @@ rollup@^4.2.0:
     "@rollup/rollup-win32-x64-msvc" "4.6.1"
     fsevents "~2.3.2"
 
+run-parallel@^1.1.9:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.2.0.tgz#66d1368da7bdf921eb9d95bd1a9229e7f21a43ee"
+  integrity sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==
+  dependencies:
+    queue-microtask "^1.2.2"
+
 sade@^1.7.4:
   version "1.7.4"
   resolved "https://registry.npmjs.org/sade/-/sade-1.7.4.tgz"
@@ -5137,6 +6297,16 @@ sade@^1.7.4:
   dependencies:
     mri "^1.1.0"
 
+safe-array-concat@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/safe-array-concat/-/safe-array-concat-1.0.1.tgz#91686a63ce3adbea14d61b14c99572a8ff84754c"
+  integrity sha512-6XbUAseYE2KtOuGueyeobCySj9L4+66Tn6KQMOPQJrAJEowYKW/YR/MGJZl7FdydUdaFu4LYyDZjxf4/Nmo23Q==
+  dependencies:
+    call-bind "^1.0.2"
+    get-intrinsic "^1.2.1"
+    has-symbols "^1.0.3"
+    isarray "^2.0.5"
+
 safe-buffer@^5.1.0:
   version "5.2.1"
   resolved "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz"
@@ -5152,6 +6322,15 @@ safe-identifier@^0.4.2:
   resolved "https://registry.npmjs.org/safe-identifier/-/safe-identifier-0.4.2.tgz"
   integrity sha512-6pNbSMW6OhAi9j+N8V+U715yBQsaWJ7eyEUaOrawX+isg5ZxhUlV1NipNtgaKHmFGiABwt+ZF04Ii+3Xjkg+8w==
 
+safe-regex-test@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/safe-regex-test/-/safe-regex-test-1.0.2.tgz#3ba32bdb3ea35f940ee87e5087c60ee786c3f6c5"
+  integrity sha512-83S9w6eFq12BBIJYvjMux6/dkirb8+4zJRA9cxNBVb7Wq5fJBW+Xze48WqR8pxua7bDuAaaAxtVVd4Idjp1dBQ==
+  dependencies:
+    call-bind "^1.0.5"
+    get-intrinsic "^1.2.2"
+    is-regex "^1.1.4"
+
 safe-regex@^1.1.0:
   version "1.1.0"
   resolved "https://registry.npmjs.org/safe-regex/-/safe-regex-1.1.0.tgz"
@@ -5198,6 +6377,13 @@ semver@^6.0.0, semver@^6.3.1:
   resolved "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz"
   integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
 
+semver@^7.5.4:
+  version "7.5.4"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.5.4.tgz#483986ec4ed38e1c6c48c34894a9182dbff68a6e"
+  integrity sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==
+  dependencies:
+    lru-cache "^6.0.0"
+
 serialize-javascript@5.0.1:
   version "5.0.1"
   resolved "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-5.0.1.tgz"
@@ -5222,6 +6408,15 @@ set-function-length@^1.1.1:
     gopd "^1.0.1"
     has-property-descriptors "^1.0.0"
 
+set-function-name@^2.0.0, set-function-name@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/set-function-name/-/set-function-name-2.0.1.tgz#12ce38b7954310b9f61faa12701620a0c882793a"
+  integrity sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA==
+  dependencies:
+    define-data-property "^1.0.1"
+    functions-have-names "^1.2.3"
+    has-property-descriptors "^1.0.0"
+
 set-value@^2.0.0, set-value@^2.0.1:
   version "2.0.1"
   resolved "https://registry.npmjs.org/set-value/-/set-value-2.0.1.tgz"
@@ -5232,6 +6427,27 @@ set-value@^2.0.0, set-value@^2.0.1:
     is-plain-object "^2.0.3"
     split-string "^3.0.1"
 
+shebang-command@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea"
+  integrity sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==
+  dependencies:
+    shebang-regex "^3.0.0"
+
+shebang-regex@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
+  integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
+
+side-channel@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.0.4.tgz#efce5c8fdc104ee751b25c58d4290011fa5ea2cf"
+  integrity sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==
+  dependencies:
+    call-bind "^1.0.0"
+    get-intrinsic "^1.0.2"
+    object-inspect "^1.9.0"
+
 siginfo@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npmjs.org/siginfo/-/siginfo-2.0.0.tgz"
@@ -5376,6 +6592,30 @@ string-hash@^1.1.1:
   resolved "https://registry.npmjs.org/string-hash/-/string-hash-1.1.3.tgz"
   integrity sha1-6Kr8CsGFW0Zmkp7X3RJ1311sgRs=
 
+string.prototype.matchall@^4.0.8:
+  version "4.0.10"
+  resolved "https://registry.yarnpkg.com/string.prototype.matchall/-/string.prototype.matchall-4.0.10.tgz#a1553eb532221d4180c51581d6072cd65d1ee100"
+  integrity sha512-rGXbGmOEosIQi6Qva94HUjgPs9vKW+dkG7Y8Q5O2OYkWL6wFaTRZO8zM4mhP94uX55wgyrXzfS2aGtGzUL7EJQ==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.2.0"
+    es-abstract "^1.22.1"
+    get-intrinsic "^1.2.1"
+    has-symbols "^1.0.3"
+    internal-slot "^1.0.5"
+    regexp.prototype.flags "^1.5.0"
+    set-function-name "^2.0.0"
+    side-channel "^1.0.4"
+
+string.prototype.trim@^1.2.8:
+  version "1.2.8"
+  resolved "https://registry.yarnpkg.com/string.prototype.trim/-/string.prototype.trim-1.2.8.tgz#f9ac6f8af4bd55ddfa8895e6aea92a96395393bd"
+  integrity sha512-lfjY4HcixfQXOfaqCvcBuOIapyaroTXhbkfJN3gcB1OtyupngWK4sEET9Knd0cXd28kTUqu/kHoV4HKSJdnjiQ==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.2.0"
+    es-abstract "^1.22.1"
+
 string.prototype.trimend@^1.0.1:
   version "1.0.3"
   resolved "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.3.tgz"
@@ -5384,6 +6624,15 @@ string.prototype.trimend@^1.0.1:
     call-bind "^1.0.0"
     define-properties "^1.1.3"
 
+string.prototype.trimend@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.7.tgz#1bb3afc5008661d73e2dc015cd4853732d6c471e"
+  integrity sha512-Ni79DqeB72ZFq1uH/L6zJ+DKZTkOtPIHovb3YZHQViE+HDouuU4mBrLOLDn5Dde3RF8qw5qVETEjhu9locMLvA==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.2.0"
+    es-abstract "^1.22.1"
+
 string.prototype.trimstart@^1.0.1:
   version "1.0.3"
   resolved "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.3.tgz"
@@ -5392,6 +6641,15 @@ string.prototype.trimstart@^1.0.1:
     call-bind "^1.0.0"
     define-properties "^1.1.3"
 
+string.prototype.trimstart@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.7.tgz#d4cdb44b83a4737ffbac2d406e405d43d0184298"
+  integrity sha512-NGhtDFu3jCEm7B4Fy0DpLewdJQOZcQ0rGbwQ/+stjnrp2i+rlKeCvos9hOIeCmqwratM47OBxY7uFZzjxHXmrg==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.2.0"
+    es-abstract "^1.22.1"
+
 string_decoder@~1.1.1:
   version "1.1.1"
   resolved "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz"
@@ -5406,6 +6664,13 @@ strip-ansi@^3.0.0:
   dependencies:
     ansi-regex "^2.0.0"
 
+strip-ansi@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
+  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
+  dependencies:
+    ansi-regex "^5.0.1"
+
 strip-indent@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz"
@@ -5413,6 +6678,11 @@ strip-indent@^3.0.0:
   dependencies:
     min-indent "^1.0.0"
 
+strip-json-comments@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
+  integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
+
 strip-literal@^1.0.1:
   version "1.3.0"
   resolved "https://registry.npmjs.org/strip-literal/-/strip-literal-1.3.0.tgz"
@@ -5460,6 +6730,11 @@ supports-color@^7.0.0, supports-color@^7.1.0:
   dependencies:
     has-flag "^4.0.0"
 
+supports-preserve-symlinks-flag@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09"
+  integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
+
 svgo@^1.0.0:
   version "1.3.2"
   resolved "https://registry.npmjs.org/svgo/-/svgo-1.3.2.tgz"
@@ -5489,6 +6764,11 @@ terser@^5.0.0:
     commander "^2.20.0"
     source-map-support "~0.5.20"
 
+text-table@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
+  integrity sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==
+
 timsort@^0.3.0:
   version "0.3.0"
   resolved "https://registry.npmjs.org/timsort/-/timsort-0.3.0.tgz"
@@ -5559,6 +6839,11 @@ to-regex@^3.0.1, to-regex@^3.0.2:
     regex-not "^1.0.2"
     safe-regex "^1.1.0"
 
+ts-api-utils@^1.0.1:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/ts-api-utils/-/ts-api-utils-1.0.3.tgz#f12c1c781d04427313dbac808f453f050e54a331"
+  integrity sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==
+
 tslib@2.0.1:
   version "2.0.1"
   resolved "https://registry.npmjs.org/tslib/-/tslib-2.0.1.tgz"
@@ -5574,12 +6859,63 @@ tslib@^2.4.0:
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.6.2.tgz#703ac29425e7b37cd6fd456e92404d46d1f3e4ae"
   integrity sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==
 
+type-check@^0.4.0, type-check@~0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.4.0.tgz#07b8203bfa7056c0657050e3ccd2c37730bab8f1"
+  integrity sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==
+  dependencies:
+    prelude-ls "^1.2.1"
+
 type-detect@^4.0.0, type-detect@^4.0.8:
   version "4.0.8"
   resolved "https://registry.npmjs.org/type-detect/-/type-detect-4.0.8.tgz"
   integrity sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==
 
-typescript@5:
+type-fest@^0.20.2:
+  version "0.20.2"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.20.2.tgz#1bf207f4b28f91583666cb5fbd327887301cd5f4"
+  integrity sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==
+
+typed-array-buffer@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/typed-array-buffer/-/typed-array-buffer-1.0.0.tgz#18de3e7ed7974b0a729d3feecb94338d1472cd60"
+  integrity sha512-Y8KTSIglk9OZEr8zywiIHG/kmQ7KWyjseXs1CbSo8vC42w7hg2HgYTxSWwP0+is7bWDc1H+Fo026CpHFwm8tkw==
+  dependencies:
+    call-bind "^1.0.2"
+    get-intrinsic "^1.2.1"
+    is-typed-array "^1.1.10"
+
+typed-array-byte-length@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/typed-array-byte-length/-/typed-array-byte-length-1.0.0.tgz#d787a24a995711611fb2b87a4052799517b230d0"
+  integrity sha512-Or/+kvLxNpeQ9DtSydonMxCx+9ZXOswtwJn17SNLvhptaXYDJvkFFP5zbfU/uLmvnBJlI4yrnXRxpdWH/M5tNA==
+  dependencies:
+    call-bind "^1.0.2"
+    for-each "^0.3.3"
+    has-proto "^1.0.1"
+    is-typed-array "^1.1.10"
+
+typed-array-byte-offset@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/typed-array-byte-offset/-/typed-array-byte-offset-1.0.0.tgz#cbbe89b51fdef9cd6aaf07ad4707340abbc4ea0b"
+  integrity sha512-RD97prjEt9EL8YgAgpOkf3O4IF9lhJFr9g0htQkm0rchFp/Vx7LW5Q8fSXXub7BXAODyUQohRMyOc3faCPd0hg==
+  dependencies:
+    available-typed-arrays "^1.0.5"
+    call-bind "^1.0.2"
+    for-each "^0.3.3"
+    has-proto "^1.0.1"
+    is-typed-array "^1.1.10"
+
+typed-array-length@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/typed-array-length/-/typed-array-length-1.0.4.tgz#89d83785e5c4098bec72e08b319651f0eac9c1bb"
+  integrity sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==
+  dependencies:
+    call-bind "^1.0.2"
+    for-each "^0.3.3"
+    is-typed-array "^1.1.9"
+
+typescript@5, typescript@^5.3.3:
   version "5.3.3"
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.3.3.tgz#b3ce6ba258e72e6305ba66f5c9b452aaee3ffe37"
   integrity sha512-pXWcraxM0uxAS+tN0AG/BF2TyqmHO014Z070UsJ+pFvYuRSq8KH8DmWpnbXe0pEPDHXZV3FcAbJkijJ5oNEnWw==
@@ -5594,6 +6930,16 @@ ufo@^1.3.0:
   resolved "https://registry.npmjs.org/ufo/-/ufo-1.3.2.tgz"
   integrity sha512-o+ORpgGwaYQXgqGDwd+hkS4PuZ3QnmqMMxRuajK/a38L6fTpcE5GPIfrf+L/KemFzfUpeUQc1rRS1iDBozvnFA==
 
+unbox-primitive@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.0.2.tgz#29032021057d5e6cdbd08c5129c226dff8ed6f9e"
+  integrity sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==
+  dependencies:
+    call-bind "^1.0.2"
+    has-bigints "^1.0.2"
+    has-symbols "^1.0.3"
+    which-boxed-primitive "^1.0.2"
+
 undici-types@~5.26.4:
   version "5.26.5"
   resolved "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz"
@@ -5673,6 +7019,13 @@ update-browserslist-db@^1.0.13:
     escalade "^3.1.1"
     picocolors "^1.0.0"
 
+uri-js@^4.2.2:
+  version "4.4.1"
+  resolved "https://registry.yarnpkg.com/uri-js/-/uri-js-4.4.1.tgz#9b1a52595225859e55f669d928f88c6c57f2a77e"
+  integrity sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==
+  dependencies:
+    punycode "^2.1.0"
+
 urix@^0.1.0:
   version "0.1.0"
   resolved "https://registry.npmjs.org/urix/-/urix-0.1.0.tgz"
@@ -5771,11 +7124,68 @@ vitest@^0.34.6:
     vite-node "0.34.6"
     why-is-node-running "^2.2.2"
 
+which-boxed-primitive@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz#13757bc89b209b049fe5d86430e21cf40a89a8e6"
+  integrity sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==
+  dependencies:
+    is-bigint "^1.0.1"
+    is-boolean-object "^1.1.0"
+    is-number-object "^1.0.4"
+    is-string "^1.0.5"
+    is-symbol "^1.0.3"
+
+which-builtin-type@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/which-builtin-type/-/which-builtin-type-1.1.3.tgz#b1b8443707cc58b6e9bf98d32110ff0c2cbd029b"
+  integrity sha512-YmjsSMDBYsM1CaFiayOVT06+KJeXf0o5M/CAd4o1lTadFAtacTUM49zoYxr/oroopFDfhvN6iEcBxUyc3gvKmw==
+  dependencies:
+    function.prototype.name "^1.1.5"
+    has-tostringtag "^1.0.0"
+    is-async-function "^2.0.0"
+    is-date-object "^1.0.5"
+    is-finalizationregistry "^1.0.2"
+    is-generator-function "^1.0.10"
+    is-regex "^1.1.4"
+    is-weakref "^1.0.2"
+    isarray "^2.0.5"
+    which-boxed-primitive "^1.0.2"
+    which-collection "^1.0.1"
+    which-typed-array "^1.1.9"
+
+which-collection@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/which-collection/-/which-collection-1.0.1.tgz#70eab71ebbbd2aefaf32f917082fc62cdcb70906"
+  integrity sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==
+  dependencies:
+    is-map "^2.0.1"
+    is-set "^2.0.1"
+    is-weakmap "^2.0.1"
+    is-weakset "^2.0.1"
+
 which-pm-runs@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/which-pm-runs/-/which-pm-runs-1.0.0.tgz"
   integrity sha1-Zws6+8VS4LVd9rd4DKdGFfI60cs=
 
+which-typed-array@^1.1.11, which-typed-array@^1.1.13, which-typed-array@^1.1.9:
+  version "1.1.13"
+  resolved "https://registry.yarnpkg.com/which-typed-array/-/which-typed-array-1.1.13.tgz#870cd5be06ddb616f504e7b039c4c24898184d36"
+  integrity sha512-P5Nra0qjSncduVPEAr7xhoF5guty49ArDTwzJ/yNuPIbZppyRxFQsRCWrocxIY+CnMVG+qfbU2FmDKyvSGClow==
+  dependencies:
+    available-typed-arrays "^1.0.5"
+    call-bind "^1.0.4"
+    for-each "^0.3.3"
+    gopd "^1.0.1"
+    has-tostringtag "^1.0.0"
+
+which@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/which/-/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1"
+  integrity sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==
+  dependencies:
+    isexe "^2.0.0"
+
 why-is-node-running@^2.2.2:
   version "2.2.2"
   resolved "https://registry.npmjs.org/why-is-node-running/-/why-is-node-running-2.2.2.tgz"
@@ -5794,11 +7204,21 @@ yallist@^3.0.2:
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.1.1.tgz#dbb7daf9bfd8bac9ab45ebf602b8cbad0d5d08fd"
   integrity sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==
 
+yallist@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"
+  integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==
+
 yaml@^1.10.0:
   version "1.10.0"
   resolved "https://registry.npmjs.org/yaml/-/yaml-1.10.0.tgz"
   integrity sha512-yr2icI4glYaNG+KWONODapy2/jDdMSDnrONSjblABjD9B4Z5LgiircSt8m8sRZFNi08kG9Sm0uSHtEmP3zaEGg==
 
+yocto-queue@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"
+  integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
+
 yocto-queue@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/yocto-queue/-/yocto-queue-1.0.0.tgz"