Update and simplify main menu (#2166)

.changeset/rude-crabs-sparkle.md

@@ -0,0 +1,5 @@
+---
+"preview": patch
+---
+
+Update and simplify main menu

preview/pages/_data/menu.json

@@ -96,14 +96,6 @@
         "title": "Carousel",
         "url": "carousel.html"
       },
-      "charts": {
-        "url": "charts.html",
-        "title": "Charts"
-      },
-      "colorpicker": {
-        "url": "colorpicker.html",
-        "title": "Color picker"
-      },
       "colors": {
         "url": "colors.html",
         "title": "Colors"
@@ -112,18 +104,10 @@
         "url": "datagrid.html",
         "title": "Data grid"
       },
-      "datatables": {
-        "url": "datatables.html",
-        "title": "Datatables"
-      },
       "dropdowns": {
         "url": "dropdowns.html",
         "title": "Dropdowns"
       },
-      "dropzone": {
-        "title": "Dropzone",
-        "url": "dropzone.html"
-      },
       "error": {
         "title": "Error pages",
         "children": {
@@ -141,18 +125,6 @@
           }
         }
       },
-      "flags": {
-        "title": "Flags",
-        "url": "flags.html"
-      },
-      "plyr": {
-        "title": "Inline player",
-        "url": "inline-player.html"
-      },
-      "lightbox": {
-        "title": "Lightbox",
-        "url": "lightbox.html"
-      },
       "lists": {
         "title": "Lists",
         "url": "lists.html"
@@ -161,18 +133,6 @@
         "url": "modals.html",
         "title": "Modal"
       },
-      "maps": {
-        "url": "maps.html",
-        "title": "Map"
-      },
-      "map-fullsize": {
-        "url": "map-fullsize.html",
-        "title": "Map fullsize"
-      },
-      "maps-vector": {
-        "url": "maps-vector.html",
-        "title": "Map vector"
-      },
       "markdown": {
         "title": "Markdown",
         "url": "markdown.html"
@@ -227,10 +187,6 @@
         "url": "tags.html",
         "title": "Tags"
       },
-      "tinymce": {
-        "title": "TinyMCE",
-        "url": "tinymce.html"
-      },
       "toasts": {
         "title": "Toasts",
         "url": "toasts.html"
@@ -304,10 +260,6 @@
         "title": "Page loader",
         "url": "page-loader.html"
       },
-      "payment-providers": {
-        "title": "Payment providers",
-        "url": "payment-providers.html"
-      },
       "photogrid": {
         "title": "Photogrid",
         "url": "photogrid.html"
@@ -413,20 +365,77 @@
       }
     }
   },
-  "icons": {
-    "title": "%ICONS_COUNT% icons",
-    "icon": "ghost",
-    "url": "icons.html"
+  "plugins": {
+    "title": "Plugins",
+    "icon": "puzzle",
+    "children": {
+      "charts": {
+        "url": "charts.html",
+        "title": "Charts"
+      },
+      "colorpicker": {
+        "url": "colorpicker.html",
+        "title": "Color picker"
+      },
+      "datatables": {
+        "url": "datatables.html",
+        "title": "Datatables"
+      },
+      "dropzone": {
+        "title": "Dropzone",
+        "url": "dropzone.html"
+      },
+      "plyr": {
+        "title": "Inline player",
+        "url": "inline-player.html"
+      },
+      "lightbox": {
+        "title": "Lightbox",
+        "url": "lightbox.html"
+      },
+      "maps": {
+        "url": "maps.html",
+        "title": "Map"
+      },
+      "map-fullsize": {
+        "url": "map-fullsize.html",
+        "title": "Map fullsize"
+      },
+      "maps-vector": {
+        "url": "maps-vector.html",
+        "title": "Map vector"
+      },
+      "tinymce": {
+        "title": "TinyMCE",
+        "url": "tinymce.html"
+      }
+    }
   },
-  "emails": {
-    "title": "Emails",
-    "icon": "mail-opened",
-    "url": "emails.html"
-  },
-  "illustrations": {
-    "title": "Illustrations",
-    "icon": "brand-figma",
-    "url": "illustrations.html"
+  "addons": {
+    "title": "Addons",
+    "icon": "plus",
+    "children": {
+      "icons": {
+        "title": "Icons",
+        "url": "icons.html"
+      },
+      "emails": {
+        "title": "Emails",
+        "url": "emails.html"
+      },
+      "flags": {
+        "title": "Flags",
+        "url": "flags.html"
+      },
+      "illustrations": {
+        "title": "Illustrations",
+        "url": "illustrations.html"
+      },
+      "payment-providers": {
+        "title": "Payment providers",
+        "url": "payment-providers.html"
+      }
+    }
   },
   "help": {
     "title": "Help",

preview/pages/charts.html

@@ -1,7 +1,7 @@
 ---
 title: Charts
 page-header: Charts
-page-menu: base.charts
+page-menu: plugins.charts
 page-libs: [apexcharts]
 layout: default
 permalink: charts.html

preview/pages/colorpicker.html

@@ -1,7 +1,7 @@
 ---
 title: Color picker
 page-header: Color picker
-page-menu: base.colorpicker
+page-menu: plugins.colorpicker
 page-libs: [coloris.js]
 layout: default
 permalink: colorpicker.html

preview/pages/datatables.html

@@ -2,7 +2,7 @@
 title: Datatables
 page-header: Datatables
 page-libs: [lists]
-page-menu: base.datatables
+page-menu: plugins.datatables
 layout: default
 permalink: datatables.html
 ---

preview/pages/dropzone.html

@@ -1,7 +1,7 @@
 ---
 title: Dropzone
 page-header: Dropzone
-page-menu: base.dropzone
+page-menu: plugins.dropzone
 page-libs: [dropzone]
 layout: default
 permalink: dropzone.html

preview/pages/emails.html

@@ -1,6 +1,6 @@
 ---
 page-header: Email templates
-page-menu: emails
+page-menu: addons.emails
 page-libs: [masonry, fslightbox]
 layout: default
 permalink: emails.html

preview/pages/flags.html

@@ -1,7 +1,7 @@
 ---
 title: Flags
 page-header: Flags
-page-menu: base.flags
+page-menu: addons.flags
 layout: default
 permalink: flags.html
 ---

preview/pages/icons.html

@@ -1,7 +1,7 @@
 ---
 title: Icons
 page-header: Icons
-page-menu: icons
+page-menu: addons.icons
 layout: default
 permalink: icons.html
 ---

preview/pages/illustrations.html

@@ -1,7 +1,7 @@
 ---
 title: SVG Illustrations
 page-header: SVG Illustrations
-page-menu: illustrations
+page-menu: addons.illustrations
 layout: default
 permalink: illustrations.html
 ---

preview/pages/inline-player.html

@@ -1,7 +1,7 @@
 ---
 title: Inline Player
 page-header: Inline Player
-page-menu: base.plyr
+page-menu: plugins.plyr
 page-libs: [plyr]
 layout: default
 permalink: inline-player.html

preview/pages/lightbox.html

@@ -2,7 +2,7 @@
 title: Lightbox
 page-header: Lightbox
 page-libs: [fslightbox]
-page-menu: base.lightbox
+page-menu: plugins.lightbox
 layout: default
 permalink: lightbox.html
 ---

preview/pages/map-fullsize.html

@@ -4,7 +4,7 @@ page-libs: [google-maps]
 layout-wrapper-full: true
 layout-sidebar: true
 layout-hide-topbar: true
-page-menu: base.map-fullsize 
+page-menu: plugins.map-fullsize 
 permalink: map-fullsize.html
 ---
 

preview/pages/maps-vector.html

@@ -1,7 +1,7 @@
 ---
 title: Vector Maps
 page-header: Vector Maps
-page-menu: base.maps-vector
+page-menu: plugins.maps-vector
 page-libs: [jsvectormap, jsvectormap-world, jsvectormap-world-merc]
 layout: default
 permalink: maps-vector.html

preview/pages/maps.html

@@ -1,7 +1,7 @@
 ---
 title: Maps
 page-header: Maps
-page-menu: base.maps
+page-menu: plugins.maps
 page-libs: [mapbox]
 layout: default
 permalink: maps.html

preview/pages/payment-providers.html

@@ -1,7 +1,7 @@
 ---
 title: Payment Providers
 page-header: Payment Providers
-page-menu: extra.payments
+page-menu: addons.payments
 layout: default
 permalink: payment-providers.html
 ---

preview/pages/tinymce.html

@@ -1,7 +1,7 @@
 ---
 title: TinyMCE
 page-header: TinyMCE
-page-menu: base.tinymce
+page-menu: plugins.tinymce
 page-libs: [tinymce]
 layout: default
 permalink: tinymce.html