fixed typos, dependencies, UX

docs/modules/ROOT/pages/user-guide/reports/bar-chart.adoc

@@ -103,9 +103,9 @@ and will need to be executed manually.
 
 |Expand Height For Legend |on/off |off |Useful for when the legend has many labels. When enabled the chart height will adjust to the number of rows returned by the query and therefore will prevent legend labels being cut off.
 
-|Inner Padding |number |0 |When specified, will implement padding between any grouped elements\
+|Inner Padding |number |0 |When specified, will add padding between any grouped elements.
 
-|Legend Position |Vertical/Horizontal |Vertical |Will dictate whether the lagend is displayed vertically on the right hand side of the chart or horizontally on the bottom of the chart
+|Legend Position |Vertical/Horizontal |Vertical |Will dictate whether the lagend is displayed vertically on the right hand side of the chart or horizontally on the bottom of the chart.
 |===
 
 == Rule-Based Styling

package.json

@@ -35,6 +35,7 @@
   "keywords": [],
   "author": "Neo4j Labs",
   "dependencies": {
+    "babel-runtime": "^6.26.0",
     "@azure/openai": "^1.0.0-beta.2",
     "@codemirror/lang-markdown": "^6.1.1",
     "@dnd-kit/core": "^6.0.8",

src/config/ReportConfig.tsx

@@ -339,7 +339,7 @@ const _REPORT_TYPES = {
         default: false,
       },
       showOptionalSelections: {
-        label: 'Show Optional Selections',
+        label: 'Grouping',
         type: SELECTION_TYPES.LIST,
         values: [true, false],
         default: false,
@@ -350,12 +350,6 @@ const _REPORT_TYPES = {
         values: ['linear', 'symlog'],
         default: 'linear',
       },
-      customDimensions: {
-        label: 'Custom Dimensions',
-        type: SELECTION_TYPES.LIST,
-        values: [true, false],
-        default: false,
-      },
       minValue: {
         label: 'Min Value',
         type: SELECTION_TYPES.NUMBER,
@@ -390,6 +384,17 @@ const _REPORT_TYPES = {
         values: [true, false],
         default: false,
       },
+      customDimensions: {
+        label: 'Custom Dimensions',
+        type: SELECTION_TYPES.LIST,
+        values: [true, false],
+        default: false,
+      },
+      barWidth: {
+        label: 'Bar Width',
+        type: SELECTION_TYPES.NUMBER,
+        default: 10,
+      },
       labelSkipWidth: {
         label: 'Skip label if Bar Width < Xpx',
         type: SELECTION_TYPES.NUMBER,
@@ -471,12 +476,6 @@ const _REPORT_TYPES = {
         type: SELECTION_TYPES.NUMBER,
         default: '0 (No refresh)',
       },
-      // New settings integrated as per their relevance
-      barWidth: {
-        label: 'Bar Width',
-        type: SELECTION_TYPES.NUMBER,
-        default: 10,
-      },
       expandHeightForLegend: {
         label: 'Expand Height For Legend',
         type: SELECTION_TYPES.LIST,
@@ -499,7 +498,7 @@ const _REPORT_TYPES = {
         type: SELECTION_TYPES.NUMBER,
         default: 0.25,
       },
-    }
+    },
   },
   pie: {
     label: 'Pie Chart',

yarn.lock

@@ -5630,11 +5630,6 @@ caniuse-lite@^1.0.30001449, caniuse-lite@^1.0.30001464, caniuse-lite@^1.0.300015
   resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001546.tgz"
   integrity sha512-zvtSJwuQFpewSyRrI3AsftF6rM0X80mZkChIt1spBGEvRglCrjTniXvinc8JKRoqTwXAgvqTImaN9igfSMtUBw==
 
-caniuse-lite@^1.0.30001546:
-  version "1.0.30001546"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001546.tgz#10fdad03436cfe3cc632d3af7a99a0fb497407f0"
-  integrity sha512-zvtSJwuQFpewSyRrI3AsftF6rM0X80mZkChIt1spBGEvRglCrjTniXvinc8JKRoqTwXAgvqTImaN9igfSMtUBw==
-
 canvas-color-tracker@1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/canvas-color-tracker/-/canvas-color-tracker-1.2.1.tgz#c552872f8f254bac3e74ea4cc7fed3bb19859bf1"