@gisce/react-ooui 1.1.28 → 1.1.30

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gisce/react-ooui",
-  "version": "1.1.28",
+  "version": "1.1.30",
   "files": [
     "dist",
     "src",

package/src/__tests__/iconMapper.test.ts

@@ -16,4 +16,15 @@ describe("A IconMapper instance", () => {
     const icon = iconMapper("gtk-find-and-replace");
     expect(icon).toBe(findAndReplaceIcon);
   })
+  test("should return gtk-go", () => {
+    const findAndReplaceIcon = Icons.FileSearchOutlined;
+    const icon = iconMapper("gtk-find-and-replace");
+    expect(icon).toBe(findAndReplaceIcon);
+  })
+  describe("If key doesn't exist in iconMapper", () => {
+    test("should return undefined", () => {
+      const icon = iconMapper("gtk-foo-bar");
+      expect(icon).toBe(undefined);
+    })
+  })
 });

package/src/helpers/iconMapper.ts

@@ -103,8 +103,7 @@ const iconMapping: { [key: string]: string } = {
 export default (key: string) => {
   if (key.indexOf("gtk-") !== -1) {
     const rootIcon = key.replace("gtk-", "").replace(/\-/g, "_");
-    const newKey = `STOCK_${rootIcon.toUpperCase()}`;
-    return getIconForKey(iconMapping[newKey]);
+    key = `STOCK_${rootIcon.toUpperCase()}`;
   }
 
   if (iconMapping.hasOwnProperty(key)) {
@@ -114,7 +113,7 @@ export default (key: string) => {
   return getIconForKey(key);
 };
 
-function toCamelCase(key: string) : string  {
+function toCamelCase(key: string): string {
   return `${key
     .split("-")
     .map((word) =>
@@ -126,7 +125,8 @@ function toCamelCase(key: string) : string  {
     .join("")}`;
 }
 
-function getIconForKey(IconCamelCase: string) {
+function getIconForKey(key: string) {
+  let IconCamelCase = key.charAt(0).toUpperCase() + key.slice(1); // Capitalize first letter
   if (IconCamelCase.indexOf("-") !== -1) {
     IconCamelCase = toCamelCase(IconCamelCase);
   }