refactor(redux-devtools-inspector): drop dep on react-input-enhancements (#568)

This commit is contained in:
Nathan Bierema 2020-08-08 12:13:59 -04:00 committed by GitHub
parent 51c95525fc
commit d312ca2057
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 17 additions and 73 deletions

View File

@ -9,7 +9,6 @@ import ControlLabel from 'react-bootstrap/lib/ControlLabel';
import Form from 'react-bootstrap/lib/Form';
import Col from 'react-bootstrap/lib/Col';
import InputGroup from 'react-bootstrap/lib/InputGroup';
import Combobox from 'react-input-enhancements/lib/Combobox';
import * as base16 from 'base16';
import * as inspectorThemes from '../../../src/themes';
import getOptions from './getOptions';
@ -107,14 +106,21 @@ class DemoApp extends React.Component {
</Col>
<Col sm={9}>
<InputGroup>
<Combobox
options={themeOptions}
value={options.theme}
onSelect={value => this.setTheme(options, value)}
optionFilters={[]}
<FormControl
componentClass="select"
onChange={event =>
this.setTheme(options, event.currentTarget.value)
}
>
{props => <FormControl {...props} type="text" />}
</Combobox>
{themeOptions.map(theme => (
<option
key={(theme && theme.label) || 'empty'}
label={(theme && theme.label) || '──────────'}
value={theme && theme.value}
disabled={!theme}
/>
))}
</FormControl>
<InputGroup.Addon>
<a onClick={this.toggleTheme} style={styles.link}>
{options.dark ? 'Light theme' : 'Dark theme'}

View File

@ -42,7 +42,6 @@
"react": "^16.13.1",
"react-bootstrap": "^0.30.10",
"react-dom": "^16.13.1",
"react-input-enhancements": "^0.7.6",
"react-redux": "^6.0.1",
"react-router": "^3.2.6",
"react-router-redux": "^4.0.8",

View File

@ -4383,11 +4383,6 @@ boolean@^3.0.0, boolean@^3.0.1:
resolved "https://registry.yarnpkg.com/boolean/-/boolean-3.0.1.tgz#35ecf2b4a2ee191b0b44986f14eb5f052a5cbb4f"
integrity sha512-HRZPIjPcbwAVQvOTxR4YE3o8Xs98NqbbL1iEZDCz7CL8ql0Lt5iOyJFxfnAB0oFs8Oh02F/lLlg30Mexv46LjA==
bowser@^1.0.0:
version "1.9.4"
resolved "https://registry.yarnpkg.com/bowser/-/bowser-1.9.4.tgz#890c58a2813a9d3243704334fa81b96a5c150c9a"
integrity sha512-9IdMmj2KjigRq6oWhmwv1W36pDuA4STQZ8q6YO9um+x07xgYNCD3Oou+WP/3L1HNz7iqythGet3/p4wvc8AAwQ==
boxen@^2.0.0:
version "2.1.0"
resolved "https://registry.yarnpkg.com/boxen/-/boxen-2.1.0.tgz#8d576156e33fc26a34d6be8635fd16b1d745f0b2"
@ -8595,11 +8590,6 @@ husky@^4.2.5:
slash "^3.0.0"
which-pm-runs "^1.0.0"
hyphenate-style-name@^1.0.1:
version "1.0.4"
resolved "https://registry.yarnpkg.com/hyphenate-style-name/-/hyphenate-style-name-1.0.4.tgz#691879af8e220aea5750e8827db4ef62a54e361d"
integrity sha512-ygGZLjmXfPHj+ZWh6LwbC37l43MhfztxetbFCoYTM2VjkIUpeHgSNn7QIyVFj7YQ1Wl9Cbw5sholVJPzWvC2MQ==
iconv-lite@0.4.24, iconv-lite@^0.4.17, iconv-lite@^0.4.24, iconv-lite@^0.4.4:
version "0.4.24"
resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.24.tgz#2022b4b25fbddc21d2f524974a474aafe733908b"
@ -8792,14 +8782,6 @@ init-package-json@^1.10.3:
validate-npm-package-license "^3.0.1"
validate-npm-package-name "^3.0.0"
inline-style-prefixer@^2.0.1:
version "2.0.5"
resolved "https://registry.yarnpkg.com/inline-style-prefixer/-/inline-style-prefixer-2.0.5.tgz#c153c7e88fd84fef5c602e95a8168b2770671fe7"
integrity sha1-wVPH6I/YT+9cYC6VqBaLJ3BnH+c=
dependencies:
bowser "^1.0.0"
hyphenate-style-name "^1.0.1"
inquirer@5.2.0:
version "5.2.0"
resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-5.2.0.tgz#db350c2b73daca77ff1243962e9f22f099685726"
@ -10521,7 +10503,7 @@ lodash.clonedeep@4.5.0, lodash.clonedeep@^4.5.0:
resolved "https://registry.yarnpkg.com/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz#e23f3f9c4f8fbdde872529c1071857a086e5ccef"
integrity sha1-4j8/nE+Pvd6HJSnBBxhXoIblzO8=
lodash.curry@^4.0.1, lodash.curry@^4.1.1:
lodash.curry@^4.1.1:
version "4.1.1"
resolved "https://registry.yarnpkg.com/lodash.curry/-/lodash.curry-4.1.1.tgz#248e36072ede906501d75966200a86dab8b23170"
integrity sha1-JI42By7ekGUB11lmIAqG2riyMXA=
@ -10548,7 +10530,7 @@ lodash.flattendeep@^4.4.0:
resolved "https://registry.yarnpkg.com/lodash.flattendeep/-/lodash.flattendeep-4.4.0.tgz#fb030917f86a3134e5bc9bec0d69e0013ddfedb2"
integrity sha1-+wMJF/hqMTTlvJvsDWngAT3f7bI=
lodash.flow@^3.3.0, lodash.flow@^3.5.0:
lodash.flow@^3.5.0:
version "3.5.0"
resolved "https://registry.yarnpkg.com/lodash.flow/-/lodash.flow-3.5.0.tgz#87bf40292b8cf83e4e8ce1a3ae4209e20071675a"
integrity sha1-h79AKSuM+D5OjOGjrkIJ4gBxZ1o=
@ -11198,11 +11180,6 @@ modify-values@^1.0.0:
resolved "https://registry.yarnpkg.com/modify-values/-/modify-values-1.0.1.tgz#b3939fa605546474e3e3e3c63d64bd43b4ee6022"
integrity sha512-xV2bxeN6F7oYjZWTe/YPAy6MN2M+sL4u/Rlm2AHCIVGfo2p1yGmBHQ6vHehl4bRTZBdHu3TSkWdYgkwpYzAGSw==
moment@^2.14.1:
version "2.27.0"
resolved "https://registry.yarnpkg.com/moment/-/moment-2.27.0.tgz#8bff4e3e26a236220dfe3e36de756b6ebaa0105d"
integrity sha512-al0MUK7cpIcglMv3YF13qSgdAIqxHTO7brRtaz3DlSULbqfazqkc5kEjNrLDOM7fsjshoFIihnU8snrP7zUvhQ==
moo@^0.5.0:
version "0.5.1"
resolved "https://registry.yarnpkg.com/moo/-/moo-0.5.1.tgz#7aae7f384b9b09f620b6abf6f74ebbcd1b65dbc4"
@ -12931,7 +12908,7 @@ punycode@^2.1.0, punycode@^2.1.1:
resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.1.1.tgz#b58b010ac40c22c5657616c8d2c2c02c7bf479ec"
integrity sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==
pure-color@^1.2.0, pure-color@^1.3.0:
pure-color@^1.3.0:
version "1.3.0"
resolved "https://registry.yarnpkg.com/pure-color/-/pure-color-1.3.0.tgz#1fe064fb0ac851f0de61320a8bf796836422f33e"
integrity sha1-H+Bk+wrIUfDeYTIKi/eWg2Qi8z4=
@ -13090,16 +13067,6 @@ react-addons-create-fragment@^15.5.3:
loose-envify "^1.3.1"
object-assign "^4.1.0"
react-base16-styling@^0.5.3:
version "0.5.3"
resolved "https://registry.yarnpkg.com/react-base16-styling/-/react-base16-styling-0.5.3.tgz#3858f24e9c4dd8cbd3f702f3f74d581ca2917269"
integrity sha1-OFjyTpxN2MvT9wLz901YHKKRcmk=
dependencies:
base16 "^1.0.0"
lodash.curry "^4.0.1"
lodash.flow "^3.3.0"
pure-color "^1.2.0"
react-bootstrap@^0.30.10:
version "0.30.10"
resolved "https://registry.yarnpkg.com/react-bootstrap/-/react-bootstrap-0.30.10.tgz#dbba6909595f2af4d91937db0f96ec8c2df2d1a8"
@ -13128,16 +13095,6 @@ react-color@^2.14.1:
reactcss "^1.2.0"
tinycolor2 "^1.4.1"
react-day-picker-themeable@^7.0.5:
version "7.0.5"
resolved "https://registry.yarnpkg.com/react-day-picker-themeable/-/react-day-picker-themeable-7.0.5.tgz#c0a2c24af6e7f562820251eef2d4284582ca9879"
integrity sha512-IQZoK6ljQBkqIUuno+KCWmiMnKW8E/RKdXvL37dMQlH+i6c6IQyj0PKswu7QrwwUGLwjKB2REc80M4glka8bCg==
dependencies:
object-assign "^4.1.1"
prop-types "^15.6.0"
react-base16-styling "^0.6.0"
react-is-deprecated "0.1.2"
react-deep-force-update@^1.0.0:
version "1.1.2"
resolved "https://registry.yarnpkg.com/react-deep-force-update/-/react-deep-force-update-1.1.2.tgz#3d2ae45c2c9040cbb1772be52f8ea1ade6ca2ee1"
@ -13262,19 +13219,6 @@ react-input-autosize@^2.1.2:
dependencies:
prop-types "^15.5.8"
react-input-enhancements@^0.7.6:
version "0.7.6"
resolved "https://registry.yarnpkg.com/react-input-enhancements/-/react-input-enhancements-0.7.6.tgz#83bec30c057ba80301a38fe74652512b017fa3bd"
integrity sha512-8I1cey2BTIOXR2Gdkv02sg/nQu8eBjMGqLzZKT9PgSn6T4Fi4ORhIBn1xo6ZXVnh/RD+MalKydzyhHEWhmitYg==
dependencies:
babel-runtime "^6.11.6"
inline-style-prefixer "^2.0.1"
lodash.sortby "^4.7.0"
moment "^2.14.1"
prop-types "^15.6.0"
react-base16-styling "^0.5.3"
react-day-picker-themeable "^7.0.5"
react-inspector@^2.3.0:
version "2.3.1"
resolved "https://registry.yarnpkg.com/react-inspector/-/react-inspector-2.3.1.tgz#f0eb7f520669b545b441af9d38ec6d706e5f649c"
@ -13284,11 +13228,6 @@ react-inspector@^2.3.0:
is-dom "^1.0.9"
prop-types "^15.6.1"
react-is-deprecated@0.1.2:
version "0.1.2"
resolved "https://registry.yarnpkg.com/react-is-deprecated/-/react-is-deprecated-0.1.2.tgz#301148f86ea428fe8e673eca7a372160b7579dbd"
integrity sha1-MBFI+G6kKP6OZz7KejchYLdXnb0=
react-is@^16.12.0, react-is@^16.13.0, react-is@^16.13.1, react-is@^16.7.0, react-is@^16.8.1, react-is@^16.8.2, react-is@^16.8.4, react-is@^16.8.6:
version "16.13.1"
resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"