[react-color] Type updates for the individual APIs (#18571)

Update to the type definition of the individual APIs to reflect their specificity (adding of onSwatchHover for example)

types/react-color/index.d.ts

@@ -1,6 +1,6 @@
-// Type definitions for react-color 2.11
+// Type definitions for react-color 2.13
 // Project: https://github.com/casesandberg/react-color/
-// Definitions by: Karol Janyst <https://github.com/LKay>, Marks Polakovs <https://github.com/markspolakovs>
+// Definitions by: Karol Janyst <https://github.com/LKay>, Marks Polakovs <https://github.com/markspolakovs>, Matthieu Montaudouin <https://github.com/mntdn>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 

types/react-color/lib/components/block/Block.d.ts

@@ -1,9 +1,11 @@
 import { Component } from "react";
-import { ColorPickerProps } from "react-color";
+import { ColorPickerProps, Color } from "react-color";
 
 export interface BlockPickerProps extends ColorPickerProps<BlockPicker> {
     colors?: string[];
     width?: string;
+    triangle?: 'hide' | 'top';
+    onSwatchHover?(color: Color, event: MouseEvent): void;
 }
 
 export default class BlockPicker extends Component<BlockPickerProps> {}

types/react-color/lib/components/circle/Circle.d.ts

@@ -1,9 +1,12 @@
 import { Component } from "react";
-import { ColorPickerProps } from "react-color";
+import { ColorPickerProps, Color } from "react-color";
 
 export interface CirclePickerProps extends ColorPickerProps<CirclePicker> {
     colors?: string[];
     width?: string;
+    circleSize?: number;
+    circleSpacing?: number;
+    onSwatchHover?(color: Color, event: MouseEvent): void;
 }
 
 export default class CirclePicker extends Component<CirclePickerProps> {}

types/react-color/lib/components/compact/Compact.d.ts

@@ -1,8 +1,9 @@
 import { Component } from "react";
-import { ColorPickerProps } from "react-color";
+import { ColorPickerProps, Color } from "react-color";
 
 export interface CompactPickerProps extends ColorPickerProps<CompactPicker> {
     colors?: string[];
+    onSwatchHover?(color: Color, event: MouseEvent): void;
 }
 
 export default class CompactPicker extends Component<CompactPickerProps> {}

types/react-color/lib/components/github/Github.d.ts

@@ -1,10 +1,11 @@
 import { Component } from "react";
-import { ColorPickerProps } from "react-color";
+import { ColorPickerProps, Color } from "react-color";
 
 export interface GithubPickerProps extends ColorPickerProps<GithubPicker> {
     colors?: string[];
     width?: string;
     triangle?: 'hide' | 'top-left' | 'top-right';
+    onSwatchHover?(color: Color, event: MouseEvent): void;
 }
 
 export default class GithubPicker extends Component<GithubPickerProps> {}

types/react-color/lib/components/sketch/Sketch.d.ts

@@ -1,10 +1,11 @@
 import { Component } from "react";
-import { ColorPickerProps } from "react-color";
+import { ColorPickerProps, Color } from "react-color";
 
 export interface SketchPickerProps extends ColorPickerProps<SketchPicker> {
     disableAlpha?: boolean;
     presetColors?: string[];
     width?: string;
+    onSwatchHover?(color: Color, event: MouseEvent): void;
 }
 
 export default class SketchPicker extends Component<SketchPickerProps> {}

types/react-color/lib/components/swatches/Swatches.d.ts

@@ -1,10 +1,11 @@
 import { Component } from "react";
-import { ColorPickerProps } from "react-color";
+import { ColorPickerProps, Color } from "react-color";
 
 export interface SwatchesPickerProps extends ColorPickerProps<SwatchesPicker> {
     colors?: string[][];
     height?: number;
     width?: number;
+    onSwatchHover?(color: Color, event: MouseEvent): void;
 }
 
 export default class SwatchesPicker extends Component<SwatchesPickerProps> {}

types/react-color/lib/components/twitter/Twitter.d.ts

@@ -1,6 +1,11 @@
 import { Component } from "react";
-import { ColorPickerProps } from "react-color";
+import { ColorPickerProps, Color } from "react-color";
 
-export type TwitterPickerProps = ColorPickerProps<TwitterPicker>;
+export interface TwitterPickerProps extends ColorPickerProps<TwitterPicker> {
+    colors?: string[];
+    width?: string;
+    triangle?: 'hide' | 'top-left' | 'top-right';
+    onSwatchHover?(color: Color, event: MouseEvent): void;
+}
 
 export default class TwitterPicker extends Component<TwitterPickerProps> {}