hoist static functions in withLocalization

fluent-gecko/vendor_config.js

@@ -1,4 +1,5 @@
 import nodeResolve from 'rollup-plugin-node-resolve';
+import commonjs from 'rollup-plugin-commonjs';
 import bundleConfig from '../bundle_config';
 
 export default Object.assign({}, bundleConfig, {
@@ -30,5 +31,10 @@ export default Object.assign({}, bundleConfig, {
   ],
   plugins: [
     nodeResolve(),
+    commonjs({
+      namedExports: {
+        "hoist-non-react-statics": [ "hoistNonReactStatics" ]
+      }
+    })
   ]
 });

fluent-react/package.json

@@ -48,6 +48,7 @@
   "dependencies": {
     "cached-iterable": "^0.2.1",
     "@fluent/sequence": "0.4.0",
+    "hoist-non-react-statics": "^3.0.0",
     "prop-types": "^15.6.0"
   },
   "peerDependencies": {

fluent-react/src/with_localization.js

@@ -2,6 +2,8 @@ import { createElement, Component } from "react";
 
 import { isReactLocalization } from "./localization";
 
+import hoistNonReactStatics from "hoist-non-react-statics";
+
 export default function withLocalization(Inner) {
   class WithLocalization extends Component {
     componentDidMount() {
@@ -60,7 +62,7 @@ export default function withLocalization(Inner) {
     l10n: isReactLocalization
   };
 
-  return WithLocalization;
+  return hoistNonReactStatics(WithLocalization, Inner);
 }
 
 function displayName(component) {

fluent-react/test/with_localization_test.js

@@ -5,8 +5,14 @@ import { FluentBundle, FluentResource } from '../../fluent-bundle/src';
 import ReactLocalization from '../src/localization';
 import { withLocalization, LocalizationProvider } from '../src';
 
-function DummyComponent() {
-  return <div />;
+class DummyComponent extends React.Component {
+  static doStaticThing() {
+    return "done";
+  }
+
+  render() {
+    return <div />;
+  }
 }
 
 suite('withLocalization', function() {
@@ -123,4 +129,10 @@ bar = BAR {$arg}
     wrapper.update();
     assert.strictEqual(wrapper.text(), 'BAR');
   })
+
+  test('static function is hoisted onto the wrapped component', function() {
+    const EnhancedComponent = withLocalization(DummyComponent);
+    const result = EnhancedComponent.doStaticThing();
+    assert.strictEqual(result, "done");
+  })
 });

package.json

@@ -32,6 +32,7 @@
     "prettyjson": "^1.2.1",
     "rollup": "^1.9.3",
     "rollup-plugin-babel": "^4.3.2",
+    "rollup-plugin-commonjs": "^10.1.0",
     "rollup-plugin-node-resolve": "^4.2.2"
   }
 }