feat: add voronoi controls to theme builder

FormidableLabs · Nov 19, 2024 · 1675e72 · 1675e72
1 parent b412817
commit 1675e72
Showing 1 changed file with 51 additions and 0 deletions.
diff --git a/demo/ts/components/theme-builder/options-config.tsx b/demo/ts/components/theme-builder/options-config.tsx
@@ -9,6 +9,7 @@ import { VictoryLegend } from "victory-legend";
 import { VictoryLine } from "victory-line";
 import { VictoryPie } from "victory-pie";
 import { VictoryScatter } from "victory-scatter";
+import { VictoryVoronoi } from "victory-voronoi";
 
 type ThemeBuilderFieldConfig =
   | {
@@ -843,6 +844,56 @@ const optionsConfig: ThemeBuilderOptionsConfig = [
       },
     ],
   },
+  {
+    type: "section",
+    title: "Voronoi",
+    content: (props) => (
+      <VictoryVoronoi
+        {...props}
+        data={[
+          { x: 1, y: 2 },
+          { x: 2, y: 3 },
+          { x: 3, y: 5 },
+          { x: 4, y: 4 },
+          { x: 5, y: 7 },
+        ]}
+      />
+    ),
+    fields: [
+      {
+        type: "section",
+        label: "General",
+        fields: [
+          {
+            type: "colorPicker",
+            label: "Fill",
+            default: "#FFFFFF",
+            path: "voronoi.style.data.fill",
+          },
+          {
+            type: "colorPicker",
+            label: "Stroke",
+            default: defaultFill,
+            path: "voronoi.style.data.stroke",
+          },
+          {
+            type: "slider",
+            label: "Stroke Width",
+            min: 0,
+            max: 5,
+            unit: "px",
+            default: 2,
+            path: "voronoi.style.data.strokeWidth",
+          },
+        ],
+      },
+      {
+        type: "section",
+        label: "Labels",
+        fields: getBaseLabelsConfig("voronoi.style.labels"),
+      },
+    ],
+  },
 ];
 
 export default optionsConfig;