@singularsystems/neo-react 0.10.50 → 0.10.51

package/dist/ReactComponents/Icons/FontAwesomeIconFactory.d.ts

@@ -2,10 +2,22 @@ import React from "react";
 import { IconFactory } from "./IconFactory";
 import { IconStyle } from "./IIconFactory";
 interface IconDefinition {
-    icon: string;
+    iconName: string;
 }
+interface FontAwesomeIconComponentProps {
+    icon: any;
+    fixedWidth?: boolean;
+    spin?: boolean;
+}
+declare type FontAwesomeComponent = (props: FontAwesomeIconComponentProps) => JSX.Element;
 /** Icon factory supporting font-awesome string, as well as the font-awesome icon definition and component. */
 export declare class FontAwesomeIconFactory extends IconFactory {
+    private fontAwesomeComponentType;
+    /**
+     * Creates a font awesome factory, allowing the use of IconDefinition on any neo icon prop.
+     * @param fontAwesomeComponentType import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+     */
+    constructor(fontAwesomeComponentType: FontAwesomeComponent);
     protected createIconComponent(iconComponent: IconDefinition | JSX.Element, iconStyle?: IconStyle): React.ReactNode;
 }
 export {};

package/dist/ReactComponents/Icons/FontAwesomeIconFactory.js

@@ -1,19 +1,28 @@
-import { __assign, __decorate, __extends } from "tslib";
+import { __assign, __decorate, __extends, __metadata } from "tslib";
 import React from "react";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { injectable } from "inversify";
 import { IconFactory } from "./IconFactory";
 /** Icon factory supporting font-awesome string, as well as the font-awesome icon definition and component. */
 var FontAwesomeIconFactory = /** @class */ (function (_super) {
     __extends(FontAwesomeIconFactory, _super);
-    function FontAwesomeIconFactory() {
-        return _super !== null && _super.apply(this, arguments) || this;
+    /**
+     * Creates a font awesome factory, allowing the use of IconDefinition on any neo icon prop.
+     * @param fontAwesomeComponentType import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+     */
+    function FontAwesomeIconFactory(fontAwesomeComponentType) {
+        var _this = _super.call(this) || this;
+        _this.fontAwesomeComponentType = fontAwesomeComponentType;
+        return _this;
     }
     FontAwesomeIconFactory.prototype.createIconComponent = function (iconComponent, iconStyle) {
         var _a, _b, _c, _d;
-        if (iconComponent.icon) {
+        if (iconComponent.iconName) {
             // Icon was specified using a font-awesome icon descriptor, return the font-awesome icon component.
-            return React.createElement(FontAwesomeIcon, { icon: iconComponent, fixedWidth: (_a = iconStyle) === null || _a === void 0 ? void 0 : _a.fixedWidth, spin: (_b = iconStyle) === null || _b === void 0 ? void 0 : _b.spin });
+            return React.createElement(this.fontAwesomeComponentType, {
+                icon: iconComponent,
+                fixedWidth: (_a = iconStyle) === null || _a === void 0 ? void 0 : _a.fixedWidth,
+                spin: (_b = iconStyle) === null || _b === void 0 ? void 0 : _b.spin
+            });
         }
         else {
             // Icon was specified as a font-awesome component. Extract the props, and override using the requested style.
@@ -28,7 +37,8 @@ var FontAwesomeIconFactory = /** @class */ (function (_super) {
         }
     };
     FontAwesomeIconFactory = __decorate([
-        injectable()
+        injectable(),
+        __metadata("design:paramtypes", [Function])
     ], FontAwesomeIconFactory);
     return FontAwesomeIconFactory;
 }(IconFactory));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@singularsystems/neo-react",
-  "version": "0.10.50",
+  "version": "0.10.51",
   "description": "React application logic and components for the Neo client library",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -30,7 +30,6 @@
     "tslib": "2.3.1"
   },
   "dependencies": {
-    "@fortawesome/react-fontawesome": "0.2.0",
     "@types/rc-slider": "^8.6.5",
     "@types/react-color": "^3.0.1",
     "@types/react-select": "3.1.0",