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/search_input.tsx b/src/guillo-gmi/components/input/search_input.tsx
index 5b77b728..6aa2ad67 100644
--- a/src/guillo-gmi/components/input/search_input.tsx
+++ b/src/guillo-gmi/components/input/search_input.tsx
@@ -12,6 +12,7 @@ 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
@@ -27,7 +28,13 @@ 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,
@@ -35,14 +42,14 @@ const initialState = {
 }
 
 interface Props {
-  onChange?: (value: SearchItem) => void
+  onChange?: (value: string) => void
   error?: string
   errorZoneClassName?: string
-  traversal?: any
+  traversal?: Traversal
   path?: string
   qs?: string[][]
   queryCondition?: string
-  value: SearchItem
+  value?: string
   btnClass?: string
   dataTestWrapper?: string
   dataTestSearchInput?: string
@@ -70,13 +77,13 @@ export const SearchInput = ({
   labelProperty = 'id',
 }: Props) => {
   const intl = useIntl()
-  const [options, setOptions] = useSetState(initialState)
+  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, () => {
@@ -103,7 +110,7 @@ export const SearchInput = ({
 
   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)
@@ -146,7 +153,7 @@ 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}`)
diff --git a/src/guillo-gmi/components/input/search_input_list.tsx b/src/guillo-gmi/components/input/search_input_list.tsx
index 90df23a3..efe5c5f1 100644
--- a/src/guillo-gmi/components/input/search_input_list.tsx
+++ b/src/guillo-gmi/components/input/search_input_list.tsx
@@ -29,7 +29,13 @@ 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,
@@ -37,14 +43,14 @@ const initialState = {
 }
 
 interface Props {
-  onChange: (value: SearchItem[]) => void
+  onChange: (value: string[]) => void
   error?: string
   errorZoneClassName?: string
   traversal?: any
   path?: string
   qs?: string[]
   queryCondition?: string
-  value: SearchItem[]
+  value: string[]
   btnClass?: string
   dataTestWrapper?: string
   dataTestSearchInput?: string
@@ -72,7 +78,7 @@ export const SearchInputList = ({
   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] = useState(false)
   const [searchTerm, setSearchTerm] = useState('')
@@ -107,7 +113,7 @@ export const SearchInputList = ({
 
   const handleSearch = async (page = 0, concat = false, value = '') => {
     setOptions({ loading: true })
-    let searchTermQs = []
+    let searchTermQs = ''
     let searchTermParsed = []
     if (value !== '') {
       searchTermParsed = parser(`${queryCondition}=${value}`)
@@ -161,7 +167,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)
diff --git a/src/guillo-gmi/components/panel/properties.tsx b/src/guillo-gmi/components/panel/properties.tsx
index a2361f47..e218f0b8 100644
--- a/src/guillo-gmi/components/panel/properties.tsx
+++ b/src/guillo-gmi/components/panel/properties.tsx
@@ -11,6 +11,10 @@ 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 +33,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,7 +65,10 @@ 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 () => {
@@ -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/widgets/tags.tsx b/src/guillo-gmi/components/widgets/tags.tsx
index 615e9a2b..8cc78c37 100644
--- a/src/guillo-gmi/components/widgets/tags.tsx
+++ b/src/guillo-gmi/components/widgets/tags.tsx
@@ -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,
-}) {
+}: Props) {
   const selectRef = useRef<HTMLSelectElement>()
 
   const [result, setResult] = useState(items)
-  available = prepareAvailable(available || [], result, title)
+  const availableData = prepareAvailable(available || [], result, title)
 
   const remove = (value) => {
     const items = result.filter((item) => item !== value)
@@ -61,7 +69,7 @@ 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)
diff --git a/src/guillo-gmi/contexts/index.tsx b/src/guillo-gmi/contexts/index.tsx
index d11d6c97..eed7cbd3 100644
--- a/src/guillo-gmi/contexts/index.tsx
+++ b/src/guillo-gmi/contexts/index.tsx
@@ -10,7 +10,6 @@ export const AuthContext = createContext({})
 export const ClientContext = createContext<GuillotinaClient>(null)
 
 interface PropsTraversal {
-  url: string
   client: GuillotinaClient
   auth: Auth
   state: GuillotinaGlobalState
@@ -19,13 +18,12 @@ interface PropsTraversal {
   flash: (action: string, result: string) => void
 }
 
-class Traversal {
+export class Traversal {
   private dispatch
-  private state
+  public state
   public client
   public registry
   public auth
-  private url
 
   constructor({ flash, ...props }: PropsTraversal) {
     this.dispatch = props.dispatch
@@ -33,7 +31,6 @@ class Traversal {
     this.client = props.client
     this.registry = props.registry
     this.auth = props.auth
-    this.url = props.url
     if (typeof flash === 'function') this.flash = flash
   }
 
@@ -71,7 +68,7 @@ class Traversal {
     this.dispatch({ type: 'CLEAR_FLASH' })
   }
 
-  doAction(action, params) {
+  doAction(action, params = {}) {
     this.dispatch({ type: 'SET_ACTION', payload: { action, params } })
   }
 
diff --git a/src/guillo-gmi/forms/users.tsx b/src/guillo-gmi/forms/users.tsx
index c000ff90..78a3c3f7 100644
--- a/src/guillo-gmi/forms/users.tsx
+++ b/src/guillo-gmi/forms/users.tsx
@@ -9,7 +9,7 @@ interface Props {
   formData?: IndexSignature
   exclude?: string[]
   remotes?: IndexSignature
-  submitButon?: boolean
+  submitButton?: boolean
 }
 export const UserForm = ({
   children,
@@ -18,7 +18,7 @@ export const UserForm = ({
   formData,
   exclude,
   remotes,
-  submitButon,
+  submitButton,
 }: Props) => {
   const intl = useIntl()
 
@@ -71,7 +71,7 @@ export const UserForm = ({
       formData={formData}
       exclude={exclude}
       remotes={remotes}
-      submitButton={submitButon}
+      submitButton={submitButton}
     >
       {children}
     </FormBuilder>
diff --git a/src/guillo-gmi/hooks/useConfig.tsx b/src/guillo-gmi/hooks/useConfig.tsx
index e491baac..61bd8bda 100644
--- a/src/guillo-gmi/hooks/useConfig.tsx
+++ b/src/guillo-gmi/hooks/useConfig.tsx
@@ -25,6 +25,9 @@ interface IConfig {
   Permissions: string[]
   SearchEngine: string
   SizeImages?: string[]
+  icons?: string[]
+  properties_default?: string[]
+  properties_ignore_fields?: string[]
   fieldHaveDeleteButton: (schema: GuillotinaSchemaProperty) => boolean
 }
 export const Config: IConfig = {
diff --git a/src/guillo-gmi/hooks/useCrudContext.tsx b/src/guillo-gmi/hooks/useCrudContext.tsx
index 83c532a1..821dccbf 100644
--- a/src/guillo-gmi/hooks/useCrudContext.tsx
+++ b/src/guillo-gmi/hooks/useCrudContext.tsx
@@ -2,11 +2,11 @@ import { useTraversal } from '../contexts'
 import useSetState from './useSetState'
 
 interface State {
-  loading: boolean
-  isError: boolean
-  errorMessage: string
-  result: unknown
-  response: unknown
+  loading?: boolean
+  isError?: boolean
+  errorMessage?: string
+  result?: unknown
+  response?: unknown
 }
 const initial: State = {
   loading: undefined,
@@ -42,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)
@@ -57,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
+) => {
   setState({ loading: true })
   let newState = {}
   try {
@@ -72,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
+) => {
   setState({ loading: true })
   let newState = {}
   try {
@@ -87,7 +99,7 @@ const post = (setState, Ctx) => async (data, endpoint, body = true) => {
   return newState
 }
 
-const get = (setState, Ctx) => async (endpoint) => {
+const get = (setState, Ctx) => async (endpoint = undefined) => {
   setState({ loading: true })
   const path = endpoint ? `${Ctx.path}${endpoint}` : Ctx.path
   const req = await Ctx.client.get(path)
diff --git a/src/guillo-gmi/hooks/useRemoteField.tsx b/src/guillo-gmi/hooks/useRemoteField.tsx
index fa9b6958..12065e69 100644
--- a/src/guillo-gmi/hooks/useRemoteField.tsx
+++ b/src/guillo-gmi/hooks/useRemoteField.tsx
@@ -18,10 +18,12 @@
 import { useState } from 'react'
 import { IndexSignature } from '../types/global'
 
-export const useRemoteField = (initial: IndexSignature) => {
+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/useVocabulary.js b/src/guillo-gmi/hooks/useVocabulary.tsx
similarity index 70%
rename from src/guillo-gmi/hooks/useVocabulary.js
rename to src/guillo-gmi/hooks/useVocabulary.tsx
index 576507d8..968424c3 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) {
   const traversal = useTraversal()
 
-  const [vocabulary, setVocabulary] = useSetState({
+  const [vocabulary, setVocabulary] = useSetState<State>({
     data: undefined,
     loading: false,
     error: undefined,
@@ -29,7 +35,7 @@ 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 })
         }
       }
     })()
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/client.tsx b/src/guillo-gmi/lib/client.tsx
index 72bcd6e0..7bd47b7d 100644
--- a/src/guillo-gmi/lib/client.tsx
+++ b/src/guillo-gmi/lib/client.tsx
@@ -46,11 +46,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 }) {
@@ -167,11 +167,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)
@@ -181,9 +180,9 @@ export class GuillotinaClient {
       path = this.getContainerFromPath(path)
     }
 
-    const query = prepare ? toQueryString(params) : params
+    const query = prepare ? toQueryString(params as string[][]) : params
     const url = `${path}@search?${query}`
-    const res = await this.rest.get(url, fetchData)
+    const res = await this.rest.get(url)
     const data = await res.json()
     return this.applyCompat(data)
   }
diff --git a/src/guillo-gmi/lib/helpers.js b/src/guillo-gmi/lib/helpers.ts
similarity index 96%
rename from src/guillo-gmi/lib/helpers.js
rename to src/guillo-gmi/lib/helpers.ts
index 52096561..a5872589 100644
--- a/src/guillo-gmi/lib/helpers.js
+++ b/src/guillo-gmi/lib/helpers.ts
@@ -10,7 +10,7 @@ let current = 0
 
 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])
@@ -51,7 +51,7 @@ export function stringToSlug(str) {
 export function sleep(ms) {
   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..c47fb672 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 = {}) {
     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 94%
rename from src/guillo-gmi/models/index.js
rename to src/guillo-gmi/models/index.ts
index 1b34f46c..5c1d27f9 100644
--- a/src/guillo-gmi/models/index.js
+++ b/src/guillo-gmi/models/index.ts
@@ -4,10 +4,11 @@ import { useConfig } from '../hooks/useConfig'
 export * from './sharing'
 
 export class ItemModel {
-  constructor(item, url, path) {
+  item: any
+  url: string
+  constructor(item, url = '') {
     this.item = item
     this.url = url
-    this._path = path
   }
 
   get path() {
@@ -54,7 +55,7 @@ export class ItemModel {
   }
 
   get fullPath() {
-    return this._url + this.item.id
+    return this.url + this.item.id
   }
 
   get id() {
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/types/global.ts b/src/guillo-gmi/types/global.ts
index 1a353552..0765bb08 100644
--- a/src/guillo-gmi/types/global.ts
+++ b/src/guillo-gmi/types/global.ts
@@ -2,6 +2,6 @@ export type FileWithFileName = {
   filename: string
 } & File
 
-export interface IndexSignature {
-  [key: string]: 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
index 98e90197..834d884f 100644
--- a/src/guillo-gmi/types/guillotina.ts
+++ b/src/guillo-gmi/types/guillotina.ts
@@ -1,3 +1,5 @@
+import { IndexSignature } from './global'
+
 type ItemsPropertyObject = {
   '@id': string
   '@name': string
@@ -77,3 +79,32 @@ export type SearchItem = {
   tid: string
   uuid: string
 } & ItemsPropertyObject
+
+export interface GuillotinaVocabulary {
+  '@id': string
+  items: {
+    title: string
+    token: string
+  }[]
+  items_total: number
+}
+
+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>
+  }
+}
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/folder.js b/src/guillo-gmi/views/folder.tsx
similarity index 100%
rename from src/guillo-gmi/views/folder.js
rename to src/guillo-gmi/views/folder.tsx
diff --git a/src/guillo-gmi/views/groups.js b/src/guillo-gmi/views/groups.tsx
similarity index 97%
rename from src/guillo-gmi/views/groups.js
rename to src/guillo-gmi/views/groups.tsx
index fa5f3a43..7437ecf9 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>
+    </>
   )
 }
 
@@ -267,6 +266,7 @@ export function GroupCtx() {
                 name={urole}
                 onRemove={() => removeRole(urole)}
                 size="is-small"
+                id={`roles_${urole}`}
               />
             </p>
           ))}
@@ -293,6 +293,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 100%
rename from src/guillo-gmi/views/item.js
rename to src/guillo-gmi/views/item.tsx
diff --git a/src/guillo-gmi/views/users.js b/src/guillo-gmi/views/users.tsx
similarity index 96%
rename from src/guillo-gmi/views/users.js
rename to src/guillo-gmi/views/users.tsx
index 260441af..2974c686 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,7 +104,7 @@ export function UserCtx() {
 
   const [remotes, updateRemote] = useRemoteField(fields)
 
-  React.useEffect(() => {
+  useEffect(() => {
     ;(async () => {
       const [requestGetGroups, requestGetRoles] = await Promise.all([
         Ctx.client.search(Ctx.path, { type_name: 'Group' }, true),
@@ -209,7 +213,6 @@ export function UserCtx() {
           <UserForm
             actionName="Save"
             onSubmit={(ev) => updateObject(ev)}
-            isEdit={true}
             formData={Ctx.context}
             exclude={['password']}
             remotes={remotes}