perf: ⚡️ upgrade throttle-debounce lib, fix tests after refactor

Author: streamich

package.json

@@ -28,7 +28,7 @@
     "semantic-release": "semantic-release"
   },
   "dependencies": {
-    "throttle-debounce": "^1.0.1",
+    "throttle-debounce": "^2.0.1",
     "nano-css": "^1.13.0",
     "screenfull": "^3.3.2",
     "fast-af": "^0.1.0",

src/IdleSensor/index.ts

@@ -1,7 +1,7 @@
 import {Component} from 'react';
 import {render, createEnhancer} from 'react-universal-interface';
 import {on, off, noop} from '../util';
-import * as throttle from 'throttle-debounce/throttle';
+import {throttle} from 'throttle-debounce';
 
 const equalSets = (a: string[], b: string[]) => {
   if (a.length !== b.length) {

src/LocalStorage/index.ts

@@ -1,6 +1,6 @@
 import {Component} from 'react';
 import {get, set, del} from './local-storage';
-const debounce = require('throttle-debounce/debounce');
+import {debounce} from 'throttle-debounce';
 
 export interface ILocalStorageProps {
   name: string;

src/Parallax/index.ts

@@ -3,7 +3,7 @@ import {render} from 'react-universal-interface';
 import {IUniversalInterfaceProps} from '../typing';
 import {noop, on, off} from '../util';
 import {getElRect, getRootRect, TRect} from '../ViewportScrollSensor';
-const throttle = require('throttle-debounce/throttle');
+import {throttle} from 'throttle-debounce';
 
 const zeros: TRect = [0, 0, 0, 0];
 

src/Slider/index.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import {noop, on, off} from '../util';
 import renderProp from '../util/renderProp';
-const throttle = require('throttle-debounce/throttle');
+import {throttle} from 'throttle-debounce';
 
 export interface ISliderProps {
   children?: React.ReactElement<any> | ((state: ISliderState) => React.ReactElement<any>);

src/SyncSensor/index.ts

@@ -1,7 +1,7 @@
-import {Component} from 'react';
+import * as React from 'react';
 import {noop} from '../util';
 import renderProp from '../util/renderProp';
-import * as throttle from 'throttle-debounce/throttle';
+import {throttle} from 'throttle-debounce';
 
 export interface ISyncSensorProps<TState> {
   throttle?: number;
@@ -13,7 +13,7 @@ export interface ISyncSensorProps<TState> {
   onEvent: (event) => TState;
 }
 
-export class SyncSensor<TState> extends Component<ISyncSensorProps<TState>, TState> {
+export class SyncSensor<TState> extends React.Component<ISyncSensorProps<TState>, TState> {
   static defaultProps = {
     throttle: 100
   };

src/ViewportScrollSensor/index.ts

@@ -1,6 +1,6 @@
 import {Component, cloneElement, SFCElement} from 'react';
 import {on, off, noop} from '../util';
-import * as throttle from 'throttle-debounce/throttle';
+import {throttle} from 'throttle-debounce';
 import renderProp from '../util/renderProp';
 import {IUniversalInterfaceProps} from '../typing';
 

src/WindowScrollSensor/index.ts

@@ -1,4 +1,4 @@
-import {Component} from 'react';
+import * as React from 'react';
 import {SyncSensor} from '../SyncSensor';
 import {isClient, h} from '../util';
 import faccToHoc from '../util/faccToHoc';
@@ -36,7 +36,7 @@ const getInitialState = () => {
   }
 };
 
-export class WindowScrollSensor extends Component<IWindowScrollSensorProps, any> {
+export class WindowScrollSensor extends React.Component<IWindowScrollSensorProps, any> {
   initial = getInitialState();
 
   render () {

src/WindowWidthSensor/index.ts

@@ -4,7 +4,7 @@ import faccToHoc from '../util/faccToHoc';
 import renderProp from '../util/renderProp';
 import {IUniversalInterfaceProps} from '../typing'
 import {noop, on, off} from '../util';
-const throttle = require('throttle-debounce/throttle');
+import {throttle} from 'throttle-debounce';
 
 export interface IWindowWidthSensorProps extends IUniversalInterfaceProps<IWindowWidthSensorState> {
   width?: number,

src/util.ts

@@ -1,4 +1,4 @@
-import {createElement} from 'react';
+import * as React from 'react';
 
 export type TComponent<TProps> = React.ComponentClass<TProps> | React.StatelessComponent<TProps>;
 export type THoc<P1, P2> = (Comp: TComponent<P1>) => TComponent<P2>
@@ -29,4 +29,4 @@ export const sym = (name) => {
 
 export const isFn = (fn) => typeof fn === 'function';
 
-export const h = createElement as any;
+export const h = React.createElement;