Form editor v2 (#579)

* Form editor v2

* fix template test

* setFormDefaults when save

* fix form cleaning dark mode

* improvements on open sidebar

* UI polish

* Fix change type button

---------

Co-authored-by: Julien Nahum <julien@nahum.net>

client/data/blocks_types.json

@@ -0,0 +1,162 @@
+{
+  "text": {
+    "name": "text",
+    "title": "Text Input",
+    "icon": "i-heroicons-bars-3-bottom-left",
+    "default_block_name": "Your name",
+    "bg_class": "bg-blue-100",
+    "text_class": "text-blue-900"
+  },
+  "date": {
+    "name": "date",
+    "title": "Date Input",
+    "icon": "i-heroicons-calendar-20-solid",
+    "default_block_name": "Date",
+    "bg_class": "bg-green-100",
+    "text_class": "text-green-900"
+  },
+  "url": {
+    "name": "url",
+    "title": "URL Input",
+    "icon": "i-heroicons-link-20-solid",
+    "default_block_name": "Link",
+    "bg_class": "bg-blue-100",
+    "text_class": "text-blue-900"
+  },
+  "phone_number": {
+    "name": "phone_number",
+    "title": "Phone Input",
+    "icon": "i-heroicons-phone-20-solid",
+    "default_block_name": "Phone Number",
+    "bg_class": "bg-blue-100",
+    "text_class": "text-blue-900"
+  },
+  "email": {
+    "name": "email",
+    "title": "Email Input",
+    "icon": "i-heroicons-at-symbol-20-solid",
+    "default_block_name": "Email",
+    "bg_class": "bg-blue-100",
+    "text_class": "text-blue-900"
+  },
+  "checkbox": {
+    "name": "checkbox",
+    "title": "Checkbox Input",
+    "icon": "i-heroicons-check-circle",
+    "default_block_name": "Checkbox",
+    "bg_class": "bg-red-100",
+    "text_class": "text-red-900"
+  },
+  "select": {
+    "name": "select",
+    "title": "Select Input",
+    "icon": "i-heroicons-chevron-up-down-20-solid",
+    "default_block_name": "Select",
+    "bg_class": "bg-red-100",
+    "text_class": "text-red-900"
+  },
+  "multi_select": {
+    "name": "multi_select",
+    "title": "Multi-select Input",
+    "icon": "i-heroicons-chevron-up-down-20-solid",
+    "default_block_name": "Multi Select",
+    "bg_class": "bg-red-100",
+    "text_class": "text-red-900"
+  },
+  "matrix": {
+    "name": "matrix",
+    "title": "Matrix Input",
+    "icon": "i-heroicons-table-cells-20-solid",
+    "default_block_name": "Matrix",
+     "bg_class": "bg-red-100",
+    "text_class": "text-red-900"
+  },
+  "number": {
+    "name": "number",
+    "title": "Number Input",
+    "icon": "i-heroicons-hashtag-20-solid",
+    "default_block_name": "Number",
+    "bg_class": "bg-purple-100",
+    "text_class": "text-purple-900"
+  },
+  "rating": {
+    "name": "rating",
+    "title": "Rating Input",
+    "icon": "i-heroicons-star",
+    "default_block_name": "Rating",
+     "bg_class": "bg-purple-100",
+    "text_class": "text-purple-900"
+  },
+  "scale": {
+    "name": "scale",
+    "title": "Scale Input",
+    "icon": "i-heroicons-scale-20-solid",
+    "default_block_name": "Scale",
+    "bg_class": "bg-purple-100",
+    "text_class": "text-purple-900"
+  },
+  "slider": {
+    "name": "slider",
+    "title": "Slider Input",
+    "icon": "i-heroicons-adjustments-horizontal",
+    "default_block_name": "Slider",
+    "bg_class": "bg-purple-100",
+    "text_class": "text-purple-900"
+  },
+  "files": {
+    "name": "files",
+    "title": "File Input",
+    "icon": "i-heroicons-paper-clip",
+    "default_block_name": "Files",
+    "bg_class": "bg-pink-100",
+    "text_class": "text-pink-900"
+  },
+  "signature": {
+    "name": "signature",
+    "title": "Signature Input",
+    "icon": "i-heroicons-pencil-square-20-solid",
+    "default_block_name": "Signature",
+    "bg_class": "bg-pink-100",
+    "text_class": "text-pink-900"
+  },
+  "nf-text": {
+    "name": "nf-text",
+    "title": "Text",
+    "icon": "i-heroicons-bars-3",
+    "default_block_name": "Text",
+    "bg_class": "bg-yellow-100",
+    "text_class": "text-yellow-900"
+  },
+  "nf-page-break": {
+    "name": "nf-page-break",
+    "title": "Page-break",
+    "icon": "i-heroicons-document-plus",
+    "default_block_name": "Page Break",
+    "bg_class": "bg-gray-100",
+    "text_class": "text-gray-900"
+  },
+  "nf-divider": {
+    "name": "nf-divider",
+    "title": "Divider",
+    "icon": "i-heroicons-minus",
+    "default_block_name": "Divider",
+    "bg_class": "bg-gray-100",
+    "text_class": "text-gray-900"
+  },
+  "nf-image": {
+    "name": "nf-image",
+    "title": "Image",
+    "icon": "i-heroicons-photo",
+    "default_block_name": "Image",
+    "bg_class": "bg-yellow-100",
+    "text_class": "text-yellow-900"
+  },
+  "nf-code": {
+    "name": "nf-code",
+    "title": "Code",
+    "icon": "i-heroicons-code-bracket",
+    "default_block_name": "Code Block",
+    "bg_class": "bg-yellow-100",
+    "text_class": "text-yellow-900"
+  }
+}