[Fabric] when rendering a custom icon in command bar the icon is now in the proper location

Author: Ben Grynhaus

libs/fabric/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "../../node_modules/ng-packagr/package.schema.json",
   "name": "@angular-react/fabric",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "ngPackage": {
     "lib": {
       "entryFile": "public-api.ts",
@@ -62,7 +62,7 @@
   ],
   "private": false,
   "peerDependencies": {
-    "@angular-react/core": "^0.2.3",
+    "@angular-react/core": "^0.2.4",
     "@angular/common": "^5.2.7",
     "@angular/core": "^5.2.7",
     "@angular/platform-browser-dynamic": "^5.2.7",

libs/fabric/src/components/command-bar/command-bar.component.ts

@@ -189,7 +189,8 @@ export class FabCommandBarComponent extends ReactWrapperComponent<ICommandBarPro
   private _transformCommandBarItemOptionsToProps(itemOptions: ICommandBarItemOptions): ICommandBarItemProps {
     const sharedProperties = omit(itemOptions, 'renderIcon', 'render');
 
-    const iconRenderer = this.createInputJsxRenderer(itemOptions.renderIcon);
+    // Legacy render mode is used for the icon because otherwise the icon is to the right of the text (instead of the usual left)
+    const iconRenderer = this.createInputJsxRenderer(itemOptions.renderIcon, { legacyRenderMode: true });
     const renderer = this.createInputJsxRenderer(itemOptions.render);
 
     return Object.assign(