Fixes for typescript definitions, typos etc.

components/autocomplete/index.d.ts

@@ -70,7 +70,7 @@ interface AutocompleteProps extends __ReactToolbox.Props {
    * Callback function that is fired when the components's value changes.
    * @default auto
    */
-  onChange?: __React.FormEventHandler;
+  onChange?: Function;
   /**
    * Determines if the selected list is shown above or below input. It can be above or below.
    * @default above

components/button/index.d.ts

@@ -102,14 +102,6 @@ interface ButtonProps extends __ReactToolbox.Props {
    * @default true
    */
   neutral?: boolean;
-  /**
-   * Fires after the mouse leaves the Component.
-   */
-  onMouseLeave?: __React.MouseEventHandler;
-  /**
-   * Fires after the mouse is released from the Component.
-   */
-  OnMouseUp?: __React.MouseEventHandler;
   /**
    * Indicates if the button should have primary color.
    * @default false
@@ -201,17 +193,9 @@ interface IconButtonProps extends __ReactToolbox.Props {
    */
   neutral?: boolean;
   /**
-   * Fires after the mouse leaves the Component.
-   */
-  onMouseLeave?: __React.MouseEventHandler;
-  /**
-   * Fires after the mouse is released from the Component.
-   */
-  OnMouseUp?: __React.MouseEventHandler;
-  /**
-   * Indicates if the button should have primary color.
-   * @default false
-   */
+    * Indicates if the button should have primary color.
+    * @default false
+    */
   primary?: boolean;
   /**
    * If true, component will have a ripple effect on click.

components/checkbox/index.d.ts

@@ -53,11 +53,11 @@ interface CheckboxProps extends __ReactToolbox.Props {
   /**
    * Callback called when the checkbox is blurred.
    */
-  onBlur?: __React.FocusEventHandler;
+  onBlur?: Function;
   /**
    * Callback called when the checkbox value is changed.
    */
-  onChange?: __React.MouseEventHandler;
+  onChange?: Function;
   /**
    * Classnames object defining the component style.
    */

components/chip/index.d.ts

@@ -40,7 +40,7 @@ interface ChipProps extends __ReactToolbox.Props {
   /**
    * Callback to be invoked when the delete icon is clicked.
    */
-  onDeleteClick?: __React.MouseEventHandler;
+  onDeleteClick?: Function;
   /**
    * Classnames object defining the component style.
    */

components/date_picker/index.d.ts

@@ -124,15 +124,15 @@ interface DatePickerProps extends __ReactToolbox.Props {
   /**
    * Callback called when the picker value is changed.
    */
-  onChange?: __React.MouseEventHandler;
+  onChange?: Function;
   /**
    * Callback called when the ESC key is pressed with the overlay active.
    */
-  onEscKeyDown?: __React.KeyboardEventHandler;
+  onEscKeyDown?: Function;
   /**
    * Callback to be invoked when the dialog overlay is clicked.
    */
-  onOverlayClick?: __React.MouseEventHandler;
+  onOverlayClick?: Function;
   /**
    * Classnames object defining the component style.
    */

components/dialog/index.d.ts

@@ -35,7 +35,7 @@ interface DialogActionProps {
   /**
    * Callback called when the component is clicked.
    */
-  onClick?: __React.MouseEventHandler;
+  onClick?: Function;
 }
 
 interface DialogProps extends __ReactToolbox.Props {
@@ -55,23 +55,23 @@ interface DialogProps extends __ReactToolbox.Props {
   /**
    * Callback called when the ESC key is pressed with the overlay active.
    */
-  onEscKeyDown?: __React.KeyboardEventHandler;
+  onEscKeyDown?: Function;
   /**
    * Callback to be invoked when the dialog overlay is clicked.
    */
-  onOverlayClick?: __React.MouseEventHandler;
+  onOverlayClick?: Function;
   /**
    * Callback called when the mouse button is pressed on the overlay.
    */
-  onOverlayMouseDown?: __React.MouseEventHandler;
+  onOverlayMouseDown?: Function;
   /**
    * Callback called when the mouse is moving over the overlay.
    */
-  onOverlayMouseMove?: __React.MouseEventHandler;
+  onOverlayMouseMove?: Function;
   /**
    * Callback called when the mouse button is released over the overlay.
    */
-  onOverlayMouseUp?: __React.MouseEventHandler;
+  onOverlayMouseUp?: Function;
   /**
    * Classnames object defining the component style.
    */

components/drawer/index.d.ts

@@ -36,7 +36,7 @@ interface DrawerProps extends __ReactToolbox.Props {
   /**
    * Callback function to be invoked when the overlay is clicked.
    */
-  onOverlayClick?: __React.MouseEventHandler;
+  onOverlayClick?: Function;
   /**
    * Classnames object defining the component style.
    */

components/dropdown/index.d.ts

@@ -82,15 +82,15 @@ interface DropdownProps extends __ReactToolbox.Props {
   /**
    * Callback function that is fired when the component is blurred.
    */
-  onBlur?: __React.FocusEventHandler;
+  onBlur?: Function;
   /**
    * Callback function that is fired when the component's value changes.
    */
-  onChange?: __React.FormEventHandler;
+  onChange?: Function;
   /**
    * Callback function that is fired when the component is focused.
    */
-  onFocus?: __React.FocusEventHandler;
+  onFocus?: Function;
   /**
    * Array of data objects with the data to represent in the dropdown.
    */

components/index.d.ts

@@ -11,7 +11,36 @@ export declare namespace __ReactToolbox {
     /**
      * Callback called when the component is clicked.
      */
-    onClick?: __React.MouseEventHandler;
+    onClick?: Function;
+    /**
+     * Fires after the mouse is released from the Component.
+     */
+    onMouseUp?: Function;
+    /**
+     * Callback called when the mouse enters the Component.
+     */
+    onMouseEnter?: Function;
+    /**
+     * Callback called when the mouse leaves the Component.
+     */
+    onMouseLeave?: Function;
+    /**
+     * Callback called when the mouse press the Component.
+     */
+    onMouseDown?: Function;
+    onContextMenu?: Function;
+    onDoubleClick?: Function;
+    onDrag?: Function;
+    onDragEnd?: Function;
+    onDragEnter?: Function;
+    onDragExit?: Function;
+    onDragLeave?: Function;
+    onDragOver?: Function;
+    onDragStart?: Function;
+    onDrop?: Function;
+    onMouseMove?: Function;
+    onMouseOut?: Function;
+    onMouseOver?: Function;
     /**
      * Set inline style for the root component.
      */

components/input/index.d.ts

@@ -90,7 +90,7 @@ interface InputProps extends __ReactToolbox.Props {
    * If true, a textarea element will be rendered. The textarea also grows and shrinks according to the number of lines.
    * @default false
    */
-  multiLine?: boolean;
+  multiline?: boolean;
   /**
    * Name for the input field.
    */
@@ -98,19 +98,19 @@ interface InputProps extends __ReactToolbox.Props {
   /**
    * Callback function that is fired when component is blurred.
    */
-  onBlur?: __React.FocusEventHandler;
+  onBlur?: Function;
   /**
    * Callback function that is fired when the component's value changes
    */
-  onChange?: __React.FormEventHandler;
+  onChange?: Function;
   /**
    * Callback function that is fired when component is focused.
    */
-  onFocus?: __React.FocusEventHandler;
+  onFocus?: Function;
   /**
    * Callback function that is fired when a key is pressed.
    */
-  onKeyPress?: __React.MouseEventHandler;
+  onKeyPress?: Function;
   /**
    * If true, the html input has a required attribute.
    * @default false

components/layout/index.d.ts

@@ -88,7 +88,7 @@ interface NavDrawerProps extends __ReactToolbox.Props {
   /**
    * Callback function to be invoked when the overlay is clicked.
    */
-  onOverlayClick?: __React.MouseEventHandler;
+  onOverlayClick?: Function;
   /**
    * The breakpoint at which the drawer is automatically pinned.
    */

components/list/index.d.ts

@@ -91,15 +91,15 @@ interface ListCheckboxProps extends __ReactToolbox.Props {
   /**
    * Callback called when the input element is blurred.
    */
-  onBlur?: __React.FocusEventHandler;
+  onBlur?: Function;
   /**
    * Callback called when the input element is changed.
    */
-  onChange?: __React.FormEventHandler;
+  onChange?: Function;
   /**
    * Callback called when the input element is focused.
    */
-  onFocus?: __React.FocusEventHandler;
+  onFocus?: Function;
   /**
    * Classnames object defining the component style.
    */

components/radio/index.d.ts

@@ -21,7 +21,7 @@ interface RadioGroupProps extends __ReactToolbox.Props {
   /**
    * Default value selected in the radio group.
    */
-  value?: number;
+  value?: any;
 }
 
 export class RadioGroup extends __React.Component<RadioGroupProps, {}> { }
@@ -79,15 +79,15 @@ interface RadioButtonProps extends __ReactToolbox.Props {
   /**
    * Callback function that will be invoked when the input is blurred.
    */
-  onBlur?: __React.FocusEventHandler;
+  onBlur?: Function;
   /**
    * Callback function that will be invoked when the value changes.
    */
-  onChange?: __React.FormEventHandler;
+  onChange?: Function;
   /**
    * Callback function that will be invoked when the input is focused.
    */
-  onFocus?: __React.FocusEventHandler;
+  onFocus?: Function;
   /**
    * Classnames object defining the component style.
    */

components/switch/index.d.ts

@@ -57,15 +57,15 @@ interface SwitchProps extends __ReactToolbox.Props {
   /**
    * Callback function that is fired when when the switch is blurred.
    */
-  onBlur?: __React.FocusEventHandler;
+  onBlur?: Function;
   /**
    * Callback function that is fired when the component's value changes.
    */
-  onChange?: __React.FormEventHandler;
+  onChange?: Function;
   /**
    * Callback function that is fired when the switch is focused.
    */
-  onFocus?: __React.FocusEventHandler;
+  onFocus?: Function;
   /**
    * Classnames object defining the component style.
    */

components/table/index.d.ts

@@ -40,7 +40,7 @@ interface TableProps extends __ReactToolbox.Props {
   /**
    * Callback function invoked when the row selection changes.
    */
-  onSelect?: __React.FormEventHandler;
+  onSelect?: Function;
   /**
    * If true, each row will display a checkbox to allow the user to select that one row.
    * @default true

components/time_picker/index.d.ts

@@ -100,6 +100,10 @@ interface TimePickerProps {
    * Provide error text which will be displayed under the field.
    */
   error?: string;
+  /**
+   * A key to identify an Icon from Material Design Icons or a custom Icon Element.
+   */
+  icon?: __React.ReactNode | string;
   /**
    * This class will be applied to Input component of TimePicker.
    */

components/tooltip/index.d.ts

@@ -14,14 +14,6 @@ export interface TooltipTheme {
 }
 
 interface TooltipProps {
-  /**
-   * Callback called when the mouse enters the Component.
-   */
-  onMouseEnter?: __React.MouseEventHandler;
-  /**
-   * Callback called when the mouse leaves the Component.
-   */
-  onMouseLeave?: __React.MouseEventHandler;
   /**
    * Classnames object defining the component style.
    */

lib/autocomplete/index.d.ts

@@ -70,7 +70,7 @@ interface AutocompleteProps extends __ReactToolbox.Props {
    * Callback function that is fired when the components's value changes.
    * @default auto
    */
-  onChange?: __React.FormEventHandler;
+  onChange?: Function;
   /**
    * Determines if the selected list is shown above or below input. It can be above or below.
    * @default above

lib/button/index.d.ts

@@ -105,11 +105,11 @@ interface ButtonProps extends __ReactToolbox.Props {
   /**
    * Fires after the mouse leaves the Component.
    */
-  onMouseLeave?: __React.MouseEventHandler;
+  onMouseLeave?: Function;
   /**
    * Fires after the mouse is released from the Component.
    */
-  OnMouseUp?: __React.MouseEventHandler;
+  OnMouseUp?: Function;
   /**
    * Indicates if the button should have primary color.
    * @default false
@@ -203,11 +203,11 @@ interface IconButtonProps extends __ReactToolbox.Props {
   /**
    * Fires after the mouse leaves the Component.
    */
-  onMouseLeave?: __React.MouseEventHandler;
+  onMouseLeave?: Function;
   /**
    * Fires after the mouse is released from the Component.
    */
-  OnMouseUp?: __React.MouseEventHandler;
+  OnMouseUp?: Function;
   /**
    * Indicates if the button should have primary color.
    * @default false

lib/checkbox/index.d.ts

@@ -53,11 +53,11 @@ interface CheckboxProps extends __ReactToolbox.Props {
   /**
    * Callback called when the checkbox is blurred.
    */
-  onBlur?: __React.FocusEventHandler;
+  onBlur?: Function;
   /**
    * Callback called when the checkbox value is changed.
    */
-  onChange?: __React.MouseEventHandler;
+  onChange?: Function;
   /**
    * Classnames object defining the component style.
    */

lib/chip/index.d.ts

@@ -40,7 +40,7 @@ interface ChipProps extends __ReactToolbox.Props {
   /**
    * Callback to be invoked when the delete icon is clicked.
    */
-  onDeleteClick?: __React.MouseEventHandler;
+  onDeleteClick?: Function;
   /**
    * Classnames object defining the component style.
    */

lib/date_picker/index.d.ts

@@ -124,15 +124,15 @@ interface DatePickerProps extends __ReactToolbox.Props {
   /**
    * Callback called when the picker value is changed.
    */
-  onChange?: __React.MouseEventHandler;
+  onChange?: Function;
   /**
    * Callback called when the ESC key is pressed with the overlay active.
    */
-  onEscKeyDown?: __React.KeyboardEventHandler;
+  onEscKeyDown?: Function;
   /**
    * Callback to be invoked when the dialog overlay is clicked.
    */
-  onOverlayClick?: __React.MouseEventHandler;
+  onOverlayClick?: Function;
   /**
    * Classnames object defining the component style.
    */

lib/dialog/index.d.ts

@@ -35,7 +35,7 @@ interface DialogActionProps {
   /**
    * Callback called when the component is clicked.
    */
-  onClick?: __React.MouseEventHandler;
+  onClick?: Function;
 }
 
 interface DialogProps extends __ReactToolbox.Props {
@@ -55,23 +55,23 @@ interface DialogProps extends __ReactToolbox.Props {
   /**
    * Callback called when the ESC key is pressed with the overlay active.
    */
-  onEscKeyDown?: __React.KeyboardEventHandler;
+  onEscKeyDown?: Function;
   /**
    * Callback to be invoked when the dialog overlay is clicked.
    */
-  onOverlayClick?: __React.MouseEventHandler;
+  onOverlayClick?: Function;
   /**
    * Callback called when the mouse button is pressed on the overlay.
    */
-  onOverlayMouseDown?: __React.MouseEventHandler;
+  onOverlayMouseDown?: Function;
   /**
    * Callback called when the mouse is moving over the overlay.
    */
-  onOverlayMouseMove?: __React.MouseEventHandler;
+  onOverlayMouseMove?: Function;
   /**
    * Callback called when the mouse button is released over the overlay.
    */
-  onOverlayMouseUp?: __React.MouseEventHandler;
+  onOverlayMouseUp?: Function;
   /**
    * Classnames object defining the component style.
    */

lib/drawer/index.d.ts

@@ -36,7 +36,7 @@ interface DrawerProps extends __ReactToolbox.Props {
   /**
    * Callback function to be invoked when the overlay is clicked.
    */
-  onOverlayClick?: __React.MouseEventHandler;
+  onOverlayClick?: Function;
   /**
    * Classnames object defining the component style.
    */

lib/dropdown/index.d.ts

@@ -82,15 +82,15 @@ interface DropdownProps extends __ReactToolbox.Props {
   /**
    * Callback function that is fired when the component is blurred.
    */
-  onBlur?: __React.FocusEventHandler;
+  onBlur?: Function;
   /**
    * Callback function that is fired when the component's value changes.
    */
-  onChange?: __React.FormEventHandler;
+  onChange?: Function;
   /**
    * Callback function that is fired when the component is focused.
    */
-  onFocus?: __React.FocusEventHandler;
+  onFocus?: Function;
   /**
    * Array of data objects with the data to represent in the dropdown.
    */

lib/index.d.ts

@@ -11,7 +11,36 @@ export declare namespace __ReactToolbox {
     /**
      * Callback called when the component is clicked.
      */
-    onClick?: __React.MouseEventHandler;
+    onClick?: Function;
+    /**
+     * Fires after the mouse is released from the Component.
+     */
+    onMouseUp?: Function;
+    /**
+     * Callback called when the mouse enters the Component.
+     */
+    onMouseEnter?: Function;
+    /**
+     * Callback called when the mouse leaves the Component.
+     */
+    onMouseLeave?: Function;
+    /**
+     * Callback called when the mouse press the Component.
+     */
+    onMouseDown?: Function;
+    onContextMenu?: Function;
+    onDoubleClick?: Function;
+    onDrag?: Function;
+    onDragEnd?: Function;
+    onDragEnter?: Function;
+    onDragExit?: Function;
+    onDragLeave?: Function;
+    onDragOver?: Function;
+    onDragStart?: Function;
+    onDrop?: Function;
+    onMouseMove?: Function;
+    onMouseOut?: Function;
+    onMouseOver?: Function;
     /**
      * Set inline style for the root component.
      */

lib/input/index.d.ts

@@ -90,7 +90,7 @@ interface InputProps extends __ReactToolbox.Props {
    * If true, a textarea element will be rendered. The textarea also grows and shrinks according to the number of lines.
    * @default false
    */
-  multiLine?: boolean;
+  multiline?: boolean;
   /**
    * Name for the input field.
    */
@@ -98,19 +98,23 @@ interface InputProps extends __ReactToolbox.Props {
   /**
    * Callback function that is fired when component is blurred.
    */
-  onBlur?: __React.FocusEventHandler;
+  onBlur?: Function;
   /**
    * Callback function that is fired when the component's value changes
    */
-  onChange?: __React.FormEventHandler;
+  onChange?: Function;
   /**
    * Callback function that is fired when component is focused.
    */
-  onFocus?: __React.FocusEventHandler;
+  onFocus?: Function;
   /**
    * Callback function that is fired when a key is pressed.
    */
-  onKeyPress?: __React.MouseEventHandler;
+  onKeyPress?: Function;
+  /**
+   * Callback function that is fired when mouse down.
+   */
+  onMouseDown?: Function;
   /**
    * If true, the html input has a required attribute.
    * @default false

lib/layout/index.d.ts

@@ -88,7 +88,7 @@ interface NavDrawerProps extends __ReactToolbox.Props {
   /**
    * Callback function to be invoked when the overlay is clicked.
    */
-  onOverlayClick?: __React.MouseEventHandler;
+  onOverlayClick?: Function;
   /**
    * The breakpoint at which the drawer is automatically pinned.
    */

lib/list/index.d.ts

@@ -91,15 +91,15 @@ interface ListCheckboxProps extends __ReactToolbox.Props {
   /**
    * Callback called when the input element is blurred.
    */
-  onBlur?: __React.FocusEventHandler;
+  onBlur?: Function;
   /**
    * Callback called when the input element is changed.
    */
-  onChange?: __React.FormEventHandler;
+  onChange?: Function;
   /**
    * Callback called when the input element is focused.
    */
-  onFocus?: __React.FocusEventHandler;
+  onFocus?: Function;
   /**
    * Classnames object defining the component style.
    */

lib/radio/index.d.ts

@@ -21,7 +21,7 @@ interface RadioGroupProps extends __ReactToolbox.Props {
   /**
    * Default value selected in the radio group.
    */
-  value?: number;
+  value?: any;
 }
 
 export class RadioGroup extends __React.Component<RadioGroupProps, {}> { }
@@ -79,15 +79,15 @@ interface RadioButtonProps extends __ReactToolbox.Props {
   /**
    * Callback function that will be invoked when the input is blurred.
    */
-  onBlur?: __React.FocusEventHandler;
+  onBlur?: Function;
   /**
    * Callback function that will be invoked when the value changes.
    */
-  onChange?: __React.FormEventHandler;
+  onChange?: Function;
   /**
    * Callback function that will be invoked when the input is focused.
    */
-  onFocus?: __React.FocusEventHandler;
+  onFocus?: Function;
   /**
    * Classnames object defining the component style.
    */

lib/switch/index.d.ts

@@ -57,15 +57,15 @@ interface SwitchProps extends __ReactToolbox.Props {
   /**
    * Callback function that is fired when when the switch is blurred.
    */
-  onBlur?: __React.FocusEventHandler;
+  onBlur?: Function;
   /**
    * Callback function that is fired when the component's value changes.
    */
-  onChange?: __React.FormEventHandler;
+  onChange?: Function;
   /**
    * Callback function that is fired when the switch is focused.
    */
-  onFocus?: __React.FocusEventHandler;
+  onFocus?: Function;
   /**
    * Classnames object defining the component style.
    */

lib/table/index.d.ts

@@ -40,7 +40,7 @@ interface TableProps extends __ReactToolbox.Props {
   /**
    * Callback function invoked when the row selection changes.
    */
-  onSelect?: __React.FormEventHandler;
+  onSelect?: Function;
   /**
    * If true, each row will display a checkbox to allow the user to select that one row.
    * @default true

lib/time_picker/index.d.ts

@@ -100,6 +100,10 @@ interface TimePickerProps {
    * Provide error text which will be displayed under the field.
    */
   error?: string;
+  /**
+   * A key to identify an Icon from Material Design Icons or a custom Icon Element.
+   */
+  icon?: __React.ReactNode | string;
   /**
    * This class will be applied to Input component of TimePicker.
    */

lib/tooltip/index.d.ts

@@ -17,11 +17,11 @@ interface TooltipProps {
   /**
    * Callback called when the mouse enters the Component.
    */
-  onMouseEnter?: __React.MouseEventHandler;
+  onMouseEnter?: Function;
   /**
    * Callback called when the mouse leaves the Component.
    */
-  onMouseLeave?: __React.MouseEventHandler;
+  onMouseLeave?: Function;
   /**
    * Classnames object defining the component style.
    */