Added basics of LCPLegend and more controls for blocks. Added boilerplate for lcp/line-graph

blocks/bar-graph/build/block.json

@@ -22,7 +22,11 @@
         "Parent": "lcpText"
       }
     },
-    "enableStacked": {
+    "enableStackedBars": {
+      "type": "boolean",
+      "default": false
+    },
+    "enableDrillDown": {
       "type": "boolean",
       "default": false
     },
@@ -30,6 +34,18 @@
       "type": "boolean",
       "default": false
     },
+    "hierarchicalSource": {
+      "type": "string",
+      "default": "parent"
+    },
+    "hierarchicalColumnOrder": {
+      "type": "string",
+      "default": ""
+    },
+    "hierachicalDepth": {
+      "type": "number",
+      "default": 1
+    },
     "chartData": {
       "type": "array",
       "default": [
@@ -48,30 +64,6 @@
           "Color": "#ff0000",
           "Content": "<p>Second item</p>",
           "Parent": "lcpDatapoint-1"
-        },
-        {
-          "ID": "lcpDatapoint-3",
-          "Label": "Sample 3",
-          "Value": 30,
-          "Color": "#00ff00",
-          "Content": "<p>Third item</p>",
-          "Parent": ""
-        },
-        {
-          "ID": "lcpDatapoint-4",
-          "Label": "Sample 4",
-          "Value": 20,
-          "Color": "#0000ff",
-          "Content": "<p>Fourth item</p>",
-          "Parent": ""
-        },
-        {
-          "ID": "lcpDatapoint-5",
-          "Label": "Sample 5",
-          "Value": 80,
-          "Color": "#800080",
-          "Content": "<p>Fifth item</p>",
-          "Parent": ""
         }
       ]
     },
@@ -111,6 +103,10 @@
       "type": "boolean",
       "default": true
     },
+    "legendFontSize": {
+      "type": "string",
+      "default": "16px"
+    },
     "legendLocation": {
       "type": "string",
       "default": "top"
@@ -166,6 +162,50 @@
     "toolbarAlignment": {
       "type": "string",
       "default": "left"
+    },
+    "enableDatapointTooltip": {
+      "type": "boolean",
+      "default": false
+    },
+    "enableDatapointPopup": {
+      "type": "boolean",
+      "default": false
+    },
+    "showXAxisLabel": {
+      "type": "boolean",
+      "default": true
+    },
+    "xAxisLabel": {
+      "type": "string",
+      "default": ""
+    },
+    "showYAxisLabel": {
+      "type": "boolean",
+      "default": true
+    },
+    "yAxisLabel": {
+      "type": "string",
+      "default": ""
+    },
+    "barsColorSource": {
+      "type": "string",
+      "default": "default"
+    },
+    "renderXGrid": {
+      "type": "boolean",
+      "default": false
+    },
+    "xGridColor": {
+      "type": "string",
+      "default": "blue"
+    },
+    "renderYGrid": {
+      "type": "boolean",
+      "default": false
+    },
+    "yGridColor": {
+      "type": "string",
+      "default": "#e0e0e0"
     }
   },
   "textdomain": "lcp-visualize",

blocks/bar-graph/build/index.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array('react', 'react-dom', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n'), 'version' => '32e6baadcfdb2c5e9a4b');
+<?php return array('dependencies' => array('react', 'react-dom', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n'), 'version' => '97d348e4919de980ad6b');