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

blocks/line-graph/build/block.json

@@ -0,0 +1,215 @@
+{
+  "$schema": "https://schemas.wp.org/trunk/block.json",
+  "apiVersion": 3,
+  "name": "lcp/line-graph",
+  "version": "1.0.0",
+  "title": "Line Graph",
+  "category": "widgets",
+  "icon": "chart-bar",
+  "description": "Display data as a line graph using D3.js",
+  "supports": {
+    "html": false
+  },
+  "attributes": {
+    "columnTypes": {
+      "type": "object",
+      "default": {
+        "ID": "lcpText",
+        "Label": "lcpText",
+        "Value": "lcpNumber",
+        "Color": "lcpColor",
+        "Content": "lcpText",
+        "Parent": "lcpText"
+      }
+    },
+    "enableStackedBars": {
+      "type": "boolean",
+      "default": false
+    },
+    "enableDrillDown": {
+      "type": "boolean",
+      "default": false
+    },
+    "enableHierachical": {
+      "type": "boolean",
+      "default": false
+    },
+    "hierarchicalSource": {
+      "type": "string",
+      "default": "parent"
+    },
+    "hierarchicalColumnOrder": {
+      "type": "string",
+      "default": ""
+    },
+    "hierachicalDepth": {
+      "type": "number",
+      "default": 1
+    },
+    "chartData": {
+      "type": "array",
+      "default": [
+        {
+          "ID": "lcpDatapoint-1",
+          "Label": "Sample 1",
+          "Value": 100,
+          "Color": "#007cba",
+          "Content": "<p>First item</p>",
+          "Parent": ""
+        },
+        {
+          "ID": "lcpDatapoint-2",
+          "Label": "Sample 2",
+          "Value": 50,
+          "Color": "#ff0000",
+          "Content": "<p>Second item</p>",
+          "Parent": "lcpDatapoint-1"
+        }
+      ]
+    },
+    "chartHeight": {
+      "type": "string",
+      "default": "400px"
+    },
+    "chartWidth": {
+      "type": "string",
+      "default": "100%"
+    },
+    "idColumn": {
+      "type": "string",
+      "default": "ID"
+    },
+    "barColor": {
+      "type": "string",
+      "default": "#007cba"
+    },
+    "valueColumn": {
+      "type": "string",
+      "default": "Value"
+    },
+    "labelsColumn": {
+      "type": "string",
+      "default": "Label"
+    },
+    "colorColumn": {
+      "type": "string",
+      "default": "Color"
+    },
+    "popoverColumn": {
+      "type": "string",
+      "default": "Content"
+    },
+    "renderLegend": {
+      "type": "boolean",
+      "default": true
+    },
+    "legendFontSize": {
+      "type": "string",
+      "default": "16px"
+    },
+    "legendLocation": {
+      "type": "string",
+      "default": "top"
+    },
+    "legendAlignment": {
+      "type": "string",
+      "default": "left"
+    },
+    "allowDownloadImage": {
+      "type": "boolean",
+      "default": false
+    },
+    "downloadImageMaxWidth": {
+      "type": "string",
+      "default": "2000px"
+    },
+    "allowDownloadCsv": {
+      "type": "boolean",
+      "default": false
+    },
+    "allowDownloadJson": {
+      "type": "boolean",
+      "default": false
+    },
+    "allowFilter": {
+      "type": "boolean",
+      "default": false
+    },
+    "allowSorting": {
+      "type": "boolean",
+      "default": false
+    },
+    "renderFooter": {
+      "type": "boolean",
+      "default": false
+    },
+    "footerContent": {
+      "type": "string",
+      "default": ""
+    },
+    "chartTitle": {
+      "type": "string",
+      "default": ""
+    },
+    "chartSubtitle": {
+      "type": "string",
+      "default": ""
+    },
+    "toolbarLocation": {
+      "type": "string",
+      "default": "bottom"
+    },
+    "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",
+  "editorScript": "file:./index.js",
+  "editorStyle": "file:./index.css",
+  "style": "file:./style-index.css"
+}

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

@@ -0,0 +1 @@
+<?php return array('dependencies' => array('react', 'react-dom', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n'), 'version' => '7d02545764a85b66ef48');

blocks/line-graph/build/style-index.css

@@ -0,0 +1 @@
+