Compose: implement compose natively instead of reexporting from Lodash

packages/compose/README.md

@@ -66,12 +66,6 @@ For more details, you can refer to each Higher Order Component's README file. [A
 Composes multiple higher-order components into a single higher-order component. Performs right-to-left function
 composition, where each successive invocation is supplied the return value of the previous.
 
-This is just a re-export of `lodash`'s `flowRight` function.
-
-_Related_
-
--   <https://docs-lodash.com/v4/flow-right/>
-
 <a name="createHigherOrderComponent" href="#createHigherOrderComponent">#</a> **createHigherOrderComponent**
 
 Given a function mapping a component to an enhanced component and modifier

packages/compose/src/higher-order/compose/index.js

@@ -0,0 +1,16 @@
+/**
+ * Composes multiple higher-order components into a single higher-order component. Performs right-to-left function
+ * composition, where each successive invocation is supplied the return value of the previous.
+ */
+export default function compose( ...funcs ) {
+	return function ( ...args ) {
+		const length = funcs.length;
+		let index = length - 1;
+		let result =
+			length > 0 ? funcs[ index ].apply( this, args ) : args[ 0 ];
+		while ( --index >= 0 ) {
+			result = funcs[ index ].call( this, result );
+		}
+		return result;
+	};
+}

packages/compose/src/higher-order/compose/test/index.js

@@ -0,0 +1,38 @@
+/**
+ * Internal dependencies
+ */
+import compose from '../';
+
+describe( 'compose', () => {
+	it( 'composes empty array to identity that returns the first arg', () => {
+		const id = compose();
+		expect( id( 1 ) ).toBe( 1 );
+		expect( id( 'a', 'b' ) ).toBe( 'a' );
+	} );
+
+	it( 'composes functions together', () => {
+		const sumSquareInc = compose(
+			( a ) => a + 1,
+			( a ) => a ** 2,
+			( a, b ) => a + b
+		);
+		expect( sumSquareInc( 2, 3 ) ).toBe( 26 );
+	} );
+
+	it( 'composes while maintaining the this binding', () => {
+		const decorate = compose(
+			function ( s ) {
+				return s + this.suffix;
+			},
+			function ( s ) {
+				return this.prefix + s;
+			}
+		);
+		const obj = {
+			prefix: 'pre-',
+			suffix: '-ation',
+			decorate,
+		};
+		expect( obj.decorate( 'serv' ) ).toBe( 'pre-serv-ation' );
+	} );
+} );

packages/compose/src/index.js

@@ -1,7 +1,7 @@
 // Utils
 export { default as createHigherOrderComponent } from './utils/create-higher-order-component';
 
-// Compose helper (aliased flowRight from Lodash)
+// Compose helper
 export { default as compose } from './higher-order/compose';
 
 // Higher-order components