diff --git a/better-docs b/better-docs
index f9318f24..419d4f6a 160000
--- a/better-docs
+++ b/better-docs
@@ -1 +1 @@
-Subproject commit f9318f24e2e23979d46addd6dbf90c3d05e2eb53
+Subproject commit 419d4f6aef54591d54dfef034d9d705fe72dd304
diff --git a/docs/Action.html b/docs/Action.html
index 5a8e0100..fa63f41f 100644
--- a/docs/Action.html
+++ b/docs/Action.html
@@ -343,7 +343,7 @@ <h4 class="name" id="actionType">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Type of an action - could be either <em>resource</em>, <em>record</em> or <em>bulk</em>.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Type of an action - could be either _resource_, _record_ or _bulk_.
 <img src="./images/actions.png">
 <p>When you define a new action - it is required.</p>
 </div>
@@ -427,8 +427,8 @@ <h4 class="name" id="after">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>After action hook. When it is given - it is performed on the returned,
-by <a href="Action.html#handler">handler</a> function response.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>After action hook. When it is given - it is performed on the returned,
+<p>by <a href="Action.html#handler">handler</a> function response.</p>
 <p>You can use it to (just an idea)</p>
 <ul>
 <li>create log of changes done in the app</li>
@@ -553,8 +553,8 @@ <h4 class="name" id="before">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Before action hook. When it is given - it is performed before the <a href="Action.html#handler">Action#handler</a>
-method.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Before action hook. When it is given - it is performed before the <a href="Action.html#handler">Action#handler</a>
+<p>method.</p>
 <p>Example of hashing password before creating it:</p>
 <pre class="prettyprint source lang-javascript"><code>actions: {
   new: {
@@ -652,8 +652,8 @@ <h4 class="name" id="component">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Component which will be used to render the action. To pass the component
-use <a href="AdminJS.html#.bundle">AdminJS.bundle</a> method.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Component which will be used to render the action. To pass the component
+<p>use <a href="AdminJS.html#.bundle">AdminJS.bundle</a> method.</p>
 <p>Action components accepts <a href="BaseActionComponent.html#ActionProps">ActionProps</a> and are rendered by the
 <a href="BaseActionComponent.html">BaseActionComponent</a></p>
 <p>When component is set to <code>false</code> then action doesn't have it's own view.
@@ -743,8 +743,8 @@ <h4 class="name" id="containerWidth">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>The max width of action HTML container.
-You can put here an actual size in px or an array of widths, where different values
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>The max width of action HTML container.
+<p>You can put here an actual size in px or an array of widths, where different values
 will be responsible for different breakpoints.
 It is directly passed to action's wrapping <a href="Box.html">Box</a> component, to its <code>width</code> property.</p>
 <p>Examples</p>
@@ -836,8 +836,8 @@ <h4 class="name" id="custom">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Any custom properties you want to pass down to <a href="ActionJSON.html">ActionJSON</a>. They have to
-be stringified.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Any custom properties you want to pass down to <a href="ActionJSON.html">ActionJSON</a>. They have to
+<p>be stringified.</p>
 </div>
 
 
@@ -916,7 +916,7 @@ <h4 class="name" id="guard">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>guard message - user will have to confirm it before executing an action.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>guard message - user will have to confirm it before executing an action.
 <pre class="prettyprint source lang-javascript"><code>new AdminJS({ resources: [{
   resource: Car,
   options: { actions: {
@@ -1011,7 +1011,7 @@ <h4 class="name" id="handler">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>handler function which will be invoked by either:</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>handler function which will be invoked by either:
 <ul>
 <li><a href="ApiController.html#resourceAction">ApiController#resourceAction</a></li>
 <li><a href="ApiController.html#recordAction">ApiController#recordAction</a></li>
@@ -1114,8 +1114,8 @@ <h4 class="name" id="hideActionHeader">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Indicates if Action Header should be hidden.
-Action header consist of:</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Indicates if Action Header should be hidden.
+<p>Action header consist of:</p>
 <ul>
 <li>breadcrumbs</li>
 <li>action buttons</li>
@@ -1199,8 +1199,8 @@ <h4 class="name" id="icon">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>icon name for the action. Take a look <a href="Icon.html">Icon</a> component,
-because what you put here is passed down to it.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>icon name for the action. Take a look <a href="Icon.html">Icon</a> component,
+<p>because what you put here is passed down to it.</p>
 <pre class="prettyprint source lang-javascript"><code>new AdminJS({ resources: [{
   resource: Car,
   options: { actions: { edit: { icon: 'Add' } } },
@@ -1287,8 +1287,8 @@ <h4 class="name" id="isAccessible">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Indicates if the action can be invoked for given invocation context.
-You can pass a boolean or function of type <a href="Action.html#IsFunction">IsFunction</a>, which
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Indicates if the action can be invoked for given invocation context.
+<p>You can pass a boolean or function of type <a href="Action.html#IsFunction">IsFunction</a>, which
 takes <a href="Action.html#ActionContext">ActionContext</a> as an argument.</p>
 <p>You can use it as a carrier between the hooks.</p>
 <p>Example for isVisible function which allows the user to edit cars which belongs only
@@ -1395,8 +1395,8 @@ <h4 class="name" id="isVisible">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>indicates if action should be visible for given invocation context.
-It also can be a simple boolean value.
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>indicates if action should be visible for given invocation context.
+<p>It also can be a simple boolean value.
 <code>True</code> by default.
 The most common example of usage is to hide resources from the UI.
 So let say we have 2 resources <strong>User</strong> and <strong>Cars</strong>:</p>
@@ -1508,7 +1508,7 @@ <h4 class="name" id="layout">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Definition for the layout. Works with the edit and show actions.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Definition for the layout. Works with the edit and show actions.
 <p>With the help of <a href="Action.html#LayoutElement">LayoutElement</a> you can put all the properties to whatever
 layout you like, without knowing React.</p>
 <p>This is an example of defining a layout</p>
@@ -1618,8 +1618,8 @@ <h4 class="name" id="name">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Name of an action which is its uniq key.
-If you use one of <em>list</em>, <em>search</em>, <em>edit</em>, <em>new</em>, <em>show</em>, <em>delete</em> or
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Name of an action which is its uniq key.
+<p>If you use one of <em>list</em>, <em>search</em>, <em>edit</em>, <em>new</em>, <em>show</em>, <em>delete</em> or
 <em>bulkDelete</em> you override existing actions.
 For all other keys you create a new action.</p>
 </div>
@@ -1700,8 +1700,8 @@ <h4 class="name" id="parent">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Action can be nested. If you give here another action name - it will be nested under it.
-If parent action doesn't exists - it will be nested under name in the parent.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Action can be nested. If you give here another action name - it will be nested under it.
+<p>If parent action doesn't exists - it will be nested under name in the parent.</p>
 </div>
 
 
@@ -1780,7 +1780,7 @@ <h4 class="name" id="showFilter">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>if filter should be visible on the sidebar. Only for <em>resource</em> actions</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>if filter should be visible on the sidebar. Only for _resource_ actions
 <p>Example of creating new resource action with filter</p>
 <pre class="prettyprint source lang-javascript"><code>new AdminJS({ resources: [{
   resource: Car,
@@ -1870,7 +1870,7 @@ <h4 class="name" id="showInDrawer">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Indicates if given action should be seen in a drawer or in a full screen. Default to false</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Indicates if given action should be seen in a drawer or in a full screen. Default to false
 </div>
 
 
@@ -1949,7 +1949,7 @@ <h4 class="name" id="variant">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Defines the variant of the action. based on that it will receive given color.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Defines the variant of the action. based on that it will receive given color.
 </div>
 
 
@@ -2037,8 +2037,8 @@ <h4 class="name" id="ActionContext">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Execution context for an action. It is passed to the <a href="Action.html#handler">Action#handler</a>,
-<a href="Action.html#before">Action#before</a> and <a href="Action.html#after">Action#after</a> functions.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Execution context for an action. It is passed to the <a href="Action.html#handler">Action#handler</a>,
+<p><a href="Action.html#before">Action#before</a> and <a href="Action.html#after">Action#after</a> functions.</p>
 <p>Apart from the properties defined below it also extends <a href="TranslateFunctions.html">TranslateFunctions</a>.
 So you can use i.e. context.translateMessage(...) and others...</p>
 </div>
@@ -2415,8 +2415,8 @@ <h4 class="name" id="ActionHandler">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Type of a handler function. It has to return response compatible
-with <a href="Action.html#ActionResponse">ActionResponse</a>, <a href="Action.html#BulkActionResponse">BulkActionResponse</a> or <a href="Action.html#RecordActionResponse">RecordActionResponse</a></p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Type of a handler function. It has to return response compatible
+<p>with <a href="Action.html#ActionResponse">ActionResponse</a>, <a href="Action.html#BulkActionResponse">BulkActionResponse</a> or <a href="Action.html#RecordActionResponse">RecordActionResponse</a></p>
     </div>
     
 
@@ -2642,7 +2642,7 @@ <h4 class="name" id="ActionRequest">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>ActionRequest</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>ActionRequest
 </div>
 
 
@@ -3055,7 +3055,7 @@ <h4 class="name" id="ActionResponse">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Base response for all actions</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Base response for all actions
 </div>
 
 
@@ -3253,7 +3253,7 @@ <h4 class="name" id="After">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Type of an after hook action.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Type of an after hook action.
     </div>
     
 
@@ -3455,8 +3455,8 @@ <h4 class="name" id="Before">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Before action hook. When it is given - it is performed before the <a href="Action.html#ActionHandler">ActionHandler</a>
-method.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Before action hook. When it is given - it is performed before the <a href="Action.html#ActionHandler">ActionHandler</a>
+<p>method.</p>
     </div>
     
 
@@ -3657,7 +3657,7 @@ <h4 class="name" id="BulkActionResponse">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Required response of a Record action. Extends <a href="Action.html#ActionResponse">ActionResponse</a></p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Required response of a Record action. Extends <a href="Action.html#ActionResponse">ActionResponse</a>
 </div>
 
 
@@ -3781,7 +3781,7 @@ <h4 class="name" id="IsFunction">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Defines the type of <a href="Action.html#isAccessible">Action#isAccessible</a> and <a href="Action.html#isVisible">Action#isVisible</a> functions</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Defines the type of <a href="Action.html#isAccessible">Action#isAccessible</a> and <a href="Action.html#isVisible">Action#isVisible</a> functions
     </div>
     
 
@@ -4009,7 +4009,7 @@ <h4 class="name" id="LayoutElementFunction">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Function returning Array<LayoutElement> used by <a href="Action.html#layout">Action#layout</a></p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Function returning Array<LayoutElement> used by <a href="Action.html#layout">Action#layout</a>
     </div>
     
 
@@ -4197,7 +4197,7 @@ <h4 class="name" id="RecordActionResponse">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Required response of a Record action. Extends <a href="Action.html#ActionResponse">ActionResponse</a></p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Required response of a Record action. Extends <a href="Action.html#ActionResponse">ActionResponse</a>
 </div>
 
 
diff --git a/docs/ActionButton.html b/docs/ActionButton.html
index 79bf9442..2dd3aa4f 100644
--- a/docs/ActionButton.html
+++ b/docs/ActionButton.html
@@ -222,7 +222,7 @@ <h4 class="name" id="ActionButton">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Renders Button which redirects to given action</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Renders Button which redirects to given action
 <h3>Usage</h3>
 <pre class="prettyprint source"><code>import { ActionButton } from 'adminjs'
 </code></pre>
diff --git a/docs/ActionDecorator.html b/docs/ActionDecorator.html
index 1def0e16..e4632f40 100644
--- a/docs/ActionDecorator.html
+++ b/docs/ActionDecorator.html
@@ -477,7 +477,7 @@ <h4 class="name" id="action">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Original action object</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Original action object
 </div>
 
 
@@ -558,7 +558,7 @@ <h4 class="name" id="canInvokeAction">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Indicates if user can invoke given action</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Indicates if user can invoke given action
     </div>
     
 
@@ -756,7 +756,7 @@ <h4 class="name" id="handler">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Original handler wrapped with the hook <code>before</code> and <code>after</code> methods.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Original handler wrapped with the hook `before` and `after` methods.
     </div>
     
 
@@ -981,7 +981,7 @@ <h4 class="name" id="invokeAfterHook">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Invokes after action hooks if there are any</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Invokes after action hooks if there are any
     </div>
     
 
@@ -1206,7 +1206,7 @@ <h4 class="name" id="invokeBeforeHook">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Invokes before action hooks if there are any</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Invokes before action hooks if there are any
     </div>
     
 
@@ -1406,7 +1406,7 @@ <h4 class="name" id="invokeHandler">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Invokes action handler if there is any</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Invokes action handler if there is any
     </div>
     
 
@@ -1627,7 +1627,7 @@ <h4 class="name" id="isAccessible">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Is action accessible</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Is action accessible
     </div>
     
 
@@ -1845,7 +1845,7 @@ <h4 class="name" id="isBulkType">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Returns true when action can be performed on selected records</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Returns true when action can be performed on selected records
     </div>
     
 
@@ -1965,7 +1965,7 @@ <h4 class="name" id="isRecordType">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Returns true when action can be performed on a record</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Returns true when action can be performed on a record
     </div>
     
 
@@ -2085,7 +2085,7 @@ <h4 class="name" id="isResourceType">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Returns true when action can be performed on an entire resource</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Returns true when action can be performed on an entire resource
     </div>
     
 
@@ -2205,7 +2205,7 @@ <h4 class="name" id="isVisible">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Is action visible in the UI</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Is action visible in the UI
     </div>
     
 
@@ -2423,7 +2423,7 @@ <h4 class="name" id="toJSON">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Serializes action to JSON format</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Serializes action to JSON format
     </div>
     
 
diff --git a/docs/ActionHeader.html b/docs/ActionHeader.html
index e2bf5b34..69e1dc58 100644
--- a/docs/ActionHeader.html
+++ b/docs/ActionHeader.html
@@ -222,7 +222,7 @@ <h4 class="name" id="ActionHeader">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Header of an action. It renders Action name with buttons for all the actions.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Header of an action. It renders Action name with buttons for all the actions.
 <h3>Usage</h3>
 <pre class="prettyprint source"><code>import { ActionHeader } from 'adminjs'
 </code></pre>
diff --git a/docs/ActionJSON.html b/docs/ActionJSON.html
index 71f40b58..5c76cd1d 100644
--- a/docs/ActionJSON.html
+++ b/docs/ActionJSON.html
@@ -196,7 +196,7 @@ <h2>ActionJSON</h2>
     <div class="container-overview">
     
         
-            <div class="description"><script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>JSON representation of an <a href="Action.html">Action</a></p></div>
+            <div class="description"><script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>JSON representation of an <a href="Action.html">Action</a></div>
         
 
         
@@ -301,7 +301,7 @@ <h4 class="name" id="actionType">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Type of an action</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Type of an action
 </div>
 
 
@@ -386,8 +386,8 @@ <h4 class="name" id="component">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Action component. When set to false action will be invoked immediately after clicking it,
-to put in another words: there wont be an action view</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Action component. When set to false action will be invoked immediately after clicking it,
+<p>to put in another words: there wont be an action view</p>
 </div>
 
 
@@ -470,7 +470,7 @@ <h4 class="name" id="containerWidth">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>containerWidth passed from the action setup.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>containerWidth passed from the action setup.
 </div>
 
 
@@ -547,7 +547,7 @@ <h4 class="name" id="custom">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Any custom options passed from the <a href="Action.html">Action</a> configuration.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Any custom options passed from the <a href="Action.html">Action</a> configuration.
 </div>
 
 
@@ -626,7 +626,7 @@ <h4 class="name" id="guard">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Guarding message which should be presented in <code>alert()</code> after clicking the action button</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Guarding message which should be presented in `alert()` after clicking the action button
 </div>
 
 
@@ -703,7 +703,7 @@ <h4 class="name" id="hasHandler">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Indicates if action has action handler defined</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Indicates if action has action handler defined
 </div>
 
 
@@ -780,7 +780,7 @@ <h4 class="name" id="hideActionHeader">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Whether given action have an action header</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Whether given action have an action header
 </div>
 
 
@@ -859,7 +859,7 @@ <h4 class="name" id="icon">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Action icon</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Action icon
 </div>
 
 
@@ -936,7 +936,7 @@ <h4 class="name" id="label">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Action label - visible on the frontend</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Action label - visible on the frontend
 </div>
 
 
@@ -1016,7 +1016,7 @@ <h4 class="name" id="layout">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Parsed layout passed in <a href="Action.html#layout">Action#layout</a></p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Parsed layout passed in <a href="Action.html#layout">Action#layout</a>
 </div>
 
 
@@ -1093,7 +1093,7 @@ <h4 class="name" id="name">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Unique action name</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Unique action name
 </div>
 
 
@@ -1173,7 +1173,7 @@ <h4 class="name" id="parent">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>If action is nested</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>If action is nested
 </div>
 
 
@@ -1250,7 +1250,7 @@ <h4 class="name" id="resourceId">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Id of a resource to which given action belongs.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Id of a resource to which given action belongs.
 </div>
 
 
@@ -1327,7 +1327,7 @@ <h4 class="name" id="showFilter">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>If action should have a filter (for resource actions)</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>If action should have a filter (for resource actions)
 </div>
 
 
@@ -1404,7 +1404,7 @@ <h4 class="name" id="showInDrawer">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Whether given action should be seen in a drawer</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Whether given action should be seen in a drawer
 </div>
 
 
@@ -1481,7 +1481,7 @@ <h4 class="name" id="variant">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>action variant</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>action variant
 </div>
 
 
@@ -1569,7 +1569,7 @@ <h4 class="name" id="ParsedLayoutElement">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>It is generated from Array.&lt;<a href="Action.html#LayoutElement">LayoutElement</a>> passed in <a href="Action.html#layout">Action#layout</a></p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>It is generated from Array.&lt;<a href="Action.html#LayoutElement">LayoutElement</a>> passed in <a href="Action.html#layout">Action#layout</a>
 </div>
 
 
diff --git a/docs/AdminJS.html b/docs/AdminJS.html
index bd26861d..719026dd 100644
--- a/docs/AdminJS.html
+++ b/docs/AdminJS.html
@@ -420,8 +420,8 @@ <h4 class="name" id=".ACTIONS">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>List of all default actions. If you want to change the behavior for all actions like:
-<em>list</em>, <em>edit</em>, <em>show</em>, <em>delete</em> and <em>bulkDelete</em> you can do this here.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>List of all default actions. If you want to change the behavior for all actions like:
+<p><em>list</em>, <em>edit</em>, <em>show</em>, <em>delete</em> and <em>bulkDelete</em> you can do this here.</p>
 </div>
 
 
@@ -512,7 +512,7 @@ <h4 class="name" id=".VERSION">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>AdminJS version</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>AdminJS version
 </div>
 
 
@@ -581,8 +581,8 @@ <h4 class="name" id="ACTIONS">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>List of all default actions. If you want to change the behavior for all actions like:
-<em>list</em>, <em>edit</em>, <em>show</em>, <em>delete</em> and <em>bulkDelete</em> you can do this here.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>List of all default actions. If you want to change the behavior for all actions like:
+<p><em>list</em>, <em>edit</em>, <em>show</em>, <em>delete</em> and <em>bulkDelete</em> you can do this here.</p>
 </div>
 
 
@@ -669,7 +669,7 @@ <h4 class="name" id="options">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Options given by a user</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Options given by a user
 </div>
 
 
@@ -746,8 +746,8 @@ <h4 class="name" id="resources">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>List of all resources available for the AdminJS.
-They can be fetched with the <a href="AdminJS.html#findResource">AdminJS#findResource</a> method</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>List of all resources available for the AdminJS.
+<p>They can be fetched with the <a href="AdminJS.html#findResource">AdminJS#findResource</a> method</p>
 </div>
 
 
@@ -816,7 +816,7 @@ <h4 class="name" id="VERSION">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>AdminJS version</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>AdminJS version
 </div>
 
 
@@ -901,8 +901,8 @@ <h4 class="name" id=".bundle">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Requires given <code>.jsx/.tsx</code> file, that it can be bundled to the frontend.
-It will be available under AdminJS.UserComponents[componentId].</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Requires given `.jsx/.tsx` file, that it can be bundled to the frontend.
+<p>It will be available under AdminJS.UserComponents[componentId].</p>
     </div>
     
 
@@ -1145,7 +1145,7 @@ <h4 class="name" id=".registerAdapter">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Registers various database adapters written for AdminJS.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Registers various database adapters written for AdminJS.
     </div>
     
 
@@ -1374,7 +1374,7 @@ <h4 class="name" id="findResource">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Returns resource base on its ID</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Returns resource base on its ID
     </div>
     
 
@@ -1580,8 +1580,8 @@ <h4 class="name" id="initialize">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Initializes AdminJS instance in production. This function should be called by
-all external plugins.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Initializes AdminJS instance in production. This function should be called by
+<p>all external plugins.</p>
     </div>
     
 
@@ -1705,8 +1705,8 @@ <h4 class="name" id="renderLogin">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Renders an entire login page with email and password fields
-using Renderer.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Renders an entire login page with email and password fields
+<p>using Renderer.</p>
 <p>Used by external plugins</p>
     </div>
     
@@ -1960,8 +1960,8 @@ <h4 class="name" id="resolveBabelConfigPath">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Resolve babel config file path,
-and load configuration to this.options.bundler.babelConfig.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Resolve babel config file path,
+<p>and load configuration to this.options.bundler.babelConfig.</p>
     </div>
     
 
@@ -2085,8 +2085,8 @@ <h4 class="name" id="watch">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Watches for local changes in files imported via <a href="AdminJS.html#.bundle">AdminJS.bundle</a>.
-It doesn't work on production environment.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Watches for local changes in files imported via <a href="AdminJS.html#.bundle">AdminJS.bundle</a>.
+<p>It doesn't work on production environment.</p>
     </div>
     
 
@@ -2220,7 +2220,7 @@ <h4 class="name" id="CurrentAdmin">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Currently logged in admin.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Currently logged in admin.
 <h3>Usage with TypeScript</h3>
 <pre class="prettyprint source lang-typescript"><code>import { CurrentAdmin } from 'adminjs'
 </code></pre>
@@ -2482,8 +2482,8 @@ <h4 class="name" id="OverridableComponent">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Name of the components which can be overridden by AdminJS.bundle. It currently following
-components can be override:</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Name of the components which can be overridden by AdminJS.bundle. It currently following
+<p>components can be override:</p>
 <ul>
 <li>LoggedIn</li>
 <li>NoRecords</li>
@@ -2568,7 +2568,7 @@ <h4 class="name" id="UploadedFile">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>File uploaded via FormData to the backend.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>File uploaded via FormData to the backend.
 </div>
 
 
diff --git a/docs/AdminJSOptions.html b/docs/AdminJSOptions.html
index 5e9c9eba..108a50db 100644
--- a/docs/AdminJSOptions.html
+++ b/docs/AdminJSOptions.html
@@ -196,7 +196,7 @@ <h2>AdminJSOptions</h2>
     <div class="container-overview">
     
         
-            <div class="description"><script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>AdminJSOptions</p>
+            <div class="description"><script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>AdminJSOptions
 <p>This is the heart of entire AdminJS - all options resides here.</p>
 <h3>Usage with regular javascript</h3>
 <pre class="prettyprint source lang-javascript"><code>const AdminJS = require('adminjs')
@@ -324,7 +324,7 @@ <h4 class="name" id="assets">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Custom assets you want to pass to AdminJS</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Custom assets you want to pass to AdminJS
 </div>
 
 
@@ -403,7 +403,7 @@ <h4 class="name" id="assetsCDN">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Indicates is bundled by AdminJS files like:</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Indicates is bundled by AdminJS files like:
 <ul>
 <li>components.bundle.js</li>
 <li>global.bundle.js</li>
@@ -526,7 +526,7 @@ <h4 class="name" id="branding">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Options which are related to the branding.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Options which are related to the branding.
 </div>
 
 
@@ -605,7 +605,7 @@ <h4 class="name" id="bundler">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>rollup bundle options;</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>rollup bundle options;
 </div>
 
 
@@ -684,7 +684,7 @@ <h4 class="name" id="dashboard">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Option to modify the dashboard</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Option to modify the dashboard
 </div>
 
 
@@ -856,7 +856,7 @@ <h4 class="name" id="databases">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Array of all Databases which are supported by AdminJS via adapters</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Array of all Databases which are supported by AdminJS via adapters
 </div>
 
 
@@ -935,7 +935,7 @@ <h4 class="name" id="env">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Environmental variables passed to the frontend.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Environmental variables passed to the frontend.
 <p>So let say you want to pass some <em>GOOGLE_MAP_API_TOKEN</em> to the frontend.
 You can do this by adding it here:</p>
 <pre class="prettyprint source lang-javascript"><code>new AdminJS({env: {
@@ -1023,7 +1023,7 @@ <h4 class="name" id="locale">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Translation file. Change it in order to:</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Translation file. Change it in order to:
 <ul>
 <li>localize admin panel</li>
 <li>change any arbitrary text in the UI</li>
@@ -1148,7 +1148,7 @@ <h4 class="name" id="loginPath">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>url to a login page, default to <code>/admin/login</code></p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>url to a login page, default to `/admin/login`
 </div>
 
 
@@ -1227,7 +1227,7 @@ <h4 class="name" id="logoutPath">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>url to a logout action, default to <code>/admin/logout</code></p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>url to a logout action, default to `/admin/logout`
 </div>
 
 
@@ -1306,7 +1306,7 @@ <h4 class="name" id="pages">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>List of custom pages which will be visible below all resources</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>List of custom pages which will be visible below all resources
 </div>
 
 
@@ -1406,8 +1406,8 @@ <h4 class="name" id="resources">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Array of all Resources which are supported by AdminJS via adapters.
-You can pass either resource or resource with an options and thus modify it.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Array of all Resources which are supported by AdminJS via adapters.
+<p>You can pass either resource or resource with an options and thus modify it.</p>
 </div>
 
 
@@ -1591,7 +1591,7 @@ <h4 class="name" id="rootPath">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>path, under which, AdminJS will be available. Default to <code>/admin</code></p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>path, under which, AdminJS will be available. Default to `/admin`
 </div>
 
 
@@ -1670,7 +1670,7 @@ <h4 class="name" id="version">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Flag which indicates if version number should be visible on the UI</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Flag which indicates if version number should be visible on the UI
 </div>
 
 
@@ -1758,7 +1758,7 @@ <h4 class="name" id="AdminPage">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Object describing regular page in AdminJS</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Object describing regular page in AdminJS
 </div>
 
 
@@ -2123,7 +2123,7 @@ <h4 class="name" id="AssetsFunction">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Function returning <a href="AdminJSOptions.html#Assets">Assets</a></p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Function returning <a href="AdminJSOptions.html#Assets">Assets</a>
     </div>
     
 
@@ -2314,7 +2314,7 @@ <h4 class="name" id="BrandingOptions">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Branding Options</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Branding Options
 <p>You can use them to change how AdminJS looks. For instance to change name and
 colors (dark theme) run:</p>
 <pre class="prettyprint source lang-javascript"><code>new AdminJS({
@@ -2584,7 +2584,7 @@ <h4 class="name" id="BrandingOptionsFunction">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Branding Options Function</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Branding Options Function
 <p>function returning BrandingOptions.</p>
     </div>
     
@@ -2776,7 +2776,7 @@ <h4 class="name" id="BundlerOptions">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Bundle options</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Bundle options
 </div>
 
 
@@ -2924,7 +2924,7 @@ <h4 class="name" id="FeatureType">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Function taking <a href="ResourceOptions.html">ResourceOptions</a> and merging it with all other options</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Function taking <a href="ResourceOptions.html">ResourceOptions</a> and merging it with all other options
     </div>
     
 
@@ -3100,7 +3100,7 @@ <h4 class="name" id="Locale">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Locale object passed to <a href="AdminJSOptions.html">AdminJSOptions</a> and stored in the application</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Locale object passed to <a href="AdminJSOptions.html">AdminJSOptions</a> and stored in the application
 </div>
 
 
@@ -3252,8 +3252,8 @@ <h4 class="name" id="LocaleTranslations">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Contains all the translations for given language. Everything is divided to
-sections/blocks like actions, properties, buttons, labels and messages,
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Contains all the translations for given language. Everything is divided to
+<p>sections/blocks like actions, properties, buttons, labels and messages,
 but also the same sections can can be nested under 'resources' property.</p>
 <p>This allows you to define translations either for entire UI or for a specific resource.
 Take a look at this example:</p>
@@ -3754,7 +3754,7 @@ <h4 class="name" id="PageContext">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Context object passed to a PageHandler</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Context object passed to a PageHandler
 </div>
 
 
@@ -3946,7 +3946,7 @@ <h4 class="name" id="PageHandler">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Function which is invoked when user enters given AdminPage</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Function which is invoked when user enters given AdminPage
     </div>
     
 
@@ -4149,7 +4149,7 @@ <h4 class="name" id="ResourceWithOptions">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Default way of passing Options with a Resource</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Default way of passing Options with a Resource
 </div>
 
 
@@ -4346,7 +4346,7 @@ <h4 class="name" id="VersionSettings">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Version Props</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Version Props
 </div>
 
 
diff --git a/docs/ApiClient.html b/docs/ApiClient.html
index 7a0d4807..eed0da55 100644
--- a/docs/ApiClient.html
+++ b/docs/ApiClient.html
@@ -337,7 +337,7 @@ <h4 class="name" id="bulkAction">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Invokes given bulk <a href="Action.html">Action</a> on the backend.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Invokes given bulk <a href="Action.html">Action</a> on the backend.
     </div>
     
 
@@ -514,7 +514,7 @@ <h4 class="name" id="getDashboard">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Invokes dashboard handler.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Invokes dashboard handler.
     </div>
     
 
@@ -692,7 +692,7 @@ <h4 class="name" id="getPage">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Invokes handler function of given page and returns its response.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Invokes handler function of given page and returns its response.
     </div>
     
 
@@ -870,7 +870,7 @@ <h4 class="name" id="recordAction">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Invokes given record <a href="Action.html">Action</a> on the backend.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Invokes given record <a href="Action.html">Action</a> on the backend.
     </div>
     
 
@@ -1047,7 +1047,7 @@ <h4 class="name" id="resourceAction">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Invokes given resource <a href="Action.html">Action</a> on the backend.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Invokes given resource <a href="Action.html">Action</a> on the backend.
     </div>
     
 
@@ -1224,7 +1224,7 @@ <h4 class="name" id="searchRecords">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Search by query string for records in a given resource.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Search by query string for records in a given resource.
     </div>
     
 
@@ -1458,7 +1458,7 @@ <h4 class="name" id="ActionAPIParams">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Extends <a href="ApiClient.html#AxiosRequestConfig">AxiosRequestConfig</a></p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Extends <a href="ApiClient.html#AxiosRequestConfig">AxiosRequestConfig</a>
 </div>
 
 
@@ -1587,7 +1587,7 @@ <h4 class="name" id="AxiosRequestConfig">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Type of an <a href="https://github.com/axios/axios/blob/master/index.d.ts#L43">axios request</a></p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Type of an axios request
 </div>
 
 
@@ -1671,7 +1671,7 @@ <h4 class="name" id="BulkActionAPIParams">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Extends <a href="ApiClient.html#ActionAPIParams">ActionAPIParams</a></p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Extends <a href="ApiClient.html#ActionAPIParams">ActionAPIParams</a>
 </div>
 
 
@@ -1807,7 +1807,7 @@ <h4 class="name" id="GetPageAPIParams">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Extends <a href="ApiClient.html#AxiosRequestConfig">AxiosRequestConfig</a></p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Extends <a href="ApiClient.html#AxiosRequestConfig">AxiosRequestConfig</a>
 </div>
 
 
@@ -1959,7 +1959,7 @@ <h4 class="name" id="RecordActionAPIParams">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Extends <a href="ApiClient.html#ActionAPIParams">ActionAPIParams</a></p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Extends <a href="ApiClient.html#ActionAPIParams">ActionAPIParams</a>
 </div>
 
 
@@ -2088,7 +2088,7 @@ <h4 class="name" id="ResourceActionAPIParams">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Extends <a href="ApiClient.html#ActionAPIParams">ActionAPIParams</a></p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Extends <a href="ApiClient.html#ActionAPIParams">ActionAPIParams</a>
 </div>
 
 
diff --git a/docs/ApiController.html b/docs/ApiController.html
index 3528cd8e..cc2832aa 100644
--- a/docs/ApiController.html
+++ b/docs/ApiController.html
@@ -377,8 +377,8 @@ <h4 class="name" id="bulkAction">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Performs a customized <a href="Action.html">bulk action</a>.
-To call it use <a href="ApiClient.html#bulkAction">ApiClient#bulkAction</a> method.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Performs a customized <a href="Action.html">bulk action</a>.
+<p>To call it use <a href="ApiClient.html#bulkAction">ApiClient#bulkAction</a> method.</p>
 <p>Handler function responsible for a <em>.../api/resources/{resourceId}/bulk/{action}?recordIds={recordIds}</em></p>
     </div>
     
@@ -609,8 +609,8 @@ <h4 class="name" id="dashboard">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Gets optional data needed by the dashboard.
-To call it use <a href="ApiClient.html#getDashboard">ApiClient#getDashboard</a> method.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Gets optional data needed by the dashboard.
+<p>To call it use <a href="ApiClient.html#getDashboard">ApiClient#getDashboard</a> method.</p>
 <p>Handler function responsible for a <em>.../api/dashboard</em></p>
     </div>
     
@@ -813,8 +813,8 @@ <h4 class="name" id="page">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Gets optional data needed by the page.
-To call it use <a href="ApiClient.html#getPage">ApiClient#getPage</a> method.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Gets optional data needed by the page.
+<p>To call it use <a href="ApiClient.html#getPage">ApiClient#getPage</a> method.</p>
 <p>Handler function responsible for a <em>.../api/pages/{pageName}</em></p>
     </div>
     
@@ -1017,8 +1017,8 @@ <h4 class="name" id="recordAction">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Performs a customized <a href="Action.html">record action</a>.
-To call it use <a href="ApiClient.html#recordAction">ApiClient#recordAction</a> method.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Performs a customized <a href="Action.html">record action</a>.
+<p>To call it use <a href="ApiClient.html#recordAction">ApiClient#recordAction</a> method.</p>
 <p>Handler function responsible for a <em>.../api/resources/{resourceId}/records/{recordId}/{action}</em></p>
     </div>
     
@@ -1248,8 +1248,8 @@ <h4 class="name" id="resourceAction">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Performs a customized <a href="Action.html">resource action</a>.
-To call it use <a href="ApiClient.html#resourceAction">ApiClient#resourceAction</a> method.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Performs a customized <a href="Action.html">resource action</a>.
+<p>To call it use <a href="ApiClient.html#resourceAction">ApiClient#resourceAction</a> method.</p>
 <p>Handler function responsible for a <em>.../api/resources/{resourceId}/actions/{action}</em></p>
     </div>
     
@@ -1452,7 +1452,7 @@ <h4 class="name" id="search">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Search records by query string.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Search records by query string.
 <p>Handler function responsible for a <em>.../api/resources/{resourceId}/search/{query}</em> route</p>
     </div>
     
diff --git a/docs/BaseActionComponent.html b/docs/BaseActionComponent.html
index 8e498fa0..b9de2ea7 100644
--- a/docs/BaseActionComponent.html
+++ b/docs/BaseActionComponent.html
@@ -222,7 +222,7 @@ <h4 class="name" id="BaseActionComponent">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Component which renders all the default and custom actions for both the Resource and the Record.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Component which renders all the default and custom actions for both the Resource and the Record.
 <p>It passes all props down to the actual Action component.</p>
 <p>Example of creating your own actions:</p>
 <pre class="prettyprint source"><code>// AdminJS options
@@ -391,7 +391,7 @@ <h4 class="name" id="ActionProps">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Props which are passed to all action components</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Props which are passed to all action components
 </div>
 
 
diff --git a/docs/BaseDatabase.html b/docs/BaseDatabase.html
index 6fe58684..7ccb4990 100644
--- a/docs/BaseDatabase.html
+++ b/docs/BaseDatabase.html
@@ -223,9 +223,9 @@ <h4 class="name" id="BaseDatabase">
     
     <div class="description">
         <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><div class="mermaid">graph LR
-  A[BaseDatabase] -->|has many| B(BaseResource)
-  B --> |has many|C(BaseRecord)
-  B --> |has many|D(BaseProperty)</div>
+<p>A[BaseDatabase] --&gt;|has many| B(BaseResource)
+B --&gt; |has many|C(BaseRecord)
+B --&gt; |has many|D(BaseProperty)</div></p>
     </div>
     
 
@@ -351,7 +351,7 @@ <h4 class="name" id=".isAdapterFor">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Checks if given adapter supports database provided by user</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Checks if given adapter supports database provided by user
     </div>
     
 
@@ -524,7 +524,7 @@ <h4 class="name" id="resources">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>returns array of all resources (collections/tables) in the database</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>returns array of all resources (collections/tables) in the database
     </div>
     
 
diff --git a/docs/BaseProperty.html b/docs/BaseProperty.html
index ff948959..f6b150b0 100644
--- a/docs/BaseProperty.html
+++ b/docs/BaseProperty.html
@@ -576,8 +576,8 @@ <h4 class="name" id="availableValues">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Returns all available values which field can accept. It is used in case of
-enums</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Returns all available values which field can accept. It is used in case of
+<p>enums</p>
     </div>
     
 
@@ -703,7 +703,7 @@ <h4 class="name" id="isArray">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Returns true when given property is an array</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Returns true when given property is an array
     </div>
     
 
@@ -823,8 +823,8 @@ <h4 class="name" id="isDraggable">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Returns true when given property has draggable elements.
-Only usable for array properties.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Returns true when given property has draggable elements.
+<p>Only usable for array properties.</p>
     </div>
     
 
@@ -944,7 +944,7 @@ <h4 class="name" id="isEditable">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Indicates if value of given property can be updated</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Indicates if value of given property can be updated
     </div>
     
 
@@ -1064,7 +1064,7 @@ <h4 class="name" id="isId">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Returns true if given property is a uniq key in a table/collection</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Returns true if given property is a uniq key in a table/collection
     </div>
     
 
@@ -1184,7 +1184,7 @@ <h4 class="name" id="isRequired">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Indicates if given property is required</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Indicates if given property is required
     </div>
     
 
@@ -1304,7 +1304,7 @@ <h4 class="name" id="isSortable">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Indicates if given property can be sorted</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Indicates if given property can be sorted
     </div>
     
 
@@ -1424,7 +1424,7 @@ <h4 class="name" id="isTitle">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Return true if given property should be treated as a Record Title.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Return true if given property should be treated as a Record Title.
     </div>
     
 
@@ -1544,7 +1544,7 @@ <h4 class="name" id="isVisible">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Indicates if given property should be visible</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Indicates if given property should be visible
     </div>
     
 
@@ -1664,7 +1664,7 @@ <h4 class="name" id="name">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Name of the property</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Name of the property
     </div>
     
 
@@ -1786,8 +1786,8 @@ <h4 class="name" id="reference">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>If property is a reference to a record of different resource
-it should contain BaseResource.id of this resource.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>If property is a reference to a record of different resource
+<p>it should contain BaseResource.id of this resource.</p>
 <p>When property is responsible for the field: 'user_id' in SQL database
 reference should be the name of the Resource which it refers to: <code>Users</code></p>
     </div>
@@ -1912,7 +1912,7 @@ <h4 class="name" id="subProperties">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>In case of <code>mixed</code> type returns all nested properties.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>In case of `mixed` type returns all nested properties.
     </div>
     
 
@@ -2034,7 +2034,7 @@ <h4 class="name" id="type">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Return type of a property</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Return type of a property
     </div>
     
 
diff --git a/docs/BasePropertyComponent.html b/docs/BasePropertyComponent.html
index 38369bd8..5f6d227d 100644
--- a/docs/BasePropertyComponent.html
+++ b/docs/BasePropertyComponent.html
@@ -327,7 +327,7 @@ <h4 class="name" id="BasePropertyProps">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Props which are passed to all your custom property components</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Props which are passed to all your custom property components
 <p>Example</p>
 <pre class="prettyprint source"><code>// AdminJSOptions
 const AdminJS = require('adminjs')
@@ -647,7 +647,7 @@ <h4 class="name" id="EditPropertyProps">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Props which are passed to all your custom property components in show</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Props which are passed to all your custom property components in show
 </div>
 
 
@@ -799,7 +799,7 @@ <h4 class="name" id="FilterPropertyProps">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Props which are passed to all your custom property components in filter</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Props which are passed to all your custom property components in filter
 </div>
 
 
@@ -1206,7 +1206,7 @@ <h4 class="name" id="ShowPropertyProps">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Props which are passed to all your custom property components in show</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Props which are passed to all your custom property components in show
 </div>
 
 
diff --git a/docs/BaseProvider.html b/docs/BaseProvider.html
index 940d5134..a421d8bb 100644
--- a/docs/BaseProvider.html
+++ b/docs/BaseProvider.html
@@ -400,7 +400,7 @@ <h4 class="name" id="bucket">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Bucket is a place where files should be stored. Usually it is a folder location</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Bucket is a place where files should be stored. Usually it is a folder location
 </div>
 
 
@@ -477,7 +477,7 @@ <h4 class="name" id="bucket">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Bucket is a place where files should be stored. Usually it is a folder location</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Bucket is a place where files should be stored. Usually it is a folder location
 </div>
 
 
@@ -546,8 +546,8 @@ <h4 class="name" id="name">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Name is used to verify if the object passed by UploadOptions#provider is
-this type. We cannot check typeof because there could be a different versions of
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Name is used to verify if the object passed by UploadOptions#provider is
+<p>this type. We cannot check typeof because there could be a different versions of
 npm package installed in a project.</p>
 </div>
 
@@ -625,8 +625,8 @@ <h4 class="name" id="name">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Name is used to verify if the object passed by UploadOptions#provider is
-this type. We cannot check typeof because there could be a different versions of
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Name is used to verify if the object passed by UploadOptions#provider is
+<p>this type. We cannot check typeof because there could be a different versions of
 npm package installed in a project.</p>
 </div>
 
@@ -714,7 +714,7 @@ <h4 class="name" id="delete">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Deletes given file</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Deletes given file
     </div>
     
 
@@ -941,8 +941,8 @@ <h4 class="name" id="path">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Returns path for the file from where it can be downloaded. It is dynamic in case of
-time based paths: i.e. link valid in the next 24h</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Returns path for the file from where it can be downloaded. It is dynamic in case of
+<p>time based paths: i.e. link valid in the next 24h</p>
     </div>
     
 
@@ -1172,7 +1172,7 @@ <h4 class="name" id="upload">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Uploads file to given bucket</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Uploads file to given bucket
     </div>
     
 
diff --git a/docs/BaseRecord.html b/docs/BaseRecord.html
index 9e833a5b..52d9123c 100644
--- a/docs/BaseRecord.html
+++ b/docs/BaseRecord.html
@@ -422,7 +422,7 @@ <h4 class="name" id="errors">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Object containing all validation errors: this.errors[path] = 'errorMessage'</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Object containing all validation errors: this.errors[path] = 'errorMessage'
 </div>
 
 
@@ -499,7 +499,7 @@ <h4 class="name" id="errors">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Object containing all validation errors: this.errors[path] = 'errorMessage'</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Object containing all validation errors: this.errors[path] = 'errorMessage'
 </div>
 
 
@@ -568,8 +568,8 @@ <h4 class="name" id="params">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Actual record data stored as a flatten object. You shouldn't access them directly - always
-with <a href="BaseRecord.html#get">BaseRecord#get</a> and <a href="BaseRecord.html#set">BaseRecord#set</a> property.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Actual record data stored as a flatten object. You shouldn't access them directly - always
+<p>with <a href="BaseRecord.html#get">BaseRecord#get</a> and <a href="BaseRecord.html#set">BaseRecord#set</a> property.</p>
 </div>
 
 
@@ -646,8 +646,8 @@ <h4 class="name" id="params">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Actual record data stored as a flatten object. You shouldn't access them directly - always
-with <a href="BaseRecord.html#get">BaseRecord#get</a> and <a href="BaseRecord.html#set">BaseRecord#set</a> property.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Actual record data stored as a flatten object. You shouldn't access them directly - always
+<p>with <a href="BaseRecord.html#get">BaseRecord#get</a> and <a href="BaseRecord.html#set">BaseRecord#set</a> property.</p>
 </div>
 
 
@@ -716,7 +716,7 @@ <h4 class="name" id="populated">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Object containing all populated relations.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Object containing all populated relations.
 </div>
 
 
@@ -793,7 +793,7 @@ <h4 class="name" id="populated">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Object containing all populated relations.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Object containing all populated relations.
 </div>
 
 
@@ -862,7 +862,7 @@ <h4 class="name" id="resource">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Resource to which record belongs</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Resource to which record belongs
 </div>
 
 
@@ -939,7 +939,7 @@ <h4 class="name" id="resource">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Resource to which record belongs</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Resource to which record belongs
 </div>
 
 
@@ -1024,7 +1024,7 @@ <h4 class="name" id="create">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Creates the record in the database</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Creates the record in the database
 <p>Practically it invokes
 <a href="BaseResource.html#create">BaseResource#create</a>.</p>
 <p>When validation error occurs it stores that to BaseResource#errors</p>
@@ -1149,7 +1149,7 @@ <h4 class="name" id="error">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Returns error message for given property path (name)</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Returns error message for given property path (name)
     </div>
     
 
@@ -1325,8 +1325,8 @@ <h4 class="name" id="get">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Returns unflatten (regular) value for given field. So if you have in the params following
-structure:</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Returns unflatten (regular) value for given field. So if you have in the params following
+<p>structure:</p>
 <pre class="prettyprint source lang-javascript"><code>params = {
   genre.0: 'male',
   genre.1: 'female',
@@ -1553,7 +1553,7 @@ <h4 class="name" id="id">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Returns uniq id of the Record.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Returns uniq id of the Record.
     </div>
     
 
@@ -1678,7 +1678,7 @@ <h4 class="name" id="isValid">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Return state of validation for given record</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Return state of validation for given record
     </div>
     
 
@@ -1800,7 +1800,7 @@ <h4 class="name" id="namespaceParams">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Returns object containing all params keys starting with prefix</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Returns object containing all params keys starting with prefix
     </div>
     
 
@@ -1976,7 +1976,7 @@ <h4 class="name" id="param">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Returns value for given field.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Returns value for given field.
     </div>
     
 
@@ -2153,7 +2153,7 @@ <h4 class="name" id="populate">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Populate record relations</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Populate record relations
     </div>
     
 
@@ -2377,8 +2377,8 @@ <h4 class="name" id="save">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Saves the record in the database. When record already exists - it updates, otherwise
-it creates new one.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Saves the record in the database. When record already exists - it updates, otherwise
+<p>it creates new one.</p>
 <p>Practically it invokes
 <a href="BaseResource.html#create">BaseResource#create</a> or <a href="BaseResource.html#update">BaseResource#update</a> methods.</p>
 <p>When validation error occurs it stores that to BaseResource#errors</p>
@@ -2503,7 +2503,7 @@ <h4 class="name" id="selectParams">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Returns object containing all params keys starting with prefix</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Returns object containing all params keys starting with prefix
     </div>
     
 
@@ -2722,8 +2722,8 @@ <h4 class="name" id="set">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Sets given value under the propertyPath. Value is flatten and all previous values under this
-path are replaced. When value is <code>undefined</code> function just clears the old values</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Sets given value under the propertyPath. Value is flatten and all previous values under this
+<p>path are replaced. When value is <code>undefined</code> function just clears the old values</p>
     </div>
     
 
@@ -2913,7 +2913,7 @@ <h4 class="name" id="storeParams">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Stores incoming payloadData in record params</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Stores incoming payloadData in record params
     </div>
     
 
@@ -3096,8 +3096,8 @@ <h4 class="name" id="title">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Returns title of the record. Usually title is an value for fields like: email, topic,
-title etc.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Returns title of the record. Usually title is an value for fields like: email, topic,
+<p>title etc.</p>
 <p>Title will be shown in the breadcrumbs for example.</p>
     </div>
     
@@ -3220,7 +3220,7 @@ <h4 class="name" id="toJSON">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Returns JSON representation of an record</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Returns JSON representation of an record
     </div>
     
 
@@ -3407,8 +3407,8 @@ <h4 class="name" id="update">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Updates given Record in the data store. Practically it invokes
-BaseResource.update method.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Updates given Record in the data store. Practically it invokes
+<p>BaseResource.update method.</p>
 <p>When validation error occurs it stores that to BaseResource.errors</p>
     </div>
     
diff --git a/docs/BaseResource.html b/docs/BaseResource.html
index 14ad6fb0..995a3efa 100644
--- a/docs/BaseResource.html
+++ b/docs/BaseResource.html
@@ -348,8 +348,8 @@ <h4 class="name" id=".isAdapterFor">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Checks if given adapter supports resource provided by the user.
-This function has to be implemented only if you want to create your custom
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Checks if given adapter supports resource provided by the user.
+<p>This function has to be implemented only if you want to create your custom
 database adapter.</p>
 <p>For one time Admin Resource creation - it is not needed.</p>
     </div>
@@ -524,7 +524,7 @@ <h4 class="name" id="build">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Builds new Record of given Resource.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Builds new Record of given Resource.
 <p>Each Record is an representation of the resource item. Before it can be saved,
 it has to be instantiated.</p>
 <p>This function has to be implemented if you want to create new records.</p>
@@ -704,7 +704,7 @@ <h4 class="name" id="count">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Returns number of elements for given resource by including filters</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Returns number of elements for given resource by including filters
     </div>
     
 
@@ -881,7 +881,7 @@ <h4 class="name" id="create">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Creates new record</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Creates new record
     </div>
     
 
@@ -1080,8 +1080,8 @@ <h4 class="name" id="databaseName">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>The name of the database to which resource belongs. When resource is
-a mongoose model it should be database name of the mongo database.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>The name of the database to which resource belongs. When resource is
+<p>a mongoose model it should be database name of the mongo database.</p>
 <p>Visually, by default, all resources are nested in sidebar under their database names.</p>
     </div>
     
@@ -1204,8 +1204,8 @@ <h4 class="name" id="databaseType">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Returns type of the database. It is used to compute sidebar icon for
-given resource. Default: 'database'</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Returns type of the database. It is used to compute sidebar icon for
+<p>given resource. Default: 'database'</p>
     </div>
     
 
@@ -1325,7 +1325,7 @@ <h4 class="name" id="decorate">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Gets decorator object for given resource</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Gets decorator object for given resource
     </div>
     
 
@@ -1454,7 +1454,7 @@ <h4 class="name" id="delete">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Delete given record by id</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Delete given record by id
     </div>
     
 
@@ -1655,7 +1655,7 @@ <h4 class="name" id="find">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Returns actual records for given resource</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Returns actual records for given resource
     </div>
     
 
@@ -2054,7 +2054,7 @@ <h4 class="name" id="findMany">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Finds many records based on the resource ids</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Finds many records based on the resource ids
     </div>
     
 
@@ -2233,7 +2233,7 @@ <h4 class="name" id="findOne">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Finds one Record in the Resource by its id</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Finds one Record in the Resource by its id
     </div>
     
 
@@ -2413,8 +2413,8 @@ <h4 class="name" id="id">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Each resource has to have uniq id which will be put to an URL of AdminJS routes.
-For instance in <a href="Router.html">Router</a> path for the <code>new</code> form is <code>/resources/{resourceId}/new</code></p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Each resource has to have uniq id which will be put to an URL of AdminJS routes.
+<p>For instance in <a href="Router.html">Router</a> path for the <code>new</code> form is <code>/resources/{resourceId}/new</code></p>
     </div>
     
 
@@ -2540,7 +2540,7 @@ <h4 class="name" id="properties">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>returns array of all properties which belongs to resource</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>returns array of all properties which belongs to resource
     </div>
     
 
@@ -2664,7 +2664,7 @@ <h4 class="name" id="property">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>returns property object for given field</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>returns property object for given field
     </div>
     
 
@@ -2846,7 +2846,7 @@ <h4 class="name" id="update">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Updates an the record.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Updates an the record.
     </div>
     
 
diff --git a/docs/BaseResource_BaseResource.html b/docs/BaseResource_BaseResource.html
index ba60d9e3..fc5d5311 100644
--- a/docs/BaseResource_BaseResource.html
+++ b/docs/BaseResource_BaseResource.html
@@ -221,7 +221,7 @@ <h4 class="name" id="BaseResource">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Creates given resource based on the raw resource object</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Creates given resource based on the raw resource object
     </div>
     
 
diff --git a/docs/Button.html b/docs/Button.html
index 86a2d8a4..58b77a68 100644
--- a/docs/Button.html
+++ b/docs/Button.html
@@ -328,7 +328,7 @@ <h4 class="name" id="ButtonCSS">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Button CSS Styles which can be reused in another button-like component with styled-components</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Button CSS Styles which can be reused in another button-like component with styled-components
 <p>Usage:</p>
 <pre class="prettyprint source"><code>import { ButtonCSS } from '@adminjs/design-system'
 import { Link } from 'react-router-dom'
diff --git a/docs/ButtonGroup.html b/docs/ButtonGroup.html
index f6d6d61a..721ac793 100644
--- a/docs/ButtonGroup.html
+++ b/docs/ButtonGroup.html
@@ -334,7 +334,7 @@ <h4 class="name" id=".ButtonGroupProps">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Props passed to ButtonGroup element.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Props passed to ButtonGroup element.
 </div>
 
 
@@ -533,7 +533,7 @@ <h4 class="name" id=".ButtonInGroupProps">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Props of buttons in <a href="ButtonGroup.html">ButtonGroup</a></p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Props of buttons in <a href="ButtonGroup.html">ButtonGroup</a>
 </div>
 
 
diff --git a/docs/CurrentUserNav.html b/docs/CurrentUserNav.html
index 64738ca4..5fa7619e 100644
--- a/docs/CurrentUserNav.html
+++ b/docs/CurrentUserNav.html
@@ -336,7 +336,7 @@ <h4 class="name" id="CurrentUserNavAction">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Action element passed to CurrentUserNavProps</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Action element passed to CurrentUserNavProps
 </div>
 
 
@@ -597,7 +597,7 @@ <h4 class="name" id="CurrentUserNavProps">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Props passed to <a href="CurrentUserNav.html">CurrentUserNav</a> component</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Props passed to <a href="CurrentUserNav.html">CurrentUserNav</a> component
 </div>
 
 
diff --git a/docs/DatePicker.html b/docs/DatePicker.html
index 4f2e4508..169ca8e3 100644
--- a/docs/DatePicker.html
+++ b/docs/DatePicker.html
@@ -361,7 +361,7 @@ <h4 class="name" id="DatePickerProps">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Props for DatePicker</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Props for DatePicker
 </div>
 
 
diff --git a/docs/Drawer.html b/docs/Drawer.html
index 5bb30ac6..238187f6 100644
--- a/docs/Drawer.html
+++ b/docs/Drawer.html
@@ -363,8 +363,8 @@ <h4 class="name" id="DrawerProps">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Props for Drawer component. Apart from those described below it also extends all
-<a href="Theme.html#SpaceProps">SpaceProps</a>.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Props for Drawer component. Apart from those described below it also extends all
+<p><a href="Theme.html#SpaceProps">SpaceProps</a>.</p>
 </div>
 
 
diff --git a/docs/DrawerPortal.html b/docs/DrawerPortal.html
index a67ba563..4922cafc 100644
--- a/docs/DrawerPortal.html
+++ b/docs/DrawerPortal.html
@@ -222,8 +222,8 @@ <h4 class="name" id="DrawerPortal">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Shows all of its children in a Drawer on the right.
-Instead of rendering it's own <a href="Drawer.html">Drawer</a> component it reuses
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Shows all of its children in a Drawer on the right.
+<p>Instead of rendering it's own <a href="Drawer.html">Drawer</a> component it reuses
 the global Drawer via React Portal.</p>
 <h3>Usage</h3>
 <pre class="prettyprint source"><code>import { DrawerPortal } from 'adminjs'
diff --git a/docs/DropDown.html b/docs/DropDown.html
index a10c6247..c98fd551 100644
--- a/docs/DropDown.html
+++ b/docs/DropDown.html
@@ -334,8 +334,8 @@ <h4 class="name" id=".DropDownItemProps">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Props passed to DropDownItem
-Extends <a href="Box.html#BoxProps">BoxProps</a></p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Props passed to DropDownItem
+<p>Extends <a href="Box.html#BoxProps">BoxProps</a></p>
 </div>
 
 
@@ -474,8 +474,8 @@ <h4 class="name" id=".DropDownMenuProps">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Props passed to DropDownMenu element.
-Extends <a href="Box.html#BoxProps">BoxProps</a></p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Props passed to DropDownMenu element.
+<p>Extends <a href="Box.html#BoxProps">BoxProps</a></p>
 </div>
 
 
@@ -645,7 +645,7 @@ <h4 class="name" id=".DropDownProps">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Props passed to DropDown element.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Props passed to DropDown element.
 </div>
 
 
@@ -818,7 +818,7 @@ <h4 class="name" id=".DropDownStickProp">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Available values for <a href="DropDown.html">DropDown</a>.stick prop</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Available values for <a href="DropDown.html">DropDown</a>.stick prop
 </div>
 
 
diff --git a/docs/Filter.html b/docs/Filter.html
index aa3529f7..c2689600 100644
--- a/docs/Filter.html
+++ b/docs/Filter.html
@@ -438,7 +438,7 @@ <h4 class="name" id=".normalizeKeys">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Changes raw nested filters to form Object&lt;path, value&gt;.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Changes raw nested filters to form Object<path, value>.
     </div>
     
 
@@ -625,7 +625,7 @@ <h4 class="name" id="get">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Returns filter for a given property key</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Returns filter for a given property key
     </div>
     
 
@@ -803,7 +803,7 @@ <h4 class="name" id="populate">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Populates all filtered properties which refers to other resources</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Populates all filtered properties which refers to other resources
     </div>
     
 
diff --git a/docs/ForbiddenError.html b/docs/ForbiddenError.html
index bdd6ce73..b9d40f86 100644
--- a/docs/ForbiddenError.html
+++ b/docs/ForbiddenError.html
@@ -413,7 +413,7 @@ <h4 class="name" id="baseMessage">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Any custom message which should be seen in the UI</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Any custom message which should be seen in the UI
 </div>
 
 
@@ -490,7 +490,7 @@ <h4 class="name" id="baseMessage">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Any custom message which should be seen in the UI</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Any custom message which should be seen in the UI
 </div>
 
 
@@ -559,7 +559,7 @@ <h4 class="name" id="statusCode">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>HTTP Status code: 403</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>HTTP Status code: 403
 </div>
 
 
@@ -636,7 +636,7 @@ <h4 class="name" id="statusCode">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>HTTP Status code: 403</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>HTTP Status code: 403
 </div>
 
 
diff --git a/docs/FormGroup.html b/docs/FormGroup.html
index 2694e82d..d4a0847f 100644
--- a/docs/FormGroup.html
+++ b/docs/FormGroup.html
@@ -406,7 +406,7 @@ <h4 class="name" id="FormGroupProps">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Props for FormGroup. Apart from props defined here FormGroup supports also all <a href="Theme.html#SpaceProps">SpaceProps</a></p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Props for FormGroup. Apart from props defined here FormGroup supports also all <a href="Theme.html#SpaceProps">SpaceProps</a>
 </div>
 
 
diff --git a/docs/Header.html b/docs/Header.html
index 30d4f893..d55863d8 100644
--- a/docs/Header.html
+++ b/docs/Header.html
@@ -336,8 +336,8 @@ <h4 class="name" id="HeaderProps">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Prop Types of an Header components.
-Apart from all props for a standard hx elements it extends
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Prop Types of an Header components.
+<p>Apart from all props for a standard hx elements it extends
 <a href="Theme.html#TypographyProps">TypographyProps</a> and <a href="Theme.html#SpaceProps">SpaceProps</a></p>
 </div>
 
diff --git a/docs/Icon.html b/docs/Icon.html
index e91cad95..97388700 100644
--- a/docs/Icon.html
+++ b/docs/Icon.html
@@ -397,8 +397,8 @@ <h4 class="name" id="IconProps">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Prop Types of an Icon component.
-Apart from props defined below it extends all <a href="Theme.html#ColorProps">ColorProps</a> and <a href="Theme.html#SpaceProps">SpaceProps</a></p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Prop Types of an Icon component.
+<p>Apart from props defined below it extends all <a href="Theme.html#ColorProps">ColorProps</a> and <a href="Theme.html#SpaceProps">SpaceProps</a></p>
 </div>
 
 
diff --git a/docs/Input.html b/docs/Input.html
index b7dce500..2347ebd5 100644
--- a/docs/Input.html
+++ b/docs/Input.html
@@ -350,7 +350,7 @@ <h4 class="name" id="InputCSS">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Input CSS Styles which can be reused in another input component with styled-components</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Input CSS Styles which can be reused in another input component with styled-components
 <h3>Usage:</h3>
 <pre class="prettyprint source"><code>import { InputCSS } from '@adminjs/design-system'
 
@@ -445,8 +445,8 @@ <h4 class="name" id="InputProps">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Prop Types of an Input component.
-Apart from variant it extends all <a href="Theme.html#LayoutProps">LayoutProps</a> and <a href="Theme.html#SpaceProps">SpaceProps</a></p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Prop Types of an Input component.
+<p>Apart from variant it extends all <a href="Theme.html#LayoutProps">LayoutProps</a> and <a href="Theme.html#SpaceProps">SpaceProps</a></p>
 </div>
 
 
diff --git a/docs/Label.html b/docs/Label.html
index 3264a748..c4925bb3 100644
--- a/docs/Label.html
+++ b/docs/Label.html
@@ -360,8 +360,8 @@ <h4 class="name" id="LabelProps">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Prop Types of a Label component.
-Apart from those explicitly specified below it extends all <a href="Theme.html#ColorProps">ColorProps</a>,
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Prop Types of a Label component.
+<p>Apart from those explicitly specified below it extends all <a href="Theme.html#ColorProps">ColorProps</a>,
 <a href="Theme.html#SpaceProps">SpaceProps</a> and <a href="Theme.html#TypographyProps">TypographyProps</a></p>
 </div>
 
diff --git a/docs/Link.html b/docs/Link.html
index 724fcbc7..e46394d5 100644
--- a/docs/Link.html
+++ b/docs/Link.html
@@ -375,8 +375,8 @@ <h4 class="name" id="LinkProps">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Prop Types of a Link component.
-Apart from those explicitly specified below it extends all <a href="Theme.html#ColorProps">ColorProps</a>,
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Prop Types of a Link component.
+<p>Apart from those explicitly specified below it extends all <a href="Theme.html#ColorProps">ColorProps</a>,
 and <a href="Theme.html#SpaceProps">SpaceProps</a></p>
 </div>
 
diff --git a/docs/MessageBox.html b/docs/MessageBox.html
index a0489d8b..0a71babe 100644
--- a/docs/MessageBox.html
+++ b/docs/MessageBox.html
@@ -393,8 +393,8 @@ <h4 class="name" id="MessageBoxProps">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Prop Types of a MessageBox component.
-Apart from those defined below it extends all <a href="Theme.html#SpaceProps">SpaceProps</a></p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Prop Types of a MessageBox component.
+<p>Apart from those defined below it extends all <a href="Theme.html#SpaceProps">SpaceProps</a></p>
 </div>
 
 
diff --git a/docs/Modal.html b/docs/Modal.html
index 0eb0b40c..4bf6a88a 100644
--- a/docs/Modal.html
+++ b/docs/Modal.html
@@ -334,7 +334,7 @@ <h4 class="name" id="ModalProps">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Props passed to Modal Component</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Props passed to Modal Component
 </div>
 
 
diff --git a/docs/Navigation.html b/docs/Navigation.html
index 2750ff54..4a75092d 100644
--- a/docs/Navigation.html
+++ b/docs/Navigation.html
@@ -336,7 +336,7 @@ <h4 class="name" id="NavigationElementWithChildrenProps">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Array of navigation elements. Extending <a href="NavigationElement.html#NavigationElementProps">NavigationElementProps</a></p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Array of navigation elements. Extending <a href="NavigationElement.html#NavigationElementProps">NavigationElementProps</a>
 </div>
 
 
@@ -475,7 +475,7 @@ <h4 class="name" id="NavigationProps">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Props passed to <a href="Navigation.html">Navigation</a> component</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Props passed to <a href="Navigation.html">Navigation</a> component
 </div>
 
 
diff --git a/docs/NavigationElement.html b/docs/NavigationElement.html
index 03ef149a..25aa90b9 100644
--- a/docs/NavigationElement.html
+++ b/docs/NavigationElement.html
@@ -331,7 +331,7 @@ <h4 class="name" id="NavigationElementOnClickHandler">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Handler function for a NavigationElementProps['onClick']</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Handler function for a NavigationElementProps['onClick']
     </div>
     
 
@@ -509,7 +509,7 @@ <h4 class="name" id="NavigationElementProps">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Prop Types of a NavigationElement component.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Prop Types of a NavigationElement component.
 </div>
 
 
diff --git a/docs/PageJSON.html b/docs/PageJSON.html
index 6f75261a..ed7fa58e 100644
--- a/docs/PageJSON.html
+++ b/docs/PageJSON.html
@@ -196,7 +196,7 @@ <h2>PageJSON</h2>
     <div class="container-overview">
     
         
-            <div class="description"><script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Representing the page in the sidebar</p></div>
+            <div class="description"><script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Representing the page in the sidebar</div>
         
 
         
@@ -288,7 +288,7 @@ <h4 class="name" id="component">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Page component. Bundled with <a href="AdminJS.html#.bundle">AdminJS.bundle</a></p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Page component. Bundled with <a href="AdminJS.html#.bundle">AdminJS.bundle</a>
 </div>
 
 
@@ -367,7 +367,7 @@ <h4 class="name" id="icon">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Page icon</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Page icon
 </div>
 
 
@@ -444,7 +444,7 @@ <h4 class="name" id="name">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Page name</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Page name
 </div>
 
 
diff --git a/docs/Placeholder.html b/docs/Placeholder.html
index 98e0c776..beb9f9ad 100644
--- a/docs/Placeholder.html
+++ b/docs/Placeholder.html
@@ -375,8 +375,8 @@ <h4 class="name" id="PlaceholderProps">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Prop Types of a Placeholder component.
-Apart from standard html props it extends <a href="Theme.html#LayoutProps">LayoutProps</a></p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Prop Types of a Placeholder component.
+<p>Apart from standard html props it extends <a href="Theme.html#LayoutProps">LayoutProps</a></p>
 </div>
 
 
diff --git a/docs/Property.html b/docs/Property.html
index 00900b02..846f64f4 100644
--- a/docs/Property.html
+++ b/docs/Property.html
@@ -224,7 +224,7 @@ <h4 class="name" id="Property">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Crates an object from mongoose schema path</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Crates an object from mongoose schema path
     </div>
     
 
diff --git a/docs/PropertyDecorator.html b/docs/PropertyDecorator.html
index c63525c4..521993ef 100644
--- a/docs/PropertyDecorator.html
+++ b/docs/PropertyDecorator.html
@@ -492,8 +492,8 @@ <h4 class="name" id="isVirtual">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Indicates if given property has been created in AdminJS and hasn't been returned by the
-database adapter</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Indicates if given property has been created in AdminJS and hasn't been returned by the
+<p>database adapter</p>
 </div>
 
 
@@ -570,8 +570,8 @@ <h4 class="name" id="isVirtual">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Indicates if given property has been created in AdminJS and hasn't been returned by the
-database adapter</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Indicates if given property has been created in AdminJS and hasn't been returned by the
+<p>database adapter</p>
 </div>
 
 
@@ -648,7 +648,7 @@ <h4 class="name" id="options">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Options passed along with a given resource</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Options passed along with a given resource
 </div>
 
 
@@ -717,8 +717,8 @@ <h4 class="name" id="propertyPath">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Property path including all parents.
-For root property (this without a parent) it will be its name.
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Property path including all parents.
+<p>For root property (this without a parent) it will be its name.
 But when property has children their paths will include parent path:
 <code>parentName.subPropertyName</code>.</p>
 <p>This path serves as a key in <a href="PropertyOptions.html">PropertyOptions</a> to identify which
@@ -799,8 +799,8 @@ <h4 class="name" id="propertyPath">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Property path including all parents.
-For root property (this without a parent) it will be its name.
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Property path including all parents.
+<p>For root property (this without a parent) it will be its name.
 But when property has children their paths will include parent path:
 <code>parentName.subPropertyName</code>.</p>
 <p>This path serves as a key in <a href="PropertyOptions.html">PropertyOptions</a> to identify which
@@ -877,8 +877,8 @@ <h4 class="name" id="virtualSubProperties">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Array of all subProperties which were added in ResourceOption interface rather than
-in the database</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Array of all subProperties which were added in ResourceOption interface rather than
+<p>in the database</p>
 </div>
 
 
@@ -959,8 +959,8 @@ <h4 class="name" id="virtualSubProperties">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Array of all subProperties which were added in ResourceOption interface rather than
-in the database</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Array of all subProperties which were added in ResourceOption interface rather than
+<p>in the database</p>
 </div>
 
 
@@ -1041,8 +1041,8 @@ <h4 class="name" id="availableValues">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>If given property has limited number of available values
-it returns them.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>If given property has limited number of available values
+<p>it returns them.</p>
     </div>
     
 
@@ -1162,7 +1162,7 @@ <h4 class="name" id="isDisabled">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>If property should be disabled in the UI</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>If property should be disabled in the UI
     </div>
     
 
@@ -1282,7 +1282,7 @@ <h4 class="name" id="isId">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>If property should be treated as an ID field</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>If property should be treated as an ID field
     </div>
     
 
@@ -1402,7 +1402,7 @@ <h4 class="name" id="isRequired">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>If property should be marked as a required with a star (*)</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>If property should be marked as a required with a star (*)
     </div>
     
 
@@ -1522,7 +1522,7 @@ <h4 class="name" id="isSortable">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>True if given property can be sortable</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>True if given property can be sortable
     </div>
     
 
@@ -1642,8 +1642,8 @@ <h4 class="name" id="isTitle">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>If property should be treated as an title field
-Title field is used as a link to the resource page
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>If property should be treated as an title field
+<p>Title field is used as a link to the resource page
 in the list view and in the breadcrumbs</p>
     </div>
     
@@ -1764,7 +1764,7 @@ <h4 class="name" id="isVisible">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Indicates if given property should be visible</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Indicates if given property should be visible
     </div>
     
 
@@ -1944,7 +1944,7 @@ <h4 class="name" id="label">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Label of a property</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Label of a property
     </div>
     
 
@@ -2064,7 +2064,7 @@ <h4 class="name" id="name">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Name of the property</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Name of the property
     </div>
     
 
@@ -2184,7 +2184,7 @@ <h4 class="name" id="position">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Position of the field</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Position of the field
     </div>
     
 
@@ -2304,7 +2304,7 @@ <h4 class="name" id="reference">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>When given property is a reference to another Resource - it returns this Resource</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>When given property is a reference to another Resource - it returns this Resource
     </div>
     
 
@@ -2426,7 +2426,7 @@ <h4 class="name" id="resource">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Resource decorator of given property</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Resource decorator of given property
     </div>
     
 
@@ -2546,7 +2546,7 @@ <h4 class="name" id="subProperties">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Decorates subProperties</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Decorates subProperties
     </div>
     
 
@@ -2668,7 +2668,7 @@ <h4 class="name" id="toJSON">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Returns JSON representation of a property</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Returns JSON representation of a property
     </div>
     
 
@@ -2851,7 +2851,7 @@ <h4 class="name" id="type">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Property type</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Property type
     </div>
     
 
diff --git a/docs/PropertyJSON.html b/docs/PropertyJSON.html
index 5f32f573..eb417d42 100644
--- a/docs/PropertyJSON.html
+++ b/docs/PropertyJSON.html
@@ -196,7 +196,7 @@ <h2>PropertyJSON</h2>
     <div class="container-overview">
     
         
-            <div class="description"><script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>JSON representation of a Property.</p></div>
+            <div class="description"><script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>JSON representation of a Property.</div>
         
 
         
@@ -291,7 +291,7 @@ <h4 class="name" id="availableValues">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>If property has restricted number of values</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>If property has restricted number of values
 </div>
 
 
@@ -448,7 +448,7 @@ <h4 class="name" id="components">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>All component names overridden by the user in PropertyOptions</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>All component names overridden by the user in PropertyOptions
 </div>
 
 
@@ -680,7 +680,7 @@ <h4 class="name" id="custom">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Custom parameters passed from the PropertyOptions.custom.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Custom parameters passed from the PropertyOptions.custom.
 </div>
 
 
@@ -811,7 +811,7 @@ <h4 class="name" id="description">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Description of field. Shown as hoverable hint after label.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Description of field. Shown as hoverable hint after label.
 <p>To use translations provide it in locale with specified options key from resource</p>
 </div>
 
@@ -922,7 +922,7 @@ <h4 class="name" id="hideLabel">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>if label above the input should be hidden</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>if label above the input should be hidden
 </div>
 
 
@@ -999,7 +999,7 @@ <h4 class="name" id="isArray">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Indicates if property is an array of properties</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Indicates if property is an array of properties
 </div>
 
 
@@ -1076,7 +1076,7 @@ <h4 class="name" id="isDisabled">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Whether the field should be disabled in edition</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Whether the field should be disabled in edition
 </div>
 
 
@@ -1153,8 +1153,8 @@ <h4 class="name" id="isDraggable">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Indicates if array elements should be draggable when editing.
-It is only usable if the property is an array.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Indicates if array elements should be draggable when editing.
+<p>It is only usable if the property is an array.</p>
 </div>
 
 
@@ -1231,7 +1231,7 @@ <h4 class="name" id="isId">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>If given property should be treated as a Id field</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>If given property should be treated as a Id field
 </div>
 
 
@@ -1308,7 +1308,7 @@ <h4 class="name" id="isRequired">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Whether the field should be marked as required (with a star)</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Whether the field should be marked as required (with a star)
 </div>
 
 
@@ -1385,7 +1385,7 @@ <h4 class="name" id="isSortable">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>If property is sortable</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>If property is sortable
 </div>
 
 
@@ -1462,7 +1462,7 @@ <h4 class="name" id="isTitle">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>If given property should be treated as a title</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>If given property should be treated as a title
 </div>
 
 
@@ -1539,8 +1539,8 @@ <h4 class="name" id="isVirtual">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Indicates if given property has been created in AdminJS <a href="PropertyOptions.html">PropertyOptions</a> and hasn't
-been returned by the database adapter.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Indicates if given property has been created in AdminJS <a href="PropertyOptions.html">PropertyOptions</a> and hasn't
+<p>been returned by the database adapter.</p>
 </div>
 
 
@@ -1617,7 +1617,7 @@ <h4 class="name" id="label">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Property label</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Property label
 </div>
 
 
@@ -1694,7 +1694,7 @@ <h4 class="name" id="name">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Property uniq name</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Property uniq name
 </div>
 
 
@@ -1771,8 +1771,8 @@ <h4 class="name" id="path">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Path of the actual value inside the record. It is usually the same as propertyPath, with the
-exception of array values.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Path of the actual value inside the record. It is usually the same as propertyPath, with the
+<p>exception of array values.</p>
 </div>
 
 
@@ -1849,7 +1849,7 @@ <h4 class="name" id="position">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Property position on a list</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Property position on a list
 </div>
 
 
@@ -1926,8 +1926,8 @@ <h4 class="name" id="propertyPath">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Property uniq path. For top level properties - the same as name, but for nested
-properties it is separated with dot notation: <code>nested.property</code></p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Property uniq path. For top level properties - the same as name, but for nested
+<p>properties it is separated with dot notation: <code>nested.property</code></p>
 </div>
 
 
@@ -2004,7 +2004,7 @@ <h4 class="name" id="props">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Additional props passed to the actual react component</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Additional props passed to the actual react component
 </div>
 
 
@@ -2136,8 +2136,8 @@ <h4 class="name" id="reference">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Has a name of a resource to which it is a reference.
-For instance property <code>userId</code> will have here <code>Users</code></p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Has a name of a resource to which it is a reference.
+<p>For instance property <code>userId</code> will have here <code>Users</code></p>
 </div>
 
 
@@ -2214,7 +2214,7 @@ <h4 class="name" id="resourceId">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Resource to which given property belongs</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Resource to which given property belongs
 </div>
 
 
@@ -2291,8 +2291,8 @@ <h4 class="name" id="subProperties">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Contain list of all sub properties.
-This is the case for nested schemas in MongoDB.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Contain list of all sub properties.
+<p>This is the case for nested schemas in MongoDB.</p>
 </div>
 
 
@@ -2369,7 +2369,7 @@ <h4 class="name" id="type">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>One of <a href="BaseProperty.html#PropertyType">PropertyType</a>s</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>One of <a href="BaseProperty.html#PropertyType">PropertyType</a>s
 </div>
 
 
@@ -2457,7 +2457,7 @@ <h4 class="name" id="BasePropertyJSON">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Property without the path. Defined as <code>Omit&lt;PropertyJSON, 'path'&gt;</code></p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Property without the path. Defined as `Omit<PropertyJSON, 'path'>`
 </div>
 
 
diff --git a/docs/PropertyOptions.html b/docs/PropertyOptions.html
index 48c1ee3c..43df9fa7 100644
--- a/docs/PropertyOptions.html
+++ b/docs/PropertyOptions.html
@@ -196,7 +196,7 @@ <h2>PropertyOptions</h2>
     <div class="container-overview">
     
         
-            <div class="description"><script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Options passed to a given property</p></div>
+            <div class="description"><script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Options passed to a given property</div>
         
 
         
@@ -290,8 +290,8 @@ <h4 class="name" id="availableValues">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>If options should be limited to finite set. After setting this
-in the UI you will see select box instead of the input</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>If options should be limited to finite set. After setting this
+<p>in the UI you will see select box instead of the input</p>
 </div>
 
 
@@ -448,7 +448,7 @@ <h4 class="name" id="components">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>List of possible overridden components for given property.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>List of possible overridden components for given property.
 </div>
 
 
@@ -682,7 +682,7 @@ <h4 class="name" id="custom">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Custom properties passed to the frontend in <a href="PropertyJSON.html">PropertyJSON</a></p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Custom properties passed to the frontend in <a href="PropertyJSON.html">PropertyJSON</a>
 </div>
 
 
@@ -813,7 +813,7 @@ <h4 class="name" id="description">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Description of field. Shown as hoverable hint after label.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Description of field. Shown as hoverable hint after label.
 <p>To use translations provide it in locale with specified options key from resource</p>
 </div>
 
@@ -926,7 +926,7 @@ <h4 class="name" id="hideLabel">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Whether label should be hidden - false by default</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Whether label should be hidden - false by default
 </div>
 
 
@@ -1005,7 +1005,7 @@ <h4 class="name" id="isArray">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Indicates if given property should be treated as array of elements.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Indicates if given property should be treated as array of elements.
 </div>
 
 
@@ -1084,7 +1084,7 @@ <h4 class="name" id="isDisabled">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Whether given property should be editable or not.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Whether given property should be editable or not.
 </div>
 
 
@@ -1163,8 +1163,8 @@ <h4 class="name" id="isDraggable">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Indicates if array elements should be draggable when editing.
-It is only usable if the property is an array.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Indicates if array elements should be draggable when editing.
+<p>It is only usable if the property is an array.</p>
 </div>
 
 
@@ -1243,7 +1243,7 @@ <h4 class="name" id="isId">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Indicates if property should be treated as an ID</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Indicates if property should be treated as an ID
 </div>
 
 
@@ -1322,7 +1322,7 @@ <h4 class="name" id="isRequired">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Whether given property should be marked as required.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Whether given property should be marked as required.
 </div>
 
 
@@ -1401,7 +1401,7 @@ <h4 class="name" id="isSortable">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Whether given property should be sortable on list or not.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Whether given property should be sortable on list or not.
 </div>
 
 
@@ -1480,8 +1480,8 @@ <h4 class="name" id="isTitle">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>One of given property should be treated as an &quot;title property&quot;. Title property is &quot;clickable&quot;
-when user sees the record in a list or show views.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>One of given property should be treated as an "title property". Title property is "clickable"
+<p>when user sees the record in a list or show views.</p>
 </div>
 
 
@@ -1563,8 +1563,8 @@ <h4 class="name" id="isVisible">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>if given property should be visible. It can be either boolean for all possible views, or
-you can verify which view in particular should be hidden/shown.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>if given property should be visible. It can be either boolean for all possible views, or
+<p>you can verify which view in particular should be hidden/shown.</p>
 </div>
 
 
@@ -1798,8 +1798,8 @@ <h4 class="name" id="position">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>position of the field in a list,
-title field (isTitle) gets position -1 by default other
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>position of the field in a list,
+<p>title field (isTitle) gets position -1 by default other
 fields gets position = 100.</p>
 </div>
 
@@ -1879,8 +1879,8 @@ <h4 class="name" id="props">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Additional props passed to the actual React component rendering given property in Edit
-component.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Additional props passed to the actual React component rendering given property in Edit
+<p>component.</p>
 </div>
 
 
@@ -2011,8 +2011,8 @@ <h4 class="name" id="reference">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Name of the resource to which this property should be a reference.
-If set - PropertyOptions.type always returns <code>reference</code></p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Name of the resource to which this property should be a reference.
+<p>If set - PropertyOptions.type always returns <code>reference</code></p>
 </div>
 
 
@@ -2091,7 +2091,7 @@ <h4 class="name" id="type">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Property type</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Property type
 </div>
 
 
diff --git a/docs/RecordJSON.html b/docs/RecordJSON.html
index 4f2eb95d..f9fb4c1d 100644
--- a/docs/RecordJSON.html
+++ b/docs/RecordJSON.html
@@ -196,7 +196,7 @@ <h2>RecordJSON</h2>
     <div class="container-overview">
     
         
-            <div class="description"><script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>JSON representation of an record</p></div>
+            <div class="description"><script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>JSON representation of an record</div>
         
 
         
@@ -288,7 +288,7 @@ <h4 class="name" id="bulkActions">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Actions which can be performed on this record in a bulk.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Actions which can be performed on this record in a bulk.
 </div>
 
 
@@ -365,7 +365,7 @@ <h4 class="name" id="errors">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>List of all validation errors</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>List of all validation errors
 </div>
 
 
@@ -442,7 +442,7 @@ <h4 class="name" id="id">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Uniq Id of a record. Not present if the record is new (in NewAction)</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Uniq Id of a record. Not present if the record is new (in NewAction)
 </div>
 
 
@@ -519,7 +519,7 @@ <h4 class="name" id="params">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>all flatten params of given record</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>all flatten params of given record
 </div>
 
 
@@ -596,7 +596,7 @@ <h4 class="name" id="populated">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>If the record has properties which are references - here there will be populated records</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>If the record has properties which are references - here there will be populated records
 </div>
 
 
@@ -673,7 +673,7 @@ <h4 class="name" id="recordActions">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Actions which can be performed on this record.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Actions which can be performed on this record.
 </div>
 
 
@@ -750,7 +750,7 @@ <h4 class="name" id="title">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Title of an record. Not present if the record is new (in NewAction)</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Title of an record. Not present if the record is new (in NewAction)
 </div>
 
 
diff --git a/docs/RecordsTableHeader.html b/docs/RecordsTableHeader.html
index ba7ef72c..9489e8ab 100644
--- a/docs/RecordsTableHeader.html
+++ b/docs/RecordsTableHeader.html
@@ -222,7 +222,7 @@ <h4 class="name" id="RecordsTableHeader">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Prints <code>thead</code> section for table with records.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Prints `thead` section for table with records.
 <pre class="prettyprint source"><code>import { RecordsTableHeader } from 'adminjs'
 </code></pre>
     </div>
diff --git a/docs/Resource.html b/docs/Resource.html
index 961e9303..06a1d286 100644
--- a/docs/Resource.html
+++ b/docs/Resource.html
@@ -409,7 +409,7 @@ <h4 class="name" id="parseParams">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Check all params against values they hold. In case of wrong value it corrects it.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Check all params against values they hold. In case of wrong value it corrects it.
 <p>What it does exactly:</p>
 <ul>
 <li>removes keys with empty strings for the <code>number</code>, <code>float</code> and 'reference' properties.</li>
@@ -586,7 +586,7 @@ <h4 class="name" id="prepareParams">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Converts params from string to final type</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Converts params from string to final type
     </div>
     
 
diff --git a/docs/ResourceDecorator.html b/docs/ResourceDecorator.html
index a2255ec7..57987e3e 100644
--- a/docs/ResourceDecorator.html
+++ b/docs/ResourceDecorator.html
@@ -513,7 +513,7 @@ <h4 class="name" id="actions">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Actions for a resource</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Actions for a resource
 </div>
 
 
@@ -590,7 +590,7 @@ <h4 class="name" id="options">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Options passed along with a given resource</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Options passed along with a given resource
 </div>
 
 
@@ -659,8 +659,8 @@ <h4 class="name" id="properties">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Map of all root level properties. By root properties we mean property which is not nested
-under other mixed property.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Map of all root level properties. By root properties we mean property which is not nested
+<p>under other mixed property.</p>
 <p>Examples from PropertyOptions:
 {
 rootProperty: { type: mixed }, // root property</p>
@@ -746,7 +746,7 @@ <h4 class="name" id="properties">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>List of all decorated root properties</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>List of all decorated root properties
 </div>
 
 
@@ -823,8 +823,8 @@ <h4 class="name" id="properties">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Map of all root level properties. By root properties we mean property which is not nested
-under other mixed property.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Map of all root level properties. By root properties we mean property which is not nested
+<p>under other mixed property.</p>
 <p>Examples from PropertyOptions:
 {
 rootProperty: { type: mixed }, // root property</p>
@@ -914,8 +914,8 @@ <h4 class="name" id="bulkActions">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>List of all actions which should be invoked for entire resource and not
-for a particular record</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>List of all actions which should be invoked for entire resource and not
+<p>for a particular record</p>
     </div>
     
 
@@ -1088,7 +1088,7 @@ <h4 class="name" id="getFlattenProperties">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Returns all the properties with corresponding subProperties in one object.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Returns all the properties with corresponding subProperties in one object.
     </div>
     
 
@@ -1208,8 +1208,8 @@ <h4 class="name" id="getNavigation">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Returns resource parent along with the icon. By default it is a
-database type with its icon</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Returns resource parent along with the icon. By default it is a
+<p>database type with its icon</p>
     </div>
     
 
@@ -1331,7 +1331,7 @@ <h4 class="name" id="getProperties">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Returns list of all properties which will be visible in given place (where)</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Returns list of all properties which will be visible in given place (where)
     </div>
     
 
@@ -1580,7 +1580,7 @@ <h4 class="name" id="getPropertyByKey">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Returns propertyDecorator by giving property path</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Returns propertyDecorator by giving property path
     </div>
     
 
@@ -1751,7 +1751,7 @@ <h4 class="name" id="getResourceName">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Returns the name for the resource.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Returns the name for the resource.
     </div>
     
 
@@ -1873,7 +1873,7 @@ <h4 class="name" id="id">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Returns the id for the resource.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Returns the id for the resource.
     </div>
     
 
@@ -1995,8 +1995,8 @@ <h4 class="name" id="recordActions">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>List of all actions which should be invoked for given record and not
-for an entire resource</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>List of all actions which should be invoked for given record and not
+<p>for an entire resource</p>
     </div>
     
 
@@ -2181,8 +2181,8 @@ <h4 class="name" id="resourceActions">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>List of all actions which should be invoked for entire resource and not
-for a particular record</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>List of all actions which should be invoked for entire resource and not
+<p>for a particular record</p>
     </div>
     
 
@@ -2355,7 +2355,7 @@ <h4 class="name" id="titleOf">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Returns title for given record.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Returns title for given record.
 <p>For example: If given record has <code>name</code> property and this property has <code>isTitle</code> flag set in
 options or by the Adapter - value for this property will be shown</p>
     </div>
@@ -2530,7 +2530,7 @@ <h4 class="name" id="titleProperty">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Returns PropertyDecorator of a property which should be treated as a title property.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Returns PropertyDecorator of a property which should be treated as a title property.
     </div>
     
 
@@ -2652,7 +2652,7 @@ <h4 class="name" id="toJSON">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Returns JSON representation of a resource</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Returns JSON representation of a resource
     </div>
     
 
diff --git a/docs/ResourceJSON.html b/docs/ResourceJSON.html
index 2288d125..89ea2943 100644
--- a/docs/ResourceJSON.html
+++ b/docs/ResourceJSON.html
@@ -196,7 +196,7 @@ <h2>ResourceJSON</h2>
     <div class="container-overview">
     
         
-            <div class="description"><script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Resource object accessible on the fronted</p></div>
+            <div class="description"><script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Resource object accessible on the fronted</div>
         
 
         
@@ -288,7 +288,7 @@ <h4 class="name" id="actions">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>All actions - whether they are available or not.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>All actions - whether they are available or not.
 </div>
 
 
@@ -365,7 +365,7 @@ <h4 class="name" id="editProperties">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Properties which should be visible on the edit view</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Properties which should be visible on the edit view
 </div>
 
 
@@ -442,7 +442,7 @@ <h4 class="name" id="filterProperties">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Properties which should be visible on the filter</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Properties which should be visible on the filter
 </div>
 
 
@@ -522,7 +522,7 @@ <h4 class="name" id="href">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>url to a resource list action. If null - resource should not be seen in the sidebar.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>url to a resource list action. If null - resource should not be seen in the sidebar.
 </div>
 
 
@@ -599,7 +599,7 @@ <h4 class="name" id="id">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Unique Id of a resource</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Unique Id of a resource
 </div>
 
 
@@ -676,7 +676,7 @@ <h4 class="name" id="listProperties">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Properties which should be visible on the list</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Properties which should be visible on the list
 </div>
 
 
@@ -753,7 +753,7 @@ <h4 class="name" id="name">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Resource name</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Resource name
 </div>
 
 
@@ -833,7 +833,7 @@ <h4 class="name" id="navigation">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Resource parent - visible on the sidebar</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Resource parent - visible on the sidebar
 </div>
 
 
@@ -1011,8 +1011,8 @@ <h4 class="name" id="properties">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Map of all properties inside the resource. It also contains nested properties.
-So this is the easies way of getting any property you like from a resource.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Map of all properties inside the resource. It also contains nested properties.
+<p>So this is the easies way of getting any property you like from a resource.</p>
 </div>
 
 
@@ -1089,7 +1089,7 @@ <h4 class="name" id="resourceActions">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Actions available for entire resource with type: resource</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Actions available for entire resource with type: resource
 </div>
 
 
@@ -1166,7 +1166,7 @@ <h4 class="name" id="showProperties">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Properties which should be visible on the show view</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Properties which should be visible on the show view
 </div>
 
 
@@ -1243,7 +1243,7 @@ <h4 class="name" id="titleProperty">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Property which should be treated as a Main property</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Property which should be treated as a Main property
 </div>
 
 
diff --git a/docs/ResourceOptions.html b/docs/ResourceOptions.html
index e95b15e3..4a7159e0 100644
--- a/docs/ResourceOptions.html
+++ b/docs/ResourceOptions.html
@@ -196,7 +196,7 @@ <h2>ResourceOptions</h2>
     <div class="container-overview">
     
         
-            <div class="description"><script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Options for given resource</p>
+            <div class="description"><script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Options for given resource
 <h3>Usage with TypeScript</h3>
 <pre class="prettyprint source lang-typescript"><code>import { ResourceOptions } from 'adminjs'
 </code></pre></div>
@@ -296,7 +296,7 @@ <h4 class="name" id="actions">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>List of all actions along with their options</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>List of all actions along with their options
 </div>
 
 
@@ -652,7 +652,7 @@ <h4 class="name" id="editProperties">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>List of properties which should be visible on edit view</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>List of properties which should be visible on edit view
 </div>
 
 
@@ -731,7 +731,7 @@ <h4 class="name" id="filterProperties">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>List of properties which should be visible on the filter</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>List of properties which should be visible on the filter
 </div>
 
 
@@ -813,7 +813,7 @@ <h4 class="name" id="href">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Where resource link in sidebar should redirect. Default to the list action.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Where resource link in sidebar should redirect. Default to the list action.
 </div>
 
 
@@ -892,7 +892,7 @@ <h4 class="name" id="id">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Unique id of a resource.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Unique id of a resource.
 <p>So let's suppose that you connected 2 databases to AdminJS. Both of them have
 the same collection: 'users'. In this case AdminJS wont be able to distinguish them.
 In this case changing Id of one of the resources helps to solve this issue.</p>
@@ -974,7 +974,7 @@ <h4 class="name" id="listProperties">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>List of properties which should be visible on a list</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>List of properties which should be visible on a list
 </div>
 
 
@@ -1062,8 +1062,8 @@ <h4 class="name" id="navigation">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Navigation option saying under which menu this resource should be nested in sidebar.
-Default to the database name.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Navigation option saying under which menu this resource should be nested in sidebar.
+<p>Default to the database name.</p>
 <p>You have couple of options:</p>
 <ul>
 <li>when you set both navigation.name and navigation.icon this resource will be nested under
@@ -1432,7 +1432,7 @@ <h4 class="name" id="properties">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>List of properties along with their options</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>List of properties along with their options
 </div>
 
 
@@ -1511,7 +1511,7 @@ <h4 class="name" id="showProperties">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>List of properties which should be visible on show view</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>List of properties which should be visible on show view
 </div>
 
 
@@ -1590,7 +1590,7 @@ <h4 class="name" id="sort">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Default sort property and direction.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Default sort property and direction.
 </div>
 
 
@@ -1948,7 +1948,7 @@ <h4 class="name" id="HrefFunction">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Function returning string or string</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Function returning string or string
     </div>
     
 
diff --git a/docs/Resource_Resource.html b/docs/Resource_Resource.html
index be4c7e24..da76b6ab 100644
--- a/docs/Resource_Resource.html
+++ b/docs/Resource_Resource.html
@@ -221,7 +221,7 @@ <h4 class="name" id="Resource">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Initialize the class with the Resource name</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Initialize the class with the Resource name
     </div>
     
 
diff --git a/docs/RichText.html b/docs/RichText.html
index e3a0ecca..9074afd0 100644
--- a/docs/RichText.html
+++ b/docs/RichText.html
@@ -328,7 +328,7 @@ <h4 class="name" id="DefaultQuillToolbarOptions">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>variable holding a default quill toolbar. It looks like this:</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>variable holding a default quill toolbar. It looks like this:
 <pre class="prettyprint source lang-javascript"><code>export const DefaultQuillToolbarOptions = [
   [{ header: [1, 2, 3, 4, 5, 6, false] }],
   ['bold', 'italic', 'underline', 'strike'], // toggled buttons
@@ -432,7 +432,7 @@ <h4 class="name" id="QuillOptions">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Prop Types of a a Quill editor</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Prop Types of a a Quill editor
 </div>
 
 
@@ -960,7 +960,7 @@ <h4 class="name" id="RichTextOnChange">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>OnChange callback passed to <a href="RichText.html#RichTextProps">RichTextProps</a></p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>OnChange callback passed to <a href="RichText.html#RichTextProps">RichTextProps</a>
     </div>
     
 
@@ -1113,7 +1113,7 @@ <h4 class="name" id="RichTextProps">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Prop Types of an entire RichText</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Prop Types of an entire RichText
 </div>
 
 
diff --git a/docs/Router.html b/docs/Router.html
index a8114937..8461dc7d 100644
--- a/docs/Router.html
+++ b/docs/Router.html
@@ -292,7 +292,7 @@ <h4 class="name" id="RouterType">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Type representing the AdminJS.Router</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Type representing the AdminJS.Router
 </div>
 
 
diff --git a/docs/ShowAction.html b/docs/ShowAction.html
index 668436fd..aaf9978f 100644
--- a/docs/ShowAction.html
+++ b/docs/ShowAction.html
@@ -226,7 +226,7 @@ <h4 class="name" id="ShowAction">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Shows a given record.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Shows a given record.
     </div>
     
 
@@ -387,7 +387,7 @@ <h4 class="name" id="ShowAction">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Shows a given record.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Shows a given record.
     </div>
     
 
diff --git a/docs/SidebarResourceSection.html b/docs/SidebarResourceSection.html
index f39168a0..135c758c 100644
--- a/docs/SidebarResourceSection.html
+++ b/docs/SidebarResourceSection.html
@@ -222,7 +222,7 @@ <h4 class="name" id="SidebarResourceSection">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Groups resources by sections and renders the list in Sidebar</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Groups resources by sections and renders the list in Sidebar
 <h3>Usage</h3>
 <pre class="prettyprint source"><code>import { SidebarResourceSection } from 'adminjs`
 </code></pre>
diff --git a/docs/Step.html b/docs/Step.html
index 90aea857..c40bc8cc 100644
--- a/docs/Step.html
+++ b/docs/Step.html
@@ -403,7 +403,7 @@ <h4 class="name" id="OnStepClickHandler">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Handler which is invoked when user clicks given step</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Handler which is invoked when user clicks given step
     </div>
     
 
diff --git a/docs/Text.html b/docs/Text.html
index d8e63458..d1dd5331 100644
--- a/docs/Text.html
+++ b/docs/Text.html
@@ -362,8 +362,8 @@ <h4 class="name" id="TextProps">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Prop Types of a Text component.
-Apart from variant it extends all <a href="Theme.html#ColorProps">ColorProps</a>, <a href="Theme.html#SpaceProps">SpaceProps</a> and
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Prop Types of a Text component.
+<p>Apart from variant it extends all <a href="Theme.html#ColorProps">ColorProps</a>, <a href="Theme.html#SpaceProps">SpaceProps</a> and
 <a href="Theme.html#TypographyProps">TypographyProps</a></p>
 </div>
 
diff --git a/docs/TextArea.html b/docs/TextArea.html
index edd2ba48..5dc06e52 100644
--- a/docs/TextArea.html
+++ b/docs/TextArea.html
@@ -358,8 +358,8 @@ <h4 class="name" id="TextAreaProps">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Prop Types of a TextArea component.
-It extends all <a href="Theme.html#SpaceProps">SpaceProps</a>, <a href="Theme.html#TypographyProps">TypographyProps</a> and <a href="Theme.html#LayoutProps">LayoutProps</a></p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Prop Types of a TextArea component.
+<p>It extends all <a href="Theme.html#SpaceProps">SpaceProps</a>, <a href="Theme.html#TypographyProps">TypographyProps</a> and <a href="Theme.html#LayoutProps">LayoutProps</a></p>
 </div>
 
 
diff --git a/docs/Theme.html b/docs/Theme.html
index 2bfb0948..0122bea3 100644
--- a/docs/Theme.html
+++ b/docs/Theme.html
@@ -284,7 +284,7 @@ <h4 class="name" id="borders">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Border styles</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Border styles
 </div>
 
 
@@ -478,8 +478,8 @@ <h4 class="name" id="borderWidths">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Border widths set for an entire layout. If you like to have border radius in Button's and Box'es
-Then set default property.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Border widths set for an entire layout. If you like to have border radius in Button's and Box'es
+<p>Then set default property.</p>
 </div>
 
 
@@ -604,7 +604,7 @@ <h4 class="name" id="breakpoints">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Responsive breakpoints</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Responsive breakpoints
 <p>How to use them - simply pass an array to given prop:</p>
 <pre class="prettyprint source lang-javascript"><code>// Showing box on mobile devices
 &lt;Box display={[&quot;block&quot;, &quot;none&quot;]}>...&lt;/Box>
@@ -831,7 +831,7 @@ <h4 class="name" id="colors">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Color palette.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Color palette.
 </div>
 
 
@@ -2726,8 +2726,8 @@ <h4 class="name" id="shadows">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>This dimension can be used with <code>testShadow</code> and <code>boxShadow</code> props provided
-by <a href="Theme%250Aproperty%2520%257Bstring%257D%2520%255BboxShadow%255D%250Aproperty%2520%257Bstring%257D%2520%255BtextShadow%255D.html#ShadowProps">ShadowProps</a></p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>This dimension can be used with `testShadow` and `boxShadow` props provided
+<p>by <a href="Theme%250Aproperty%2520%257Bstring%257D%2520%255BboxShadow%255D%250Aproperty%2520%257Bstring%257D%2520%255BtextShadow%255D.html#ShadowProps">ShadowProps</a></p>
 <pre class="prettyprint source lang-javascript"><code>&lt;Box variant=&quot;grey&quot; boxShadow=&quot;card&quot;>Some content...&lt;/Box>
 </code></pre>
 </div>
@@ -3160,7 +3160,7 @@ <h4 class="name" id="space">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Sizes can be used with paddings, margins etc.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Sizes can be used with paddings, margins etc.
 <p>This is the example of using responsive margin with Box component</p>
 <pre class="prettyprint source lang-javascript"><code>&lt;Box p=['default', 'xl']>some content&lt;/Box>
 </code></pre>
@@ -3571,7 +3571,7 @@ <h4 class="name" id=".themeGet">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Handy utility function which simplifies taking values from the <a href="Theme.html">Theme</a>.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Handy utility function which simplifies taking values from the <a href="Theme.html">Theme</a>.
 <h3>Example</h3>
 <pre class="prettyprint source lang-javascript"><code>import { Box, themeGet } from '@adminjs/design-system'
 
@@ -3855,7 +3855,7 @@ <h4 class="name" id="BorderProps">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>The border utility includes all style props related to border</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>The border utility includes all style props related to border
 </div>
 
 
@@ -4817,8 +4817,8 @@ <h4 class="name" id="ColorProps">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>The color utility parses a component's color and bg props and converts them into CSS
-declarations. By default the raw value of the prop is returned. But most often you
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>The color utility parses a component's color and bg props and converts them into CSS
+<p>declarations. By default the raw value of the prop is returned. But most often you
 would use one of the color from the <a href="Theme.html">color palette</a>.</p>
 </div>
 
@@ -4992,8 +4992,8 @@ <h4 class="name" id="FlexboxProps">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>The flexbox utility includes style props for alignItems, alignContent, justifyItems,
-justifyContent, flexWrap, flexDirection, flex, flexGrow, flexShrink, flexBasis,
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>The flexbox utility includes style props for alignItems, alignContent, justifyItems,
+<p>justifyContent, flexWrap, flexDirection, flex, flexGrow, flexShrink, flexBasis,
 justifySelf, alignSelf, and order.</p>
 <p>The width prop is transformed based on the following:</p>
 <ul>
@@ -5554,8 +5554,8 @@ <h4 class="name" id="LayoutProps">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>The layout utility includes style props for width, height, display, minWidth,
-minHeight, maxWidth, maxHeight, size, verticalAlign, overflow, overflowX, and overflowY.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>The layout utility includes style props for width, height, display, minWidth,
+<p>minHeight, maxWidth, maxHeight, size, verticalAlign, overflow, overflowX, and overflowY.</p>
 <p>The width prop is transformed based on the following:</p>
 <ul>
 <li>Numbers from 0-1 are converted to percentage widths.</li>
@@ -6063,8 +6063,8 @@ <h4 class="name" id="SpaceProps">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>The space utility converts shorthand margin and padding props to margin and padding
-CSS declarations.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>The space utility converts shorthand margin and padding props to margin and padding
+<p>CSS declarations.</p>
 <p>You can use as a value raw dimensions in &quot;px&quot; or one of the value from the
 <a href="Theme.html">space scale</a>.</p>
 </div>
@@ -6610,8 +6610,8 @@ <h4 class="name" id="TypographyProps">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Typography props include <em>fontFamily</em>, <em>fontSize</em>, <em>fontWeight</em>, <em>lineHeight</em>, <em>letterSpacing</em>,
-<em>textAlign</em>, and <em>fontStyle</em>.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Typography props include _fontFamily_, _fontSize_, _fontWeight_, _lineHeight_, _letterSpacing_,
+<p><em>textAlign</em>, and <em>fontStyle</em>.</p>
 </div>
 
 
@@ -6939,7 +6939,7 @@ <h4 class="name" id="VariantType">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Reused Variant Enum: <code>primary</code> | <code>danger</code> | <code>success</code> | <code>info</code> | <code>secondary</code> | <code>default</code></p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Reused Variant Enum: `primary` | `danger` | `success` | `info` | `secondary` | `default`
 </div>
 
 
diff --git a/docs/Tooltip.html b/docs/Tooltip.html
index 175996de..0619ef5e 100644
--- a/docs/Tooltip.html
+++ b/docs/Tooltip.html
@@ -334,7 +334,7 @@ <h4 class="name" id="TooltipProps">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Props passed to the <a href="Tooltip.html">Tooltip</a> component.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Props passed to the <a href="Tooltip.html">Tooltip</a> component.
 </div>
 
 
diff --git a/docs/TranslateFunctions.html b/docs/TranslateFunctions.html
index 8a7249ad..618a4024 100644
--- a/docs/TranslateFunctions.html
+++ b/docs/TranslateFunctions.html
@@ -196,8 +196,8 @@ <h2>TranslateFunctions</h2>
     <div class="container-overview">
     
         
-            <div class="description"><script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Translate Functions are the helper functions which you can use to translate
-your application.</p>
+            <div class="description"><script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Translate Functions are the helper functions which you can use to translate
+<p>your application.</p>
 <p>On the fronted they can be used with <a href="useTranslation.html">useTranslation</a> hook. On the backend
 they are injected to any <a href="AdminJS.html">AdminJS</a> instance and <a href="Action.html#ActionContext">ActionContext</a>.</p></div>
         
@@ -291,7 +291,7 @@ <h4 class="name" id="t">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>shortcut for I18n.translate function.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>shortcut for I18n.translate function.
 </div>
 
 
@@ -375,7 +375,7 @@ <h4 class="name" id="ta">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Shortcut for <a href="TranslateFunctions.html#translateAction">TranslateFunctions#translateAction</a></p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Shortcut for <a href="TranslateFunctions.html#translateAction">TranslateFunctions#translateAction</a>
 </div>
 
 
@@ -452,7 +452,7 @@ <h4 class="name" id="tb">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Shortcut for <a href="TranslateFunctions.html#translateButton">TranslateFunctions#translateButton</a></p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Shortcut for <a href="TranslateFunctions.html#translateButton">TranslateFunctions#translateButton</a>
 </div>
 
 
@@ -529,7 +529,7 @@ <h4 class="name" id="tl">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Shortcut for <a href="TranslateFunctions.html#translateLabel">TranslateFunctions#translateLabel</a></p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Shortcut for <a href="TranslateFunctions.html#translateLabel">TranslateFunctions#translateLabel</a>
 </div>
 
 
@@ -606,7 +606,7 @@ <h4 class="name" id="tm">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Shortcut for <a href="TranslateFunctions.html#translateMessage">TranslateFunctions#translateMessage</a></p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Shortcut for <a href="TranslateFunctions.html#translateMessage">TranslateFunctions#translateMessage</a>
 </div>
 
 
@@ -683,7 +683,7 @@ <h4 class="name" id="tp">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Shortcut for <a href="TranslateFunctions.html#translateProperty">TranslateFunctions#translateProperty</a></p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Shortcut for <a href="TranslateFunctions.html#translateProperty">TranslateFunctions#translateProperty</a>
 </div>
 
 
@@ -760,7 +760,7 @@ <h4 class="name" id="translate">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>I18n.translate function.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>I18n.translate function.
 </div>
 
 
@@ -844,8 +844,8 @@ <h4 class="name" id="translateAction">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Translates all <a href="Action.html">actions</a>, to be more specific - their labels.
-By default, it looks for a <a href="AdminJSOptions.html#LocaleTranslations">translation key</a> in
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Translates all <a href="Action.html">actions</a>, to be more specific - their labels.
+<p>By default, it looks for a <a href="AdminJSOptions.html#LocaleTranslations">translation key</a> in
 <code>resource.{resourceId}.actions.{actionName}</code>, when it doesn't find
 that, the lookup is moved to <code>actions.{actionName}</code>.
 Finally, when that also fails, it returns startCase of the action name.</p>
@@ -925,8 +925,8 @@ <h4 class="name" id="translateButton">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Translates all buttons.
-By default, it looks for a <a href="AdminJSOptions.html#LocaleTranslations">translation key</a> in
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Translates all buttons.
+<p>By default, it looks for a <a href="AdminJSOptions.html#LocaleTranslations">translation key</a> in
 <code>resource.{resourceId}.buttons.{actionName}</code>, when it doesn't find
 that, the lookup is moved to <code>buttons.{actionName}</code>.
 Finally, when that also fails, it returns startCase of the given button name.</p>
@@ -1006,8 +1006,8 @@ <h4 class="name" id="translateLabel">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Translates all labels. Most of all all resource names are treated as labels.
-Also, labels are texts in the user interface which cannot be recognized
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Translates all labels. Most of all all resource names are treated as labels.
+<p>Also, labels are texts in the user interface which cannot be recognized
 as any other type.
 By default, it looks for a <a href="AdminJSOptions.html#LocaleTranslations">translation key</a> in
 <code>resource.{resourceId}.labels.{actionName}</code>, when it doesn't find
@@ -1089,8 +1089,8 @@ <h4 class="name" id="translateMessage">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Translates all the messages in the application.
-By default, it looks for a <a href="AdminJSOptions.html#LocaleTranslations">translation key</a> in
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Translates all the messages in the application.
+<p>By default, it looks for a <a href="AdminJSOptions.html#LocaleTranslations">translation key</a> in
 <code>resource.{resourceId}.messages.{messageName}</code>, when it doesn't find
 that, the lookup is moved to <code>messages.{messageName}</code>.
 Finally, when that also fails, it returns startCase of the given message name.</p>
@@ -1170,8 +1170,8 @@ <h4 class="name" id="translateProperty">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Translates all the property names.
-By default, it looks for a <a href="AdminJSOptions.html#LocaleTranslations">translation key</a> in
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Translates all the property names.
+<p>By default, it looks for a <a href="AdminJSOptions.html#LocaleTranslations">translation key</a> in
 <code>resource.{resourceId}.properties.{propertyPath}</code>, when it doesn't find
 that, the lookup is moved to <code>properties.{propertyPath}</code>. When that fails,
 it returns startCase of the given property name.</p>
diff --git a/docs/ValidationError.html b/docs/ValidationError.html
index 8b2aa3dd..cb8b60e5 100644
--- a/docs/ValidationError.html
+++ b/docs/ValidationError.html
@@ -445,8 +445,8 @@ <h4 class="name" id="baseError">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>One root validation error i.e. thrown when user wants to perform
-an action which violates foreign key constraint</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>One root validation error i.e. thrown when user wants to perform
+<p>an action which violates foreign key constraint</p>
 </div>
 
 
@@ -526,8 +526,8 @@ <h4 class="name" id="baseError">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>One root validation error i.e. thrown when user wants to perform
-an action which violates foreign key constraint</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>One root validation error i.e. thrown when user wants to perform
+<p>an action which violates foreign key constraint</p>
 </div>
 
 
@@ -596,7 +596,7 @@ <h4 class="name" id="propertyErrors">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Validation errors for all properties</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Validation errors for all properties
 </div>
 
 
@@ -673,7 +673,7 @@ <h4 class="name" id="propertyErrors">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Validation errors for all properties</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Validation errors for all properties
 </div>
 
 
@@ -742,7 +742,7 @@ <h4 class="name" id="statusCode">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>HTTP Status code: 400</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>HTTP Status code: 400
 </div>
 
 
@@ -819,7 +819,7 @@ <h4 class="name" id="statusCode">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>HTTP Status code: 400</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>HTTP Status code: 400
 </div>
 
 
@@ -907,7 +907,7 @@ <h4 class="name" id="PropertyErrors">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Property Errors</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Property Errors
 </div>
 
 
@@ -1036,7 +1036,7 @@ <h4 class="name" id="RecordError">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Record Error</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Record Error
 </div>
 
 
diff --git a/docs/ValueGroup.html b/docs/ValueGroup.html
index cb190a77..4886e2f6 100644
--- a/docs/ValueGroup.html
+++ b/docs/ValueGroup.html
@@ -336,7 +336,7 @@ <h4 class="name" id="ValueGroupProps">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Props passed to ValueGroup</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Props passed to ValueGroup
 </div>
 
 
diff --git a/docs/ViewHelpers.html b/docs/ViewHelpers.html
index 71dc6a1a..fc404861 100644
--- a/docs/ViewHelpers.html
+++ b/docs/ViewHelpers.html
@@ -351,7 +351,7 @@ <h4 class="name" id="bulkActionUrl">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Returns bulkAction url</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Returns bulkAction url
     </div>
     
 
@@ -630,7 +630,7 @@ <h4 class="name" id="bulkDeleteUrl">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Returns url for a <code>bulkDelete</code> action in given Resource. Uses bulkActionUrl</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Returns url for a `bulkDelete` action in given Resource. Uses bulkActionUrl
     </div>
     
 
@@ -879,7 +879,7 @@ <h4 class="name" id="dashboardUrl">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Returns URL for the dashboard</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Returns URL for the dashboard
     </div>
     
 
@@ -999,7 +999,7 @@ <h4 class="name" id="deleteUrl">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Returns url for a <code>delete</code> action in given Resource. Uses recordActionUrl</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Returns url for a `delete` action in given Resource. Uses recordActionUrl
     </div>
     
 
@@ -1248,7 +1248,7 @@ <h4 class="name" id="editUrl">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Returns url for a <code>edit</code> action in given Resource. Uses recordActionUrl</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Returns url for a `edit` action in given Resource. Uses recordActionUrl
     </div>
     
 
@@ -1497,7 +1497,7 @@ <h4 class="name" id="listUrl">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Returns url for a <code>list</code> action in given Resource. Uses resourceActionUrl</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Returns url for a `list` action in given Resource. Uses resourceActionUrl
     </div>
     
 
@@ -1713,7 +1713,7 @@ <h4 class="name" id="loginUrl">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Returns login URL</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Returns login URL
     </div>
     
 
@@ -1833,7 +1833,7 @@ <h4 class="name" id="logoutUrl">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Returns logout URL</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Returns logout URL
     </div>
     
 
@@ -1953,7 +1953,7 @@ <h4 class="name" id="newUrl">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Returns url for a <code>new</code> action in given Resource. Uses resourceActionUrl</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Returns url for a `new` action in given Resource. Uses resourceActionUrl
     </div>
     
 
@@ -2169,7 +2169,7 @@ <h4 class="name" id="pageUrl">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Returns URL for given page name</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Returns URL for given page name
     </div>
     
 
@@ -2341,7 +2341,7 @@ <h4 class="name" id="recordActionUrl">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Returns recordAction url</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Returns recordAction url
     </div>
     
 
@@ -2584,7 +2584,7 @@ <h4 class="name" id="resourceActionUrl">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Returns resourceAction url</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Returns resourceAction url
     </div>
     
 
@@ -2863,7 +2863,7 @@ <h4 class="name" id="showUrl">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Returns url for a <code>show</code> action in given Resource. Uses recordActionUrl</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Returns url for a `show` action in given Resource. Uses recordActionUrl
     </div>
     
 
@@ -3126,7 +3126,7 @@ <h4 class="name" id="ActionParams">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Base Params for a any function</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Base Params for a any function
 </div>
 
 
@@ -3323,7 +3323,7 @@ <h4 class="name" id="BulkActionParams">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Params for a bulk action</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Params for a bulk action
 </div>
 
 
@@ -3462,7 +3462,7 @@ <h4 class="name" id="RecordActionParams">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Params for a record action</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Params for a record action
 </div>
 
 
diff --git a/docs/global.html b/docs/global.html
index b4b81601..ea9a8330 100644
--- a/docs/global.html
+++ b/docs/global.html
@@ -275,8 +275,8 @@ <h4 class="name" id="CustomParser">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>It wasn't possible to pass raw filters to adapters with AdminJS
-This solution allows you to pass custom filters to typeorm adapter modyfing list handler</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>It wasn't possible to pass raw filters to adapters with AdminJS
+<p>This solution allows you to pass custom filters to typeorm adapter modyfing list handler</p>
 <p>In your custom list handler modify creating filters in this way:</p>
 <pre class="prettyprint source"><code>// That makes `Filter` class to create proper filter object.
 filters[propertyToFilterBy] = 1;
@@ -355,8 +355,8 @@ <h4 class="name" id="lowerCase">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>This function is used to map actual model name to it's prisma manager.
-Ref: https://github.com/prisma/prisma/blob/ba74c81fdbc9e6405946fdc6f9d42d103d008dc2/packages/client/src/runtime/utils/common.ts#L452</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>This function is used to map actual model name to it's prisma manager.
+<p>Ref: https://github.com/prisma/prisma/blob/ba74c81fdbc9e6405946fdc6f9d42d103d008dc2/packages/client/src/runtime/utils/common.ts#L452</p>
 </div>
 
 
@@ -429,7 +429,7 @@ <h4 class="name" id="relativeFilePathResolver">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>resolve relative file path to absolute file path.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>resolve relative file path to absolute file path.
 </div>
 
 
@@ -502,7 +502,7 @@ <h4 class="name" id="validatePropertiesGlobally">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Checks if all properties have uniq names</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Checks if all properties have uniq names
 </div>
 
 
@@ -583,7 +583,7 @@ <h4 class="name" id="buildFeature">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Higher Order Function which creates a feature</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Higher Order Function which creates a feature
     </div>
     
 
@@ -765,7 +765,7 @@ <h4 class="name" id="mergeResourceOptions">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Merges 2 ResourceOptions together. Used by features</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Merges 2 ResourceOptions together. Used by features
 <ul>
 <li>'id', 'href', 'parent', 'sort' from <code>newOptions</code> override <code>oldOptions</code></li>
 <li>'listProperties', 'showProperties', 'editProperties', 'filterProperties'
@@ -1299,7 +1299,7 @@ <h4 class="name" id="NonNullishPartialRecord">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>NonNullishPartialRecord</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>NonNullishPartialRecord
 </div>
 
 
@@ -1428,7 +1428,7 @@ <h4 class="name" id="PropertyCustom">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Custom (<a href="PropertyOptions.html#custom">PropertyOptions#custom</a>) properties passed down to the component.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Custom (<a href="PropertyOptions.html#custom">PropertyOptions#custom</a>) properties passed down to the component.
 </div>
 
 
diff --git a/docs/module-@adminjs_bundler.html b/docs/module-@adminjs_bundler.html
index 7a3e69c8..24b9ae66 100644
--- a/docs/module-@adminjs_bundler.html
+++ b/docs/module-@adminjs_bundler.html
@@ -323,8 +323,8 @@ <h4 class="name" id=".bundle">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Bundles AdminJS javascript browser files. This is an alternative to bundling those files on server startup.
-The bundled files are stored in &quot;destinationDir&quot;. Afterwards, you can for example:</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Bundles AdminJS javascript browser files. This is an alternative to bundling those files on server startup.
+<p>The bundled files are stored in &quot;destinationDir&quot;. Afterwards, you can for example:</p>
 <ol>
 <li>Upload those files to a public storage bucket and tell AdminJS to use files from there:</li>
 </ol>
@@ -517,7 +517,7 @@ <h4 class="name" id="BundleConfig">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Options for the bundler</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Options for the bundler
 </div>
 
 
@@ -797,7 +797,7 @@ <h4 class="name" id="BundleFile">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>AdminJS file config</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>AdminJS file config
 </div>
 
 
diff --git a/docs/module-@adminjs_design-system.html b/docs/module-@adminjs_design-system.html
index 6376e03d..02c51f38 100644
--- a/docs/module-@adminjs_design-system.html
+++ b/docs/module-@adminjs_design-system.html
@@ -197,7 +197,93 @@ <h1>@adminjs/design-system</h1>
     <div class="container-overview">
     
         
-            <div class="description"><script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script></div>
+            <div class="description"><script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>
+<p>This package consists of all DesignSystem components from <a href="adminjs.co">AdminJS</a> so you can
+use all of them outside the <code>adminjs</code> core.</p>
+<h2>Installation outside the AdminJS</h2>
+<pre class="prettyprint source lang-bash"><code>yarn add styled-components @adminjs/design-system
+</code></pre>
+<p>Optionally, if you use typescript, you might want to install types for <code>styled-components</code></p>
+<pre class="prettyprint source lang-bash"><code>yarn add --dev @types/styled-components
+</code></pre>
+<p>Design System needs a <code>theme</code> so to use it you have to use <code>ThemeProvider</code> from
+<code>styled-components</code> like this:</p>
+<pre class="prettyprint source lang-javascript"><code>import { ThemeProvider } from 'styled-components'
+<p>// theme is the default theme, which you can alter
+import { theme, Button, Box, Icon, Reset } from '@adminjs/design-system'</p>
+<p>function App() {
+return (
+&lt;ThemeProvider theme={theme}&gt;
+&lt;Reset /&gt;
+&lt;Box variant=&quot;grey&quot;&gt;
+&lt;Button&gt;&lt;Icon icon=&quot;Add&quot; /&gt;Click Me&lt;/Button&gt;
+&lt;Button variant='primary' ml=&quot;xl&quot;&gt;I am important&lt;/Button&gt;
+&lt;/Box&gt;
+&lt;/ThemeProvider&gt;
+);
+}</p>
+<p>export default App;
+</code></pre></p>
+<p><code>Reset</code> resets all the default browser styles.</p>
+<h2>Changing the theme</h2>
+<p>The Design System provides you with the default <a href="https://adminjs.co/Theme.html">theme</a>.
+It contains all the parameters like paddings, colors, font, sizes etc. For the list of all
+available parameters take a look at the <a href="https://adminjs.co/Theme.html">Theme spec</a>.</p>
+<p>But nothing stands in a way for you to change the default theme. To do that
+you can use the <code>combineStyles</code> method:</p>
+<pre class="prettyprint source lang-jsx"><code>import { combineStyles } from '@adminjs/design-system`
+<p>const myTheme = combineStyles({
+colors: {
+primary100: '#000'
+}
+})</p>
+<p>//....
+&lt;ThemeProvider theme={myTheme}&gt;
+//....
+</code></pre></p>
+<h2>Global style and the font</h2>
+<p>The main font for the design system is &quot;Roboto&quot;. The Default version in OS might not have all the
+font-weights. That is why you should import it in your head:</p>
+<pre class="prettyprint source lang-html"><code>&lt;link href=&quot;https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap&quot; rel=&quot;stylesheet&quot;>&lt;/link>
+</code></pre>
+<h2>Changing particular components</h2>
+<p>Sometimes you might want to change the look and feel of a particular component -
+not the entire theme. You can achieve that with the <code>styled</code> method:</p>
+<pre class="prettyprint source lang-jsx"><code>import { Button } from '@adminjs/design-system'
+import styled from 'styled-components'
+<p>const MyRoundedButton = styled(Button)<code>  border-radius: 10px;</code>
+</code></pre></p>
+<p>and then you can use it like a normal button component:</p>
+<pre class="prettyprint source lang-jsx"><code>&lt;MyRoundedButton variant=&quot;primary&quot;>Rounded I am&lt;/MyRoundedButton>
+</code></pre>
+<h2>Components</h2>
+<p>All the components were placed in the sidebar. They are divided to Atoms, Molecules and Organisms.</p>
+<h2>Bundled packages</h2>
+<p>This npm package comes with the bundled versions as well. You can find them under:</p>
+<ul>
+<li><code>node_modules/@adminjs/design-system/bundle.development.js</code></li>
+<li><code>node_modules/@adminjs/design-system/bundle.production.js</code> (minified)</li>
+</ul>
+<p>(they can also be bundled by using <code>bundle</code>
+script: <code>yarn bundle</code> or <code>NODE_ENV=production yarn bundle</code>)</p>
+<p>In order to use them you will have to host them (put to your 'public' folder) and then put them
+into the HEAD of your page:</p>
+<pre class="prettyprint source lang-html"><code>&lt;head>
+&lt;!-- ... -->
+&lt;script crossorigin src=&quot;https://unpkg.com/react@16/umd/react.development.js&quot;>&lt;/script>
+&lt;script crossorigin src=&quot;https://cdnjs.cloudflare.com/ajax/libs/styled-components/5.1.1/styled-components.js&quot;>&lt;/script>
+&lt;script crossorigin src=&quot;/bundle.development.js&quot;>&lt;/script>
+&lt;!-- ... -->
+&lt;/head>
+</code></pre>
+<h2>Contribute</h2>
+<p>If you find any UI errors - feel free to create a PR.</p>
+<h2>Storybook</h2>
+<p>Inside the repository, there is a storybook folder containing all the stories.
+To run it go inside and:</p>
+<pre class="prettyprint source lang-bash"><code>yarn install
+yarn storybook
+</code></pre></div>
         
 
         
@@ -320,8 +406,8 @@ <h4 class="name" id=".contentCSS">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Gives you the default styles for all &quot;content&quot; elements like:
-ul, li, h1-h5 etc.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Gives you the default styles for all "content" elements like:
+<p>ul, li, h1-h5 etc.</p>
 <h3>Example</h3>
 <pre class="prettyprint source lang-typescript"><code>import styled from 'styled-components'
 import { contentCSS } from '@adminjs/design-system'
@@ -404,7 +490,7 @@ <h4 class="name" id=".reset">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Resets css styles which can be applied to element created by styled-component</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Resets css styles which can be applied to element created by styled-component
 <h3>Example</h3>
 <pre class="prettyprint source lang-javascript"><code>import { reset } from '@adminjs/design-system'
 
@@ -486,7 +572,7 @@ <h4 class="name" id=".Reset">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Resets css component which should be applied to the top of the html</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Resets css component which should be applied to the top of the html
 <h3>Example</h3>
 <pre class="prettyprint source lang-jsx"><code>import { Reset } from '@adminjs/design-system'
 
@@ -581,7 +667,7 @@ <h4 class="name" id=".combineStyles">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Applies new styles to the default theme</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Applies new styles to the default theme
 <h3>Example</h3>
 <pre class="prettyprint source lang-jsx"><code>import { combineStyles } from '@adminjs/design-system`
 
@@ -765,8 +851,8 @@ <h4 class="name" id=".cssClass">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Generates class name for given component. It is used by AdminJS core to append namespaced
-classes.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Generates class name for given component. It is used by AdminJS core to append namespaced
+<p>classes.</p>
 <h3>example</h3>
 <pre class="prettyprint source lang-javascript"><code>import { cssClass } from '@adminjs/design-system'
 
@@ -972,7 +1058,7 @@ <h4 class="name" id=".formatDate">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Formats date to YYYY-MM-DD</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Formats date to YYYY-MM-DD
     </div>
     
 
@@ -1147,7 +1233,7 @@ <h4 class="name" id=".formatDateProperty">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Based on the property type formats date to either YYYY-MM-DD HH:mm or YYYY-MM-DD</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Based on the property type formats date to either YYYY-MM-DD HH:mm or YYYY-MM-DD
     </div>
     
 
@@ -1347,7 +1433,7 @@ <h4 class="name" id=".formatDateTime">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Formats date to YYYY-MM-DD HH:mm</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Formats date to YYYY-MM-DD HH:mm
     </div>
     
 
@@ -1522,7 +1608,7 @@ <h4 class="name" id=".formatTime">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Formats date to HH:mm</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Formats date to HH:mm
     </div>
     
 
@@ -1697,7 +1783,7 @@ <h4 class="name" id=".humanFileSize">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Changes size in bytes to string. If unit is not provided - tries to find the best match.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Changes size in bytes to string. If unit is not provided - tries to find the best match.
     </div>
     
 
@@ -1929,7 +2015,7 @@ <h4 class="name" id=".pad">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>adds leading 0 to the number when it is lower than 10</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>adds leading 0 to the number when it is lower than 10
     </div>
     
 
diff --git a/docs/module-@adminjs_express.html b/docs/module-@adminjs_express.html
index bdad9c5c..f39142b3 100644
--- a/docs/module-@adminjs_express.html
+++ b/docs/module-@adminjs_express.html
@@ -381,7 +381,7 @@ <h4 class="name" id=".Authenticate">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>function taking 2 arguments email and password</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>function taking 2 arguments email and password
     </div>
     
 
diff --git a/docs/module-@adminjs_fastify.html b/docs/module-@adminjs_fastify.html
index 32f2ceed..ef9f821a 100644
--- a/docs/module-@adminjs_fastify.html
+++ b/docs/module-@adminjs_fastify.html
@@ -362,7 +362,7 @@ <h4 class="name" id=".Authenticate">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>function taking 2 arguments email and password</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>function taking 2 arguments email and password
     </div>
     
 
diff --git a/docs/module-@adminjs_hapi.html b/docs/module-@adminjs_hapi.html
index ceb1d2ae..785fbc51 100644
--- a/docs/module-@adminjs_hapi.html
+++ b/docs/module-@adminjs_hapi.html
@@ -197,7 +197,7 @@ <h1>@adminjs/hapi</h1>
     <div class="container-overview">
     
         
-            <div class="description"><script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><h2>Installation</h2>
+            <div class="description"><script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>## Installation
 <pre class="prettyprint source lang-sh"><code>npm install @adminjs/hapi @hapi/boom @hapi/inert
 </code></pre>
 <p>Plugin depends on the following packages and they have to be installed beforehand:</p>
@@ -381,8 +381,8 @@ <h4 class="name" id=".register">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Actual method that Hapi uses under the hood when you call
-server.register(plugin, options) method.
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Actual method that Hapi uses under the hood when you call
+<p>server.register(plugin, options) method.
 Options you give in Hapi are passed back to it.</p>
     </div>
     
@@ -894,7 +894,7 @@ <h4 class="name" id=".renderLogin">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Renders login page by simply invoking AdminJS.renderLogin</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Renders login page by simply invoking AdminJS.renderLogin
     </div>
     
 
diff --git a/docs/module-@adminjs_mikroorm.html b/docs/module-@adminjs_mikroorm.html
index eb31837e..60207de0 100644
--- a/docs/module-@adminjs_mikroorm.html
+++ b/docs/module-@adminjs_mikroorm.html
@@ -197,7 +197,7 @@ <h1>@adminjs/mikroorm</h1>
     <div class="container-overview">
     
         
-            <div class="description"><script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><h3>Official <a href="https://github.com/SoftwareBrothers/adminjs">AdminJS</a> adapter which integrates</h3>
+            <div class="description"><script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>### Official [AdminJS](https://github.com/SoftwareBrothers/adminjs) adapter which integrates
 <p><a href="https://github.com/mikro-orm/mikro-orm">MikroORM</a> into AdminJS.</p>
 <h4>Installation</h4>
 <pre class="prettyprint source lang-bash"><code>$ yarn add @adminjs/mikroorm
diff --git a/docs/module-@adminjs_mongoose.html b/docs/module-@adminjs_mongoose.html
index 0c3ee6db..109197a4 100644
--- a/docs/module-@adminjs_mongoose.html
+++ b/docs/module-@adminjs_mongoose.html
@@ -197,7 +197,59 @@ <h1>@adminjs/mongoose</h1>
     <div class="container-overview">
     
         
-            <div class="description"><script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script></div>
+            <div class="description"><script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>
+<h3>A Mongoose database adapter for AdminJS.</h3>
+<h4>Installation</h4>
+<p>To install the adapter run</p>
+<pre class="prettyprint source"><code>yarn add @adminjs/mongoose
+</code></pre>
+<h3>Usage</h3>
+<p>In order to use it in your project register the adapter first:</p>
+<pre class="prettyprint source lang-javascript"><code>const AdminJS = require('adminjs')
+const AdminJSMongoose = require('@adminjs/mongoose')
+<p>AdminJS.registerAdapter(AdminJSMongoose)
+</code></pre></p>
+<h3>Passing an entire database</h3>
+<p>You can now pass an entire database to <a href="AdminJSOptions.html">AdminJSOptions</a></p>
+<pre class="prettyprint source lang-javascript"><code>const mongoose = require('mongoose')
+<p>// even if we pass entire database, models have to be in scope
+require('path-to-your/mongoose-model1')
+require('path-to-your/mongoose-model2')</p>
+<p>const run = async () =&gt; {
+const connection = await mongoose.connect('mongodb://localhost:27017/test', {
+useNewUrlParser: true,
+})
+const AdminJS = new AdminJS({
+databases: [connection],
+//... other AdminJSOptions
+})
+//...
+}
+run()
+</code></pre></p>
+<blockquote>
+<p>Notice, that we connected with the database BEFORE passing it to
+the <strong>AdminJS({})</strong> options. This is very important. Otherwise,
+AdminJS might not find any resources.</p>
+</blockquote>
+<h3>Passing each resource</h3>
+<p>Passing via <em>resource</em> gives you the ability to add additional <a href="ResourceOptions.html">ResourceOptions</a></p>
+<pre class="prettyprint source lang-javascript"><code>const User = mongoose.model('User', { name: String, email: String, surname: String })
+<p>const run = async () =&gt; {
+await mongoose.connect('mongodb://localhost:27017/test', {
+useNewUrlParser: true,
+})
+const AdminJS = new AdminJS({
+resources: [{
+resource: User,
+options: {
+//...
+}
+}],
+//... other AdminJSOptions
+})
+}
+</code></pre></p></div>
         
 
         
diff --git a/docs/module-@adminjs_nestjs-AdminModule.html b/docs/module-@adminjs_nestjs-AdminModule.html
index e3b5af60..92d7fa51 100644
--- a/docs/module-@adminjs_nestjs-AdminModule.html
+++ b/docs/module-@adminjs_nestjs-AdminModule.html
@@ -223,7 +223,7 @@ <h4 class="name" id="AdminModule">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Nest module which is responsible for an AdminJS integration</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Nest module which is responsible for an AdminJS integration
     </div>
     
 
@@ -349,7 +349,7 @@ <h4 class="name" id=".createAdmin">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Creates admin in a synchronous way</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Creates admin in a synchronous way
     </div>
     
 
@@ -542,7 +542,7 @@ <h4 class="name" id=".createAdminAsync">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Creates admin in an asynchronous way</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Creates admin in an asynchronous way
     </div>
     
 
diff --git a/docs/module-@adminjs_nestjs.html b/docs/module-@adminjs_nestjs.html
index 9c11495f..abafde16 100644
--- a/docs/module-@adminjs_nestjs.html
+++ b/docs/module-@adminjs_nestjs.html
@@ -510,7 +510,7 @@ <h4 class="name" id="AdminModuleOptions">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Options passed to nestjs module</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Options passed to nestjs module
 </div>
 
 
diff --git a/docs/module-@adminjs_passwords.html b/docs/module-@adminjs_passwords.html
index 51174af5..9335196a 100644
--- a/docs/module-@adminjs_passwords.html
+++ b/docs/module-@adminjs_passwords.html
@@ -370,7 +370,7 @@ <h4 class="name" id="HashingFunction">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Hashing function used to convert the password</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Hashing function used to convert the password
     </div>
     
 
@@ -549,7 +549,7 @@ <h4 class="name" id="PasswordsOptions">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Options passed to <a href="module-@adminjs_passwords.html">PasswordsFeature</a></p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Options passed to <a href="module-@adminjs_passwords.html">PasswordsFeature</a>
 </div>
 
 
diff --git a/docs/module-@adminjs_prisma.html b/docs/module-@adminjs_prisma.html
index 969ec506..f074d53e 100644
--- a/docs/module-@adminjs_prisma.html
+++ b/docs/module-@adminjs_prisma.html
@@ -197,7 +197,7 @@ <h1>@adminjs/prisma</h1>
     <div class="container-overview">
     
         
-            <div class="description"><script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><h3>This is an official <a href="https://github.com/SoftwareBrothers/adminjs">AdminJS</a> adapter which integrates</h3>
+            <div class="description"><script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>### This is an official [AdminJS](https://github.com/SoftwareBrothers/adminjs) adapter which integrates
 <p><a href="https://prisma.io/">Prisma</a> into AdminJS.</p>
 <h3>Installation</h3>
 <pre class="prettyprint source lang-bash"><code>$ yarn add @adminjs/prisma
diff --git a/docs/module-@adminjs_upload.html b/docs/module-@adminjs_upload.html
index ee302552..3bd971f0 100644
--- a/docs/module-@adminjs_upload.html
+++ b/docs/module-@adminjs_upload.html
@@ -197,7 +197,358 @@ <h1>@adminjs/upload</h1>
     <div class="container-overview">
     
         
-            <div class="description"><script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script></div>
+            <div class="description"><script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>
+<p>AdminJS feature allowing you to upload files to a given resource.</p>
+<h2>Features</h2>
+<ul>
+<li>Upload files by using different providers (all included):
+<ul>
+<li>AWS S3</li>
+<li>Google Cloud Storage</li>
+<li>Local file system</li>
+</ul>
+</li>
+<li>You can create Upload Provider and handle saving on your own with 3 methods</li>
+<li>Uploading more than one file to one resource to different fields</li>
+<li>Uploading multiple files to an array</li>
+<li>Configuration options allowing you to define which fields should be persisted and their names
+in the database</li>
+<li>Previews of uploaded files</li>
+</ul>
+<h2>Installation</h2>
+<p>To install the upload feature run:</p>
+<pre class="prettyprint source lang-bash"><code>yarn add @adminjs/upload
+</code></pre>
+<h2>Storing data</h2>
+<p>The main concept of the upload plugin is that it sends uploaded files to an external source via
+the class called UploadProvider (we have 3 of them out of the box). And then it stores in the
+database path and folder name where the file was stored. Where:</p>
+<ul>
+<li><strong>key</strong> is the path of the stored file</li>
+<li><strong>bucket</strong> is the name of the folder.</li>
+</ul>
+<p>Next, base on the <code>expires</code> option, the system generates either a public URL or a time-constrained URL.</p>
+<blockquote>
+<p>Example: for</p>
+<ul>
+<li><code>key: '927292/my-pinky-sweater.png'</code></li>
+<li><code>bucket: 'aee-products'</code> and</li>
+<li><code>expires: 0</code></li>
+</ul>
+<p>path for the file in AWS S3 will be
+<code>https://aee-product.s3.amazonaws.com/927292/my-pinky-sweater.png</code> and it will be
+always available (not time-constrained)</p>
+</blockquote>
+<p>Usually, buckets are the same for all the files handled by the feature it is optional
+to store them in the database. But this might be handy if you want to change the bucket when the
+project grows and have a reference where the old files went.</p>
+<blockquote>
+<p>To summarize: an important part is that <strong>we don't store the actual URL</strong> of the file -
+we store <code>key</code> and based on that we compute path on every request.</p>
+</blockquote>
+<h2>Usage</h2>
+<p>After that short introduction, let's go back to the feature itself.</p>
+<p>As any feature you have to pass it to the resource in AdminJsOptions#resources
+property:</p>
+<pre class="prettyprint source lang-javascript"><code>const AdminJS = require('adminjs')
+const AdminJSExpress = require('@adminjs/express')
+const uploadFeature = require('@adminjs/upload')
+<p>// part where you load adapter and models
+const User = require('./user')</p>
+<p>const options = {
+resources: [{
+resource: User,
+options: {
+listProperties: ['fileUrl', 'mimeType'],
+},
+features: [uploadFeature({
+provider: { aws: { region, bucket, secretAccessKey ... } },
+properties: {
+key: 'fileUrl' // to this db field feature will safe S3 key
+mimeType: 'mimeType' // this property is important because allows to have previews
+},
+validation: {
+mimeTypes: 'application/pdf'
+}
+})]
+}]
+}</p>
+<p>const adminJs = new AdminJS(options)
+// and the rest of your app
+</code></pre></p>
+<h2>Previews</h2>
+<p>Feature support previews for both <strong>audio</strong> and 8*images**.
+To make it work you have to have <code>mimeType</code> property mapped in the options.</p>
+<p>Here we define that mime type will be save under a property <code>mimeType</code>:</p>
+<pre class="prettyprint source lang-javascript"><code>const options = {
+  resources: [{
+    resource: User,
+    options: { properties: { mimeType: { /** ... **/ } }},
+    features: [uploadFeature({
+      provider: {},
+      properties: {
+        key: 'fileUrl',
+        mimeType: 'mimeType'
+      },
+    })]
+  }]
+}
+</code></pre>
+<h2>Providers</h2>
+<p>Right now plugin supports both AWS S3 and Google Storage as a cloud hosting. Apart from that
+you can store files locally.</p>
+<h3>AWS setup</h3>
+<p>Make sure you have AWS-SDK installed</p>
+<pre class="prettyprint source lang-bash"><code>yarn add aws-sdk
+</code></pre>
+<p>To upload files to AWS S3, you have to</p>
+<ul>
+<li><a href="https://docs.aws.amazon.com/AmazonS3/latest/user-guide/create-bucket.html">create a S3 bucket</a></li>
+<li><a href="https://docs.aws.amazon.com/powershell/latest/userguide/pstools-appendix-sign-up.html">get your access keys</a></li>
+</ul>
+<p>Then, fill all these data in <a href="module-@adminjs_upload.html#.AWSOptions">AWSOptions</a>
+and you are ready to go.</p>
+<p>By default upload plugin generates a URL which is valid for 24h, if you want them to be always
+<code>public</code> (<code>public-acl</code>), you need to create a <code>public</code> bucket. Then set <code>expires</code> to <code>0</code>.</p>
+<h3>Google Storage setup</h3>
+<p>Make sure you have Google Storage Node SDK
+installed:</p>
+<pre class="prettyprint source lang-sh"><code>yarn add @google-cloud/storage
+</code></pre>
+<p>and you are authenticated. follow this tutorial.</p>
+<p>To upload files to AWS Google Storage, you have to follow all the instructions from:
+https:\\/\\/github.com/googleapis/nodejs-storage#before-you-begin</p>
+<p>Then, fill the bucket you created in <a href="module-@adminjs_upload.html#.GCPOptions">GCPOptions</a>
+and you are ready to go.</p>
+<p>By default upload plugin generates a URL which is valid for 24h, if you want them to be always
+<code>public</code>, you need to pass 0 as for <code>expire</code> parameter. Then set <code>expires</code> to <code>0</code>.</p>
+<h3>Local Storage setup</h3>
+<p>Local storage will save files to the local folder.</p>
+<p>There are 2 things you have to do before using this Provider.</p>
+<h4>1. create the*folder** (<code>bucket</code>) for the files (i.e. <code>public</code>)</h4>
+<pre class="prettyprint source lang-sh"><code>cd your-app
+mkdir public
+</code></pre>
+<h4>2. tell your HTTP framework to host this folder</h4>
+<p>This is an example for the <a href="https://expressjs.com">express</a> server</p>
+<pre class="prettyprint source"><code>app.use('/uploads', express.static('uploads'));
+</code></pre>
+<p>Next you have to add @adminjs/upload to given resource:</p>
+<pre class="prettyprint source lang-javascript"><code>* const options = {
+  resources: [{
+    resource: User,
+    features: [uploadFeature({
+      provider: { local: { bucket: 'public' } },
+    })]
+  }]
+}
+</code></pre>
+<h3>Custom Provider</h3>
+<p>The plugin allows you also to pass your provider. In such a case, you have to pass to the <code>provider</code>
+option an instance of the class extended from <a href="BaseProvider.html">BaseProvider</a>.</p>
+<pre class="prettyprint source"><code>const { BaseProvider } = require('@adminjs/upload')
+<p>class MyProvider extends BaseProvider {
+constructor() {
+// it requires bucket as a parameter to properly pass it to other methods
+super('public')
+}
+// your implementation goes here
+}</p>
+<p>const provider = new MyProvider()</p>
+<p>const options = {
+resources: [{
+resource: User,
+features: [uploadFeature({ provider })]
+}]
+}
+</code></pre></p>
+<h2>Options</h2>
+<p>This feature requires just one field in the database to store the
+path (Bucket key) of the uploaded file.</p>
+<p>But it also can store more data like <code>bucket</code>, 'mimeType', 'size' etc. Fields mapping can be done
+in <code>options.properties</code>.</p>
+<p>Mapping fields is a process of telling @adminjs/upload that data from the field on the left
+should go to the database under the field on the right.</p>
+<blockquote>
+<p>So below <code>key</code> property will be stored under the <code>mixed</code> property <code>uploadedFile</code> in its
+sub-property <code>key</code> (mixed properties are JSONB properties in SQL databases or nested
+schemas in MongoDB).</p>
+</blockquote>
+<p>Some properties are stored in the database, but some of them serve as the couriers in the
+request/response cycle. So for example, <code>file</code> property is used to send actual File objects from
+the Fronted to the Backend. Then, the File is uploaded and its <code>key</code> (and <code>bucket</code>) are stored.
+But the value of property <code>file</code> itself is not being saved in the database, meaning you don't have
+to have it in your DB schema.</p>
+<h3>Example setup for mapping properties</h3>
+<pre class="prettyprint source lang-javascript"><code>uploadFeature({
+  provider: {},
+  properties: {
+    // virtual properties, created by this plugin on the go. They are not stored in the database
+    // this is where frontend will send info to the backend
+    file: `uploadedFile.file`,
+    // here is where backend will send path to the file to the frontend [virtual property]
+    filePath: `uploadedFile.file`,
+    // here backend will send information which files has to be deleted
+    // It is required only in `multiple` mode, but cannot overlap any other property
+    filesToDelete: `uploadedFile.filesToDelete`,
+<pre><code>// DB properties: have to be in your schema
+// where bucket key will be stored
+key: `uploadedFile.key`,
+// where mime type will be stored
+mimeType: `uploadedFile.mime`,
+// where bucket name will be stored
+bucket: `uploadedFile.bucket`,
+// where size will be stored
+size: `uploadedFile.size`,
+</code></pre>
+<p>},
+})
+</code></pre></p>
+<p>In the example above we nest all the properties under <code>uploadedFile</code>, <code>mixed</code> property.
+This convention is a convenient way of storing multiple files in one record.</p>
+<p>For the list of all options take a look at
+<a href="module-@adminjs_upload.html#UploadOptions">UploadOptions</a></p>
+<h2>Storing multiple files in one model by invoking <code>uploadFeature</code> more than once</h2>
+<p>You can pass an array of features to AdminJS so that it allows you to define uploads multiple times
+for one model. In other words you can have an <code>avatar</code> and <code>familyPhoto</code> in your User Resource.</p>
+<p>In order to make that work you have to make sure that all the properties passed by each
+<code>uploadFeature</code> invocation are different so they don't steal data from each other.</p>
+<p>So:</p>
+<ul>
+<li>make sure to map at least <code>file</code>, <code>filePath</code> and <code>filesToDelete</code> properties to different values
+in each upload.</li>
+<li>if you store other fields like <code>mimeType</code> they also should be stored under different paths.</li>
+<li>define the <a href="module-@adminjs_upload.html#UploadPathFunction">UploadPathFunction</a> for each upload so that files do not override each other.</li>
+</ul>
+<h3>Example:</h3>
+<pre class="prettyprint source lang-javascript"><code>
+features = [
+  uploadFeature({
+    provider: {},
+    properties: {
+      file: `avatarFile`,
+      filePath: `avatarFilePath`,
+      filesToDelete: `avatarFilesToDelete`,
+      key: `avatarKey`,
+      mimeType: `avatarMime`,
+      bucket: `avatarBucket`,
+      size: `avatarSize`,
+    },
+  }),
+  uploadFeature({
+  provider: {},
+  properties: {
+    file: `familyPhoto.file`,
+    filePath: `familyPhoto.file`,
+    filesToDelete: `familyPhoto.filesToDelete`,
+    key: `familyPhoto.key`,
+    mimeType: `familyPhoto.mime`,
+    bucket: `familyPhoto.bucket`,
+    size: `familyPhoto.size`,
+  },
+  uploadPath: (record, filename) => (
+    `${record.id()}/family-photos/${filename}`
+  ),
+})]
+</code></pre>
+<p>In the example above, all the fields are stored under different paths so during the
+Frontend &lt;-&gt; Backend data transmission they don't overlap.</p>
+<h2>Storing multiple files in one model by using <code>multiple</code> option</h2>
+<p>The feature allows you to store multiple files as an array. To do this you have to:</p>
+<ul>
+<li>set <code>multiple</code> option to true</li>
+<li>make sure that all your mapped properties are arrays of strings.</li>
+</ul>
+<p>If you use let say sequelize adapter you can set the type of the property to JSONB and, in adminJs
+options, define that this property is an array with PropertyOptions.isArray</p>
+<h2>Validation</h2>
+<p>The feature can validate both:</p>
+<ul>
+<li>maximum size of the file</li>
+<li>available mime types</li>
+</ul>
+<p>Take a look at <a href="module-@adminjs_upload.html#UploadOptions">UploadOptions</a> here as well.</p>
+<h2>Example models and addon configurations</h2>
+<p>Take a look at this database model working with google cloud for a reference:</p>
+<h3>Sequelize database with Google Cloud</h3>
+<p>Take a look at an example product upload schema:</p>
+<pre class="prettyprint source lang-javascript"><code>export const ProductModel = sequelize.define('Products', {
+  // Model attributes are defined here
+  id: {
+    primaryKey: true,
+    type: DataTypes.UUID,
+    defaultValue: UUIDV4,
+  },
+  name: {
+    allowNull: false,
+    type: DataTypes.STRING,
+  },
+  description: {
+    type: DataTypes.TEXT,
+    allowNull: true,
+  },
+  images: {
+    type: DataTypes.JSONB,
+    allowNull: true,
+  },
+  mainImage: {
+    type: DataTypes.JSONB,
+    allowNull: true,
+  }
+}, {
+  // Other model options go here
+})
+</code></pre>
+<p>It has 2 fields <code>images</code> and <code>topImage</code>. Let's define that images will have a multi-upload
+feature and <code>topImage</code> single-upload feature.</p>
+<p>By setting them as JSONB type we ensure that the plugin will setup their sub-properties as regular
+strings (single-upload) or arrays (multi-upload).</p>
+<p>To setup upload for 2 files we have to invoke <code>uploadFeature</code> twice as well:</p>
+<pre class="prettyprint source lang-javascript"><code>
+const validation = {
+  mimeTypes: ['image/jpeg', 'image/png'],
+}
+<p>const features = [
+uploadFileFeature({
+properties: {
+file: 'images.file',
+filePath: 'images.path',
+filename: 'images.filename',
+filesToDelete: 'images.toDelete',
+key: 'images.key',
+mimeType: 'images.mimeType',
+bucket: 'images.bucket',
+},
+multiple: true,
+provider: {
+gcp: {
+bucket: process.env.PRODUCTS_BUCKET as string,
+expires: 0,
+},
+},
+validation,
+}),
+uploadFeature({
+properties: {
+file: 'topImage.file',
+filePath: 'topImage.path',
+filename: 'topImage.filename',
+filesToDelete: 'topImage.toDelete',
+key: 'topImage.key',
+mimeType: 'topImage.mimeType',
+bucket: 'topImage.bucket',
+},
+provider: {
+gcp: {
+bucket: process.env.TOP_IMAGE_BUCKET as string,
+expires: 0,
+},
+},
+validation,
+}),
+]
+</code></pre></p>
+<p>To see more examples, you can take a look at the example_app inside the repository.</p></div>
         
 
         
@@ -333,8 +684,8 @@ <h4 class="name" id=".AWSOptions">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>AWS Credentials which can be set for S3 file upload.
-If not given, 'aws-sdk' will try to fetch them from
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>AWS Credentials which can be set for S3 file upload.
+<p>If not given, 'aws-sdk' will try to fetch them from
 environmental variables.</p>
 </div>
 
@@ -595,8 +946,8 @@ <h4 class="name" id=".GCPOptions">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Google Storage options which can be set for GCP file upload.
-In order to setup GCP credentials you have to follow this
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Google Storage options which can be set for GCP file upload.
+<p>In order to setup GCP credentials you have to follow this
 <a href="https://cloud.google.com/docs/authentication/getting-started">tutorial</a>.
 Basically it comes down to downloading service account and setting GOOGLE_APPLICATION_CREDENTIALS
 env variable. After that you are ready to go.</p>
@@ -768,7 +1119,7 @@ <h4 class="name" id=".LocalUploadOptions">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Options required by the LocalAdapter</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Options required by the LocalAdapter
 </div>
 
 
@@ -897,7 +1248,7 @@ <h4 class="name" id="UploadOptions">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Configuration options for @adminjs/upload feature</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Configuration options for @adminjs/upload feature
 </div>
 
 
@@ -1568,8 +1919,8 @@ <h4 class="name" id="UploadPathFunction">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Function which defines where in the bucket file should be stored.
-If we have 2 uploads in one resource we might need to set them to</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Function which defines where in the bucket file should be stored.
+<p>If we have 2 uploads in one resource we might need to set them to</p>
 <ul>
 <li><code>${record.id()}/upload1/${filename}</code></li>
 <li><code>${record.id()}/upload2/${filename}</code></li>
diff --git a/docs/module-BulkDeleteAction.html b/docs/module-BulkDeleteAction.html
index c60a9254..d346f8fe 100644
--- a/docs/module-BulkDeleteAction.html
+++ b/docs/module-BulkDeleteAction.html
@@ -197,7 +197,7 @@ <h1>BulkDeleteAction</h1>
     <div class="container-overview">
     
         
-            <div class="description"><script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Removes given records from the database.</p></div>
+            <div class="description"><script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Removes given records from the database.</div>
         
 
         
@@ -330,7 +330,7 @@ <h4 class="name" id=".handler">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Responsible for deleting existing records.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Responsible for deleting existing records.
 <p>To invoke this action use <a href="ApiClient.html#bulkAction">ApiClient#bulkAction</a>
 with {actionName: <em>bulkDelete</em>}</p>
     </div>
diff --git a/docs/module-DeleteAction.html b/docs/module-DeleteAction.html
index e0062012..7a1ea849 100644
--- a/docs/module-DeleteAction.html
+++ b/docs/module-DeleteAction.html
@@ -197,8 +197,8 @@ <h1>DeleteAction</h1>
     <div class="container-overview">
     
         
-            <div class="description"><script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Removes given record from the database. Since it doesn't have a
-component - it redirects right away after clicking its <a href="ActionButton.html">ActionButton</a></p></div>
+            <div class="description"><script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Removes given record from the database. Since it doesn't have a
+<p>component - it redirects right away after clicking its <a href="ActionButton.html">ActionButton</a></p></div>
         
 
         
@@ -331,7 +331,7 @@ <h4 class="name" id=".handler">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Responsible for deleting existing record.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Responsible for deleting existing record.
 <p>To invoke this action use <a href="ApiClient.html#recordAction">ApiClient#recordAction</a></p>
     </div>
     
diff --git a/docs/module-EditAction.html b/docs/module-EditAction.html
index f4547c4c..7c5a5001 100644
--- a/docs/module-EditAction.html
+++ b/docs/module-EditAction.html
@@ -199,7 +199,7 @@ <h1>EditAction</h1>
     <div class="container-overview">
     
         
-            <div class="description"><script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Shows form for updating existing record</p></div>
+            <div class="description"><script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Shows form for updating existing record</div>
         
 
         
@@ -332,7 +332,7 @@ <h4 class="name" id=".handler">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Responsible for updating existing record.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Responsible for updating existing record.
 <p>To invoke this action use <a href="ApiClient.html#recordAction">ApiClient#recordAction</a></p>
     </div>
     
diff --git a/docs/module-ListAction.html b/docs/module-ListAction.html
index 536b6a97..3b684a69 100644
--- a/docs/module-ListAction.html
+++ b/docs/module-ListAction.html
@@ -197,7 +197,7 @@ <h1>ListAction</h1>
     <div class="container-overview">
     
         
-            <div class="description"><script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Returns selected Records in a list form</p></div>
+            <div class="description"><script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Returns selected Records in a list form</div>
         
 
         
@@ -330,7 +330,7 @@ <h4 class="name" id=".handler">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Responsible for returning data for all records.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Responsible for returning data for all records.
 <p>To invoke this action use <a href="ApiClient.html#recordAction">ApiClient#recordAction</a></p>
     </div>
     
@@ -474,7 +474,7 @@ <h4 class="name" id="ListActionResponse">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Response returned by List action</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Response returned by List action
 </div>
 
 
diff --git a/docs/module-NewAction.html b/docs/module-NewAction.html
index c8f3edc2..8076c938 100644
--- a/docs/module-NewAction.html
+++ b/docs/module-NewAction.html
@@ -197,8 +197,8 @@ <h1>NewAction</h1>
     <div class="container-overview">
     
         
-            <div class="description"><script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Shows form for creating a new record
-Uses NewAction component to render form</p></div>
+            <div class="description"><script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Shows form for creating a new record
+<p>Uses NewAction component to render form</p></div>
         
 
         
@@ -331,7 +331,7 @@ <h4 class="name" id=".handler">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Responsible for creating new record.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Responsible for creating new record.
 <p>To invoke this action use <a href="ApiClient.html#resourceAction">ApiClient#resourceAction</a></p>
     </div>
     
diff --git a/docs/module-SearchAction.html b/docs/module-SearchAction.html
index 9689f881..11c70d9b 100644
--- a/docs/module-SearchAction.html
+++ b/docs/module-SearchAction.html
@@ -197,8 +197,8 @@ <h1>SearchAction</h1>
     <div class="container-overview">
     
         
-            <div class="description"><script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Used to search particular record based on &quot;title&quot; property. It is used by
-select fields with autocomplete.
+            <div class="description"><script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Used to search particular record based on "title" property. It is used by
+<p>select fields with autocomplete.
 Uses <a href="ShowAction.html">ShowAction</a> component to render form</p></div>
         
 
@@ -332,7 +332,7 @@ <h4 class="name" id=".handler">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Search records by query string.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Search records by query string.
 <p>To invoke this action use <a href="ApiClient.html#resourceAction">ApiClient#resourceAction</a></p>
     </div>
     
@@ -476,7 +476,7 @@ <h4 class="name" id="SearchActionResponse">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Response of a <a href="ApiController.html#search">Search</a> action in the API</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Response of a <a href="ApiController.html#search">Search</a> action in the API
 </div>
 
 
diff --git a/docs/module-ShowAction.html b/docs/module-ShowAction.html
index ab7137a2..b60d937e 100644
--- a/docs/module-ShowAction.html
+++ b/docs/module-ShowAction.html
@@ -197,8 +197,8 @@ <h1>ShowAction</h1>
     <div class="container-overview">
     
         
-            <div class="description"><script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Returns selected Record
-Uses <a href="ShowAction.html">ShowAction</a> component to render form</p></div>
+            <div class="description"><script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Returns selected Record
+<p>Uses <a href="ShowAction.html">ShowAction</a> component to render form</p></div>
         
 
         
@@ -331,7 +331,7 @@ <h4 class="name" id=".handler">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Responsible for returning data for given record.</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Responsible for returning data for given record.
 <p>To invoke this action use <a href="ApiClient.html#recordAction">ApiClient#recordAction</a></p>
     </div>
     
diff --git a/docs/module-flat.html b/docs/module-flat.html
index 5f77b2b5..3de21339 100644
--- a/docs/module-flat.html
+++ b/docs/module-flat.html
@@ -197,7 +197,72 @@ <h1>flat</h1>
     <div class="container-overview">
     
         
-            <div class="description"><script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script></div>
+            <div class="description"><script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>
+<h2>The AdminJS Data model</h2>
+<p>Before you dive into the details of the flat helpers, let me briefly introduce the way how the
+database data is stored in AdminJS.</p>
+<h3>The Simple Case</h3>
+<p>On the backend all the information from DataBase tables/collections goes to {@BaseRecord#params}
+object. Usually, it is a <code>{key: value}</code> store where <code>key</code> is a table name, and value could be
+either a string, a number, or an instance of Date() etc.</p>
+<p>On the Frontend - these values go to the corresponding RecordJSON.params property.</p>
+<p>This is an example <code>params</code> property in the &quot;simple case&quot;:</p>
+<pre class="prettyprint source lang-javascript"><code>params: {
+  name: 'John',
+  surname: 'Doe',
+  age: 28,
+}
+</code></pre>
+<h3>The Real World Case</h3>
+<p>In the real world:</p>
+<ul>
+<li>databases have nested JSONB properties or Mixed Schemas</li>
+<li>developers would like to send more complicated data from the Fronted to the backend as arrays.</li>
+</ul>
+<p>To achieve that we &quot;flatten&quot; all the data before saving them to <code>params</code> property.</p>
+<p>So in the real world params could look like:</p>
+<pre class="prettyprint source lang-javascript"><code>params: {
+  name: 'John',
+  surname: 'Doe',
+  age: 28,
+  // nested objects
+  'auth.facebook': 'some login token',
+  'auth.twitter': 'twitter login token',
+  // arrays
+  'interests.0': 'running',
+  'interests.1': 'jogging',
+}
+</code></pre>
+<p>and all the data can be even nested on the deeper levels.</p>
+<h3>Why we did that?</h3>
+<p>An alternative solution would be to store an entire raw object and don't care. But there are 2
+reasons why we picked this one.</p>
+<p><strong>1. storing selected data in the database</strong></p>
+<p>If you send to the ORM unflatten save request like this:</p>
+<pre class="prettyprint source lang-javascript"><code>Model.save({{ auth: { facebook: 'newFacebookToken' } }})
+</code></pre>
+<p>it will override an entire <code>auth</code> property, so from the example above, we will lose <code>auth.twitter</code>.</p>
+<p>In the second (flatten) case:</p>
+<pre class="prettyprint source lang-javascript"><code>Model.save({ `auth.facebook`: 'newFacebookToken' }})
+</code></pre>
+<p>ORM should keep the value of the <code>auth.twitter</code></p>
+<blockquote>
+<p>The above is true for Mongoose adapter which is the most advanced regarding handing mixed values</p>
+</blockquote>
+<p><strong>2. Sending data between the Frontend and the Backend in FormData format</strong></p>
+<p>AdminJS allows you to upload Files from the Frontend to the Backend. The most optimal way of
+doing that is by using FormData.
+But, this requires that values for all the fields are send in <code>[key: string]: string</code> form.
+And this, as you might guess, fits perfectly to our flatten <code>params</code> logic.</p>
+<h3>Consequences</h3>
+<p>Flattening in AdminJS has its consequences everywhere where you use</p>
+<ul>
+<li><a href="BaseRecord.html">BaseRecord</a> and</li>
+<li><a href="RecordJSON.html">RecordJSON</a>,</li>
+</ul>
+<p>because instead of raw object you have it's flatten version.</p>
+<p>Also, (as mentioned) the <code>payload</code> send to the backed is also flattened.</p>
+<p>There you should use helpers gathered in flat</p></div>
         
 
         
@@ -783,7 +848,7 @@ <h4 class="name" id=".merge">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Merges params together and returns flatten result</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Merges params together and returns flatten result
     </div>
     
 
@@ -1918,7 +1983,7 @@ <h4 class="name" id="FlattenParams">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Type of flatten params.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Type of flatten params.
 </div>
 
 
@@ -2047,7 +2112,7 @@ <h4 class="name" id="FlattenValue">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Available types for flatten values. This is an Union of types:</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Available types for flatten values. This is an Union of types:
 <ul>
 <li><code>string</code></li>
 <li><code>boolean</code></li>
diff --git a/docs/useAction.html b/docs/useAction.html
index ee2e2fec..a8c77101 100644
--- a/docs/useAction.html
+++ b/docs/useAction.html
@@ -344,7 +344,7 @@ <h4 class="name" id="UseActionResult">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Result of the <a href="useAction.html">useAction</a>.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Result of the <a href="useAction.html">useAction</a>.
 </div>
 
 
diff --git a/docs/useCurrentAdmin.html b/docs/useCurrentAdmin.html
index f05acf9a..34c2fa48 100644
--- a/docs/useCurrentAdmin.html
+++ b/docs/useCurrentAdmin.html
@@ -354,8 +354,8 @@ <h4 class="name" id="UseCurrentAdminResponse">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Result of the <a href="useCurrentAdmin.html">useCurrentAdmin</a>.
-It is a tuple containing value and the setter</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Result of the <a href="useCurrentAdmin.html">useCurrentAdmin</a>.
+<p>It is a tuple containing value and the setter</p>
 </div>
 
 
diff --git a/docs/useLocalStorage.html b/docs/useLocalStorage.html
index 5fbfc64f..3825db0d 100644
--- a/docs/useLocalStorage.html
+++ b/docs/useLocalStorage.html
@@ -455,8 +455,8 @@ <h4 class="name" id="UseLocalStorageResult">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Result of the <a href="useLocalStorage.html">useLocalStorage</a>.
-It is a tuple containing value and the setter</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Result of the <a href="useLocalStorage.html">useLocalStorage</a>.
+<p>It is a tuple containing value and the setter</p>
 </div>
 
 
diff --git a/docs/useRecord.html b/docs/useRecord.html
index 8ece3182..56d37088 100644
--- a/docs/useRecord.html
+++ b/docs/useRecord.html
@@ -344,7 +344,7 @@ <h4 class="name" id="UseRecordOptions">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Custom options passed to useRecord as the third argument.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Custom options passed to useRecord as the third argument.
 <p>Example of restricting useRecord to operate only on a finite set of properties:</p>
 <pre class="prettyprint source lang-javascript"><code>const { record, handleChange, submit } = useRecord(initialRecord, resource.id, {
   includeParams: ['name', 'surname', 'school.name'],
@@ -492,7 +492,7 @@ <h4 class="name" id="UseRecordResult">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Result of useRecord hook</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Result of useRecord hook
 </div>
 
 
@@ -757,8 +757,8 @@ <h4 class="name" id="UseRecordSubmitFunction">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Submit function which either creates a record or updates it. By default, after successful
-execution function updates its inner state with the returned by the backend record. This might
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Submit function which either creates a record or updates it. By default, after successful
+<p>execution function updates its inner state with the returned by the backend record. This might
 not be the need in your case, so you can turn it of by setting <code>updateOnSave</code> to false.</p>
     </div>
     
diff --git a/docs/useRecords.html b/docs/useRecords.html
index 60788751..aa5e2a57 100644
--- a/docs/useRecords.html
+++ b/docs/useRecords.html
@@ -344,8 +344,8 @@ <h4 class="name" id="UseRecordsResult">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Result of the <a href="useRecords.html">useRecords</a> hook.
-It is a object containing multiple tools you can use in your component</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Result of the <a href="useRecords.html">useRecords</a> hook.
+<p>It is a object containing multiple tools you can use in your component</p>
 </div>
 
 
diff --git a/docs/useSelectedRecords.html b/docs/useSelectedRecords.html
index 8773d8d2..a5780a05 100644
--- a/docs/useSelectedRecords.html
+++ b/docs/useSelectedRecords.html
@@ -344,8 +344,8 @@ <h4 class="name" id="UseSelectedRecordsResult">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Result of the <a href="useSelectedRecords.html">useSelectedRecords</a> hook.
-It is a object containing multiple tools you can use in your component</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Result of the <a href="useSelectedRecords.html">useSelectedRecords</a> hook.
+<p>It is a object containing multiple tools you can use in your component</p>
 </div>
 
 
diff --git a/docs/useTranslation.html b/docs/useTranslation.html
index 65690cbb..81e823f6 100644
--- a/docs/useTranslation.html
+++ b/docs/useTranslation.html
@@ -348,8 +348,8 @@ <h4 class="name" id="UseTranslationResponse">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Extends <a href="TranslateFunctions.html">TranslateFunctions</a>. Apart from that it also returns all the properties
-defined below.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Extends <a href="TranslateFunctions.html">TranslateFunctions</a>. Apart from that it also returns all the properties
+<p>defined below.</p>
 <pre class="prettyprint source lang-javascript"><code>import { useTranslation } from 'adminjs'
 
 const MyComponent = () => {
diff --git a/docs/withNotice.html b/docs/withNotice.html
index 277a1599..e1ecd52c 100644
--- a/docs/withNotice.html
+++ b/docs/withNotice.html
@@ -222,7 +222,7 @@ <h4 class="name" id="withNotice">
     
     
     <div class="description">
-        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Higher Order Component which allows you to post notice messages from your components</p>
+        <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Higher Order Component which allows you to post notice messages from your components
 <p>It gives you the additional prop: <code>addNotice(noticeMessage)</code> taking <a href="withNotice.html#NoticeMessage">NoticeMessage</a>.</p>
 <pre class="prettyprint source lang-javascript"><code>import { withNotice } from 'adminjs/core'
 
@@ -369,7 +369,7 @@ <h4 class="name" id="AddNoticeProps">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>Additional props which are passed to your component</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>Additional props which are passed to your component
 </div>
 
 
@@ -498,7 +498,7 @@ <h4 class="name" id="NoticeMessage">
 
 
 <div class="description">
-    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script><p>NoticeMessage which can be presented as a &quot;Toast&quot; message.</p>
+    <script type="text/javascript" src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js"></script>NoticeMessage which can be presented as a "Toast" message.
 </div>
 
 
diff --git a/jsdoc.json b/jsdoc.json
index f2d6c0a2..74f1960c 100644
--- a/jsdoc.json
+++ b/jsdoc.json
@@ -26,15 +26,20 @@
     "excludePattern": "node_modules/|(bundle.*\\.js)|cli.ts|adminjs/docs|(\\.spec.ts)$"
   },
   "plugins": [
-    "plugins/markdown",
-    "jsdoc-mermaid",
-    "better-docs/navigation",
+    "better-docs/category",
     "better-docs/component",
-    "node_modules/jsdoc-typeof-plugin",
+    "better-docs/load",
+    "better-docs/navigation",
+    "better-docs/typedef-import",
     "better-docs/typescript",
+    "jsdoc-mermaid",
     "node_modules/jsdoc-escape-at",
-    "better-docs/typedef-import"
+    "node_modules/jsdoc-typeof-plugin",
+    "plugins/markdown"
   ],
+  "markdown": {
+    "tags": ["load"]
+  },
   "opts": {
     "encoding": "utf8",
     "destination": "docs",
diff --git a/package.json b/package.json
index 8c30f0c3..ded65e4e 100644
--- a/package.json
+++ b/package.json
@@ -14,7 +14,7 @@
     ]
   },
   "scripts": {
-    "docs": "jsdoc -c jsdoc.json",
+    "docs": "rm -rf docs && jsdoc -c jsdoc.json",
     "validate-docs": "jsdoc -c jsdoc-test.json",
     "debug": "nodemon --inspect=0.0.0.0:9222 --nolazy ./index.js",
     "bootstrap": "./scripts/bootstrap.sh",
diff --git a/packages/adminjs-expressjs b/packages/adminjs-expressjs
index 310e75d8..d9315697 160000
--- a/packages/adminjs-expressjs
+++ b/packages/adminjs-expressjs
@@ -1 +1 @@
-Subproject commit 310e75d84e5877c1a5e421b4fe8d75eeac0826e8
+Subproject commit d93156978e5a997822d7d42a6f3a70239936b0b7