reduxjs/redux-devtools
1
1
Fork 0
mirror of https://github.com/reduxjs/redux-devtools.git synced 2025-07-27 08:30:02 +03:00
Code Issues Packages Projects Releases Wiki Activity

Fix build

Browse Source
This commit is contained in:
Nathan Bierema 2022-05-07 16:49:31 -04:00
parent f9320651c8
commit 38400432b0
2 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/redux-devtools-inspector-monitor/src/ActionListRow.tsx
View File

@ -1,6 +1,7 @@
import React, { MouseEvent, MouseEventHandler, PureComponent } from 'react'; import React, { MouseEvent, MouseEventHandler, PureComponent } from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import dateformat from 'dateformat'; import dateformat from 'dateformat';
import type { DebouncedFunc } from 'lodash';
import debounce from 'lodash.debounce'; import debounce from 'lodash.debounce';
import { StylingFunction } from 'react-base16-styling'; import { StylingFunction } from 'react-base16-styling';
import { Action } from 'redux'; import { Action } from 'redux';
@ -179,12 +180,13 @@ export default class ActionListRow<
this.handleMouseEnterDebounced(e.buttons); this.handleMouseEnterDebounced(e.buttons);
}; };
handleMouseEnterDebounced = debounce((buttons) => { handleMouseEnterDebounced: DebouncedFunc<(buttons: number) => void> =
if (buttons) return; debounce((buttons) => {
this.setState({ hover: true }); if (buttons) return;
}, 150); this.setState({ hover: true });
}, 150);
handleMouseLeave = debounce(() => { handleMouseLeave: DebouncedFunc<() => void> = debounce(() => {
this.handleMouseEnterDebounced.cancel(); this.handleMouseEnterDebounced.cancel();
if (this.state.hover) this.setState({ hover: false }); if (this.state.hover) this.setState({ hover: false });
}, 100); }, 100);

8
packages/redux-devtools-inspector-monitor/src/utils/createStylingFromTheme.ts
View File

@ -1,8 +1,9 @@
import jss, { StyleSheet } from 'jss'; import jss, { StyleSheet } from 'jss';
import preset from 'jss-preset-default'; 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 rgba from 'hex-rgba';
import { Base16Theme } from 'redux-devtools-themes'; import { Base16Theme } from 'redux-devtools-themes';
import type { CurriedFunction1 } from 'lodash';
import inspector from '../themes/inspector'; import inspector from '../themes/inspector';
import * as reduxThemes from 'redux-devtools-themes'; import * as reduxThemes from 'redux-devtools-themes';
import * as inspectorThemes from '../themes'; import * as inspectorThemes from '../themes';
@ -405,7 +406,10 @@ const getDefaultThemeStyling = (theme: Base16Theme) => {
export const base16Themes = { ...reduxThemes, ...inspectorThemes }; export const base16Themes = { ...reduxThemes, ...inspectorThemes };
export const createStylingFromTheme = createStyling(getDefaultThemeStyling, { export const createStylingFromTheme: CurriedFunction1<
Theme | undefined,
StylingFunction
> = createStyling(getDefaultThemeStyling, {
defaultBase16: inspector, defaultBase16: inspector,
base16Themes, base16Themes,
}); });