diff --git a/packages/redux-devtools-inspector-monitor/src/ActionListRow.tsx b/packages/redux-devtools-inspector-monitor/src/ActionListRow.tsx index 7f684c28..21455b8d 100644 --- a/packages/redux-devtools-inspector-monitor/src/ActionListRow.tsx +++ b/packages/redux-devtools-inspector-monitor/src/ActionListRow.tsx @@ -1,6 +1,7 @@ import React, { MouseEvent, MouseEventHandler, PureComponent } from 'react'; import PropTypes from 'prop-types'; import dateformat from 'dateformat'; +import type { DebouncedFunc } from 'lodash'; import debounce from 'lodash.debounce'; import { StylingFunction } from 'react-base16-styling'; import { Action } from 'redux'; @@ -179,12 +180,13 @@ export default class ActionListRow< this.handleMouseEnterDebounced(e.buttons); }; - handleMouseEnterDebounced = debounce((buttons) => { - if (buttons) return; - this.setState({ hover: true }); - }, 150); + handleMouseEnterDebounced: DebouncedFunc<(buttons: number) => void> = + debounce((buttons) => { + if (buttons) return; + this.setState({ hover: true }); + }, 150); - handleMouseLeave = debounce(() => { + handleMouseLeave: DebouncedFunc<() => void> = debounce(() => { this.handleMouseEnterDebounced.cancel(); if (this.state.hover) this.setState({ hover: false }); }, 100); diff --git a/packages/redux-devtools-inspector-monitor/src/utils/createStylingFromTheme.ts b/packages/redux-devtools-inspector-monitor/src/utils/createStylingFromTheme.ts index 8f75dd68..00f998e4 100644 --- a/packages/redux-devtools-inspector-monitor/src/utils/createStylingFromTheme.ts +++ b/packages/redux-devtools-inspector-monitor/src/utils/createStylingFromTheme.ts @@ -1,8 +1,9 @@ import jss, { StyleSheet } from 'jss'; import preset from 'jss-preset-default'; -import { createStyling } from 'react-base16-styling'; +import { createStyling, StylingFunction, Theme } from 'react-base16-styling'; import rgba from 'hex-rgba'; import { Base16Theme } from 'redux-devtools-themes'; +import type { CurriedFunction1 } from 'lodash'; import inspector from '../themes/inspector'; import * as reduxThemes from 'redux-devtools-themes'; import * as inspectorThemes from '../themes'; @@ -405,7 +406,10 @@ const getDefaultThemeStyling = (theme: Base16Theme) => { export const base16Themes = { ...reduxThemes, ...inspectorThemes }; -export const createStylingFromTheme = createStyling(getDefaultThemeStyling, { +export const createStylingFromTheme: CurriedFunction1< + Theme | undefined, + StylingFunction +> = createStyling(getDefaultThemeStyling, { defaultBase16: inspector, base16Themes, });