From 8c0354460adb15dbbb6a0bc26c690d027c3ec22c Mon Sep 17 00:00:00 2001
From: Jukka Kurkela <jukka.kurkela@gmail.com>
Date: Sat, 24 Jul 2021 21:35:13 +0300
Subject: [PATCH] Update radar dataset option typings (#9462)

---
 types/index.esm.d.ts                          |  6 ++---
 .../radar_dataset_indexable_options.ts        | 26 +++++++++++++++++++
 2 files changed, 28 insertions(+), 4 deletions(-)
 create mode 100644 types/tests/controllers/radar_dataset_indexable_options.ts

diff --git a/types/index.esm.d.ts b/types/index.esm.d.ts
index 155b5330f56..0a3e1c28eaa 100644
--- a/types/index.esm.d.ts
+++ b/types/index.esm.d.ts
@@ -377,10 +377,8 @@ export const PolarAreaController: ChartComponent & {
 
 export interface RadarControllerDatasetOptions
   extends ControllerDatasetOptions,
-    ScriptableOptions<PointPrefixedOptions, ScriptableContext<'radar'>>,
-    ScriptableOptions<PointPrefixedHoverOptions, ScriptableContext<'radar'>>,
-    ScriptableOptions<LineOptions, ScriptableContext<'radar'>>,
-    ScriptableOptions<LineHoverOptions, ScriptableContext<'radar'>>,
+    ScriptableAndArrayOptions<PointOptions & PointHoverOptions & PointPrefixedOptions & PointPrefixedHoverOptions, ScriptableContext<'radar'>>,
+    ScriptableAndArrayOptions<LineOptions & LineHoverOptions, ScriptableContext<'radar'>>,
     AnimationOptions<'radar'> {
         /**
    * The ID of the x axis to plot this dataset on.
diff --git a/types/tests/controllers/radar_dataset_indexable_options.ts b/types/tests/controllers/radar_dataset_indexable_options.ts
new file mode 100644
index 00000000000..0c66f23f6cb
--- /dev/null
+++ b/types/tests/controllers/radar_dataset_indexable_options.ts
@@ -0,0 +1,26 @@
+import { Chart, ChartOptions } from '../../index.esm';
+
+const chart = new Chart('test', {
+  type: 'radar',
+  data: {
+    labels: ['a', 'b', 'c'],
+    datasets: [{
+      data: [1, 2, 3],
+      backgroundColor: ['red', 'green', 'blue'],
+      borderColor: ['red', 'green', 'blue'],
+      hoverRadius: [1, 2, 3],
+      pointBackgroundColor: ['red', 'green', 'blue'],
+      pointBorderColor: ['red', 'green', 'blue'],
+      pointBorderWidth: [1, 2, 3],
+      pointHitRadius: [1, 2, 3],
+      pointHoverBackgroundColor: ['red', 'green', 'blue'],
+      pointHoverBorderColor: ['red', 'green', 'blue'],
+      pointHoverBorderWidth: [1, 2, 3],
+      pointHoverRadius: [1, 2, 3],
+      pointRadius: [1, 2, 3],
+      pointRotation: [1, 2, 3],
+      pointStyle: ['circle', 'cross', 'crossRot'],
+      radius: [1, 2, 3],
+    }]
+  },
+});