Merge pull request #3829 from storybooks/3825-fix-theming

Fix non-polyfilled themed UI components
storybookjs · Jul 3, 2018 · c24eea7 · c24eea7
2 parents 7c33f1e + e8fe173
commit c24eea7
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/lib/ui/src/modules/ui/components/search_box.js b/lib/ui/src/modules/ui/components/search_box.js
@@ -1,6 +1,7 @@
 import PropTypes from 'prop-types';
 import React from 'react';
 import styled from 'react-emotion';
+import { polyfill } from 'react-lifecycles-compat';
 
 import ReactModal from 'react-modal';
 import FuzzySearch from 'react-fuzzy';
@@ -62,6 +63,7 @@ const suggestionTemplate = (props, state, styles, clickHandler) =>
   ));
 
 class SearchBox extends React.Component {
+  state = {};
   static getDerivedStateFromProps({ theme }) {
     return {
       modalClass: css({
@@ -154,4 +156,5 @@ SearchBox.propTypes = {
 };
 
 export { SearchBox };
+polyfill(SearchBox);
 export default withTheme(SearchBox);
diff --git a/lib/ui/src/modules/ui/components/shortcuts_help.js b/lib/ui/src/modules/ui/components/shortcuts_help.js
@@ -3,6 +3,7 @@ import React, { Component } from 'react';
 import styled from 'react-emotion';
 import { css } from 'emotion';
 import { withTheme } from 'emotion-theming';
+import { polyfill } from 'react-lifecycles-compat';
 
 import ReactModal from 'react-modal';
 
@@ -136,6 +137,7 @@ Shortcuts.propTypes = {
 };
 
 class ShortcutsHelp extends Component {
+  state = {};
   static getDerivedStateFromProps({ theme }) {
     return {
       modalClass: css({
@@ -194,4 +196,5 @@ ShortcutsHelp.defaultProps = {
   onClose: () => {},
 };
 
+polyfill(ShortcutsHelp);
 export default withTheme(ShortcutsHelp);