Fix React deprecation warnings (#1976)

- Refactor imports of PropTypes to use the prop-types package
- Upgrade dependencies that were setting off deprecation warnings

frontend/components/App/App.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 import { noop } from 'lodash';
 import classnames from 'classnames';

frontend/components/AuthenticatedAdminRoutes/AuthenticatedAdminRoutes.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 import { push } from 'react-router-redux';
 

frontend/components/AuthenticatedRoutes/AuthenticatedRoutes.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 import { isEqual } from 'lodash';
 import { push } from 'react-router-redux';

frontend/components/AuthenticationFormWrapper/AuthenticationFormWrapper.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 
 const baseClass = 'auth-form-wrapper';
 

frontend/components/ClickableTableRow/index.jsx

@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 
 const ClickableTableRow = ({ children, className, onClick, onDoubleClick }) => {
   /* eslint-disable jsx-a11y/no-static-element-interactions */

frontend/components/EmailTokenRedirect/EmailTokenRedirect.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 
 import helpers from 'components/EmailTokenRedirect/helpers';

frontend/components/EnsureUnauthenticated/EnsureUnauthenticated.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 import { noop } from 'lodash';
 import { push } from 'react-router-redux';

frontend/components/KolideAce/KolideAce.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import AceEditor from 'react-ace';
 import classnames from 'classnames';
 import 'brace/mode/sql';

frontend/components/LoginRoutes/LoginRoutes.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 
 import { hideBackgroundImage } from 'redux/nodes/app/actions';

frontend/components/NumberPill/NumberPill.jsx

@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 
 const NumberPill = ({ number }) => {
   return <span className="number-pill">{number}</span>;

frontend/components/SmtpWarning/SmtpWarning.jsx

@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 
 import Button from 'components/buttons/Button';

frontend/components/StackedWhiteBoxes/StackedWhiteBoxes.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import { Link } from 'react-router';
 import classnames from 'classnames';
 

frontend/components/UserBlock/UserBlock.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 
 import Avatar from 'components/Avatar';

frontend/components/UserBlock/_styles.scss

@@ -20,7 +20,7 @@
   }
 
   &__header {
-  transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
+    transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
     background-color: $bg-light;
     border-bottom: 1px solid $accent-light;
     color: $text-ultradark;

frontend/components/buttons/DropdownButton/DropdownButton.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import { noop } from 'lodash';
 import classnames from 'classnames';
 

frontend/components/buttons/EllipsisMenu/EllipsisMenu.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 
 import { calculateTooltipDirection } from './helpers';
 import ClickOutside from '../../ClickOutside';

frontend/components/flash_messages/FlashMessage/FlashMessage.jsx

@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 
 import notificationInterface from 'interfaces/notification';

frontend/components/flash_messages/PersistentFlash/PersistentFlash.jsx

@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 
 import Icon from 'components/icons/Icon';

frontend/components/forms/ChangeEmailForm/ChangeEmailForm.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 
 import Button from 'components/buttons/Button';
 import Form from 'components/forms/Form';

frontend/components/forms/ChangePasswordForm/ChangePasswordForm.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 
 import Button from 'components/buttons/Button';
 import Form from 'components/forms/Form';

frontend/components/forms/ConfigurePackQueryForm/ConfigurePackQueryForm.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import { pull } from 'lodash';
 
 import Icon from 'components/icons/Icon';

frontend/components/forms/ConfirmInviteForm/ConfirmInviteForm.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 
 import Form from 'components/forms/Form';
 import formFieldInterface from 'interfaces/form_field';

frontend/components/forms/ConfirmSSOInviteForm/ConfirmSSOInviteForm.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 
 import Form from 'components/forms/Form';
 import formFieldInterface from 'interfaces/form_field';

frontend/components/forms/ForgotPasswordForm/ForgotPasswordForm.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 
 import Button from 'components/buttons/Button';
 import Form from 'components/forms/Form';

frontend/components/forms/Form.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import { isEqual, noop } from 'lodash';
 
 const defaultValidate = () => { return { valid: true, errors: {} }; };

frontend/components/forms/FormField/FormField.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 
 const baseClass = 'form-field';

frontend/components/forms/InviteUserForm/InviteUserForm.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 
 import Button from 'components/buttons/Button';
 import InputFieldWithIcon from 'components/forms/fields/InputFieldWithIcon';

frontend/components/forms/LabelForm/LabelForm.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 
 import Button from 'components/buttons/Button';
 import Dropdown from 'components/forms/fields/Dropdown';

frontend/components/forms/LoginForm/LoginForm.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import { Link } from 'react-router';
 import classnames from 'classnames';
 

frontend/components/forms/LogoutForm/LogoutForm.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 
 import Button from '../../buttons/Button';
 import userInterface from '../../../interfaces/user';

frontend/components/forms/RegistrationForm/AdminDetails/AdminDetails.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 
 import Form from 'components/forms/Form';
 import formFieldInterface from 'interfaces/form_field';

frontend/components/forms/RegistrationForm/ConfirmationPage/ConfirmationPage.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 
 import Button from 'components/buttons/Button';

frontend/components/forms/RegistrationForm/KolideDetails/KolideDetails.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 
 import Form from 'components/forms/Form';
 import formFieldInterface from 'interfaces/form_field';

frontend/components/forms/RegistrationForm/OrgDetails/OrgDetails.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 
 import Form from 'components/forms/Form';
 import formFieldInterface from 'interfaces/form_field';

frontend/components/forms/RegistrationForm/RegistrationForm.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 
 import AdminDetails from 'components/forms/RegistrationForm/AdminDetails';

frontend/components/forms/ResetPasswordForm/ResetPasswordForm.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 
 import Button from 'components/buttons/Button';
 import Form from 'components/forms/Form';

frontend/components/forms/UserSettingsForm/UserSettingsForm.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 
 import Button from 'components/buttons/Button';
 import Form from 'components/forms/Form';

frontend/components/forms/admin/AppConfigForm/AppConfigForm.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 
 import Button from 'components/buttons/Button';
 import Checkbox from 'components/forms/fields/Checkbox';

frontend/components/forms/admin/EditUserForm/EditUserForm.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import Checkbox from 'components/forms/fields/Checkbox';
 import Button from 'components/buttons/Button';
 import Form from 'components/forms/Form';

frontend/components/forms/fields/Checkbox/Checkbox.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import { noop, pick } from 'lodash';
 

frontend/components/forms/fields/Dropdown/Dropdown.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import { noop, pick } from 'lodash';
 import Select from 'react-select';

frontend/components/forms/fields/InputField/InputField.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import { noop, pick } from 'lodash';
 

frontend/components/forms/fields/InputFieldWithIcon/InputFieldWithIcon.jsx

@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 
 import Icon from 'components/icons/Icon';

frontend/components/forms/fields/SelectTargetsDropdown/SelectTargetsDropdown.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import { isEqual, noop } from 'lodash';
 

frontend/components/forms/fields/SelectTargetsDropdown/SelectTargetsInput/SelectTargetsInput.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import { difference } from 'lodash';
 import Select from 'react-select';
 import 'react-select/dist/react-select.css';

frontend/components/forms/fields/SelectTargetsDropdown/SelectTargetsMenu/SelectTargetsMenu.jsx

@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { filter, includes, isEqual, noop } from 'lodash';
 

frontend/components/forms/fields/SelectTargetsDropdown/SelectTargetsMenu/SelectTargetsMenu.tests.jsx

@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import expect, { createSpy, restoreSpies } from 'expect';
 import { mount } from 'enzyme';
 import { noop } from 'lodash';

frontend/components/forms/fields/SelectTargetsDropdown/TargetDetails/TargetDetails.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import { noop } from 'lodash';
 import AceEditor from 'react-ace';
 import classnames from 'classnames';

frontend/components/forms/fields/SelectTargetsDropdown/TargetOption/TargetOption.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 
 import Icon from 'components/icons/Icon';

frontend/components/forms/fields/Slider/Slider.jsx

@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import { pick } from 'lodash';
 

frontend/components/forms/packs/EditPackForm/EditPackForm.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 
 import Button from 'components/buttons/Button';
 import Form from 'components/forms/Form';

frontend/components/forms/packs/PackForm/PackForm.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 
 import Button from 'components/buttons/Button';

frontend/components/forms/queries/QueryForm/QueryForm.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import { size } from 'lodash';
 
 import DropdownButton from 'components/buttons/DropdownButton';

frontend/components/hosts/AddHostModal/AddHostModal.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 
 import Button from 'components/buttons/Button';
 import Icon from 'components/icons/Icon';

frontend/components/hosts/HostContainer/HostContainer.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 
 import hostInterface from 'interfaces/host';
 import labelInterface from 'interfaces/label';

frontend/components/hosts/HostDetails/HostDetails.jsx

@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 
 import Button from 'components/buttons/Button';
 import hostInterface from 'interfaces/host';

frontend/components/hosts/HostPagination/HostPagination.jsx

@@ -1,4 +1,5 @@
-import React, { PureComponent, PropTypes } from 'react';
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
 import Pagination from 'rc-pagination';
 import Select from 'react-select';
 import 'rc-pagination/assets/index.css';

frontend/components/hosts/HostsTable/HostsTable.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 
 import Button from 'components/buttons/Button';

frontend/components/hosts/LonelyHost/LonelyHost.jsx

@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import { noop } from 'lodash';
 
 import Button from 'components/buttons/Button';

frontend/components/icons/Icon/Icon.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 
 const baseClass = 'kolidecon';

frontend/components/icons/OrgLogoIcon/OrgLogoIcon.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 
 import kolideLogo from '../../../../assets/images/kolide-logo.svg';
 

frontend/components/icons/PlatformIcon/PlatformIcon.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 
 import Icon from 'components/icons/Icon';

frontend/components/loaders/ProgressBar/ProgressBar.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import { round } from 'lodash';
 

frontend/components/loaders/Timer/Timer.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 
 import { convertSeconds } from './helpers';
 

frontend/components/modals/Modal/Modal.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 
 import Icon from 'components/icons/Icon';

frontend/components/packs/EditPackFormWrapper/EditPackFormWrapper.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import { noop } from 'lodash';
 
 import Button from 'components/buttons/Button';

frontend/components/packs/PackPageWrapper/PackPageWrapper.jsx

@@ -1,8 +1,9 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 
 class PackPageWrapper extends React.Component {
   static propTypes = {
-    children: React.PropTypes.node,
+    children: PropTypes.node,
   };
 
   render () {

frontend/components/packs/PacksList/PacksList.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import { includes, orderBy } from 'lodash';
 

frontend/components/packs/PacksList/Row/Row.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { isEqual } from 'lodash';
 import moment from 'moment';

frontend/components/queries/QueriesList/QueriesList.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import { includes, sortBy, size } from 'lodash';
 

frontend/components/queries/QueriesList/QueriesListRow/QueriesListRow.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import moment from 'moment';
 

frontend/components/queries/QueryPageSelectTargets/QueryPageSelectTargets.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 
 import campaignInterface from 'interfaces/campaign';
 import QueryProgressDetails from 'components/queries/QueryProgressDetails';

frontend/components/queries/QueryPageWrapper/QueryPageWrapper.jsx

@@ -1,4 +1,5 @@
-import { Component, PropTypes } from 'react';
+import { Component } from 'react';
+import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 
 import entityGetter from 'redux/utilities/entityGetter';

frontend/components/queries/QueryProgressDetails/QueryProgressDetails.jsx

@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import { get } from 'lodash';
 
 import Button from 'components/buttons/Button';

frontend/components/queries/QueryResultsTable/QueryResultsRow.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import { isEqual, omit, values } from 'lodash';
 
 import queryResultInterface from 'interfaces/query_result';

frontend/components/queries/QueryResultsTable/QueryResultsTable.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import { keys, omit } from 'lodash';
 

frontend/components/queries/ScheduledQueriesList/ScheduledQueriesList.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import { includes, sortBy, size } from 'lodash';
 

frontend/components/queries/ScheduledQueriesList/ScheduledQueriesListItem/ScheduledQueriesListItem.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 
 import Checkbox from 'components/forms/fields/Checkbox';

frontend/components/queries/ScheduledQueriesListWrapper/ScheduledQueriesListWrapper.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import { pull } from 'lodash';
 
 import Button from 'components/buttons/Button';

frontend/components/side_panels/HostSidePanel/HostSidePanel.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import { filter } from 'lodash';
 
 import Icon from 'components/icons/Icon';

frontend/components/side_panels/HostSidePanel/PanelGroup/PanelGroup.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import { isEqual, noop } from 'lodash';
 
 import labelInterface from 'interfaces/label';

frontend/components/side_panels/HostSidePanel/PanelGroupItem/PanelGroupItem.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 
 import Icon from 'components/icons/Icon';

frontend/components/side_panels/PackDetailsSidePanel/PackDetailsSidePanel.jsx

@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 
 import Icon from 'components/icons/Icon';
 import { Link } from 'react-router';

frontend/components/side_panels/PackDetailsSidePanel/ScheduledQueriesSection.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import { Link } from 'react-router';
 
 import Icon from 'components/icons/Icon';

frontend/components/side_panels/QueryDetailsSidePanel/QueryDetailsSidePanel.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import { Link } from 'react-router';
 
 import Button from 'components/buttons/Button';

frontend/components/side_panels/QuerySidePanel/QuerySidePanel.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 
 import osqueryTableInterface from 'interfaces/osquery_table';
 import { osqueryTableNames } from 'utilities/osquery_tables';

frontend/components/side_panels/ScheduleQuerySidePanel/ScheduleQuerySidePanel.jsx

@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 
 import ConfigurePackQueryForm from 'components/forms/ConfigurePackQueryForm';
 import queryInterface from 'interfaces/query';

frontend/components/side_panels/ScheduleQuerySidePanel/SearchPackQuery/SearchPackQuery.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import AceEditor from 'react-ace';
 import { isEqual, sortBy } from 'lodash';
 

frontend/components/side_panels/SecondarySidePanelContainer/SecondarySidePanelContainer.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 
 class SecondarySidePanelContainer extends Component {
   static propTypes = {

frontend/components/side_panels/ShowSidePanel.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 import { noop } from 'lodash';
 

frontend/components/side_panels/SiteNavHeader/SiteNavHeader.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 
 import configInterface from 'interfaces/config';

frontend/components/side_panels/SiteNavHeader/UserMenu.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 
 import Avatar from 'components/Avatar';

frontend/components/side_panels/SiteNavSidePanel/SiteNavSidePanel.jsx

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 
 import userInterface from 'interfaces/user';

frontend/interfaces/campaign.js

@@ -1,4 +1,4 @@
-import { PropTypes } from 'react';
+import PropTypes from 'prop-types';
 
 export default PropTypes.shape({
   count: PropTypes.number,

frontend/interfaces/config.js

@@ -1,4 +1,4 @@
-import { PropTypes } from 'react';
+import PropTypes from 'prop-types';
 
 export default PropTypes.shape({
   authentication_method: PropTypes.string,

frontend/interfaces/config_option.js

@@ -1,4 +1,4 @@
-import { PropTypes } from 'react';
+import PropTypes from 'prop-types';
 
 export default PropTypes.shape({
   id: PropTypes.number,

frontend/interfaces/decorators.js

@@ -1,4 +1,4 @@
-import { PropTypes } from 'react';
+import PropTypes from 'prop-types';
 
 export default PropTypes.shape({
   id: PropTypes.number,

frontend/interfaces/dropdownOption.js

@@ -1,4 +1,4 @@
-import { PropTypes } from 'react';
+import PropTypes from 'prop-types';
 
 export default PropTypes.shape({
   disabled: PropTypes.bool,

frontend/interfaces/form_field.js

@@ -1,4 +1,4 @@
-import { PropTypes } from 'react';
+import PropTypes from 'prop-types';
 
 export default PropTypes.shape({
   error: PropTypes.string,

frontend/interfaces/host.js

@@ -1,4 +1,4 @@
-import { PropTypes } from 'react';
+import PropTypes from 'prop-types';
 
 export default PropTypes.shape({
   detail_updated_at: PropTypes.string,