@rpg-engine/long-bow 0.1.82 → 0.1.85

package/src/components/shared/SpriteIcon.tsx

@@ -1,7 +1,5 @@
 import React from 'react';
 import styled from 'styled-components';
-import iconsAtlasJSON from '../../mocks/atlas/icons/icons.json';
-import iconsAtlasIMG from '../../mocks/atlas/icons/icons.png';
 import { SpriteFromAtlas } from './SpriteFromAtlas';
 
 interface IProps {
@@ -9,6 +7,8 @@ interface IProps {
   spriteKey: string;
   baseSpriteKey?: string;
   imgStyle?: any;
+  iconsAtlasJSON: any;
+  iconsAtlasIMG: any;
 }
 
 export const SpriteIcon: React.FC<IProps> = ({
@@ -16,6 +16,8 @@ export const SpriteIcon: React.FC<IProps> = ({
   spriteKey,
   baseSpriteKey,
   imgStyle,
+  iconsAtlasJSON,
+  iconsAtlasIMG,
 }) => {
   return (
     <Container>

package/src/index.tsx

@@ -11,6 +11,7 @@ export * from './components/ListMenu';
 export * from './components/NPCDialog/NPCDialog';
 export * from './components/NPCDialog/QuestionDialog/QuestionDialog';
 export * from './components/ProgressBar';
+export * from './components/PropertySelect/PropertySelect';
 export * from './components/RadioButton';
 export * from './components/RangeSlider';
 export * from './components/RPGUIContainer';

package/src/mocks/atlas/icons/icons.json

@@ -18,10 +18,6 @@
       "sourceSize": {
         "w": 33,
         "h": 30
-      },
-      "pivot": {
-        "x": 0.5,
-        "y": 0.5
       }
     },
     "chat-large.png": {
@@ -42,13 +38,9 @@
       "sourceSize": {
         "w": 32,
         "h": 32
-      },
-      "pivot": {
-        "x": 0.5,
-        "y": 0.5
       }
     },
-    "equipment.png": {
+    "inventory.png": {
       "frame": {
         "x": 33,
         "y": 0,
@@ -66,13 +58,9 @@
       "sourceSize": {
         "w": 17,
         "h": 16
-      },
-      "pivot": {
-        "x": 0.5,
-        "y": 0.5
       }
     },
-    "inventory.png": {
+    "equipment.png": {
       "frame": {
         "x": 33,
         "y": 16,
@@ -90,10 +78,6 @@
       "sourceSize": {
         "w": 17,
         "h": 16
-      },
-      "pivot": {
-        "x": 0.5,
-        "y": 0.5
       }
     },
     "icon-base-blue.png": {
@@ -114,13 +98,9 @@
       "sourceSize": {
         "w": 16,
         "h": 16
-      },
-      "pivot": {
-        "x": 0.5,
-        "y": 0.5
       }
     },
-    "icon-base-brown.png": {
+    "chat-small.png": {
       "frame": {
         "x": 50,
         "y": 0,
@@ -128,47 +108,39 @@
         "h": 16
       },
       "rotated": false,
-      "trimmed": false,
+      "trimmed": true,
       "spriteSourceSize": {
-        "x": 0,
+        "x": 1,
         "y": 0,
         "w": 16,
         "h": 16
       },
       "sourceSize": {
-        "w": 16,
+        "w": 17,
         "h": 16
-      },
-      "pivot": {
-        "x": 0.5,
-        "y": 0.5
       }
     },
-    "chat-small.png": {
+    "skills.png": {
       "frame": {
         "x": 50,
         "y": 16,
-        "w": 16,
+        "w": 10,
         "h": 16
       },
       "rotated": false,
       "trimmed": true,
       "spriteSourceSize": {
-        "x": 1,
+        "x": 3,
         "y": 0,
-        "w": 16,
+        "w": 10,
         "h": 16
       },
       "sourceSize": {
-        "w": 17,
+        "w": 16,
         "h": 16
-      },
-      "pivot": {
-        "x": 0.5,
-        "y": 0.5
       }
     },
-    "icon-base-gold.png": {
+    "icon-base-brown.png": {
       "frame": {
         "x": 47,
         "y": 32,
@@ -186,15 +158,31 @@
       "sourceSize": {
         "w": 16,
         "h": 16
+      }
+    },
+    "icon-base-gold.png": {
+      "frame": {
+        "x": 0,
+        "y": 59,
+        "w": 16,
+        "h": 16
       },
-      "pivot": {
-        "x": 0.5,
-        "y": 0.5
+      "rotated": false,
+      "trimmed": false,
+      "spriteSourceSize": {
+        "x": 0,
+        "y": 0,
+        "w": 16,
+        "h": 16
+      },
+      "sourceSize": {
+        "w": 16,
+        "h": 16
       }
     },
     "equipment-raw.png": {
       "frame": {
-        "x": 0,
+        "x": 16,
         "y": 59,
         "w": 15,
         "h": 13
@@ -210,15 +198,31 @@
       "sourceSize": {
         "w": 16,
         "h": 13
+      }
+    },
+    "letter.png": {
+      "frame": {
+        "x": 31,
+        "y": 48,
+        "w": 15,
+        "h": 14
+      },
+      "rotated": false,
+      "trimmed": true,
+      "spriteSourceSize": {
+        "x": 1,
+        "y": 1,
+        "w": 15,
+        "h": 14
       },
-      "pivot": {
-        "x": 0.5,
-        "y": 0.5
+      "sourceSize": {
+        "w": 16,
+        "h": 16
       }
     },
     "metamask-small.png": {
       "frame": {
-        "x": 31,
+        "x": 46,
         "y": 48,
         "w": 15,
         "h": 15
@@ -234,15 +238,111 @@
       "sourceSize": {
         "w": 16,
         "h": 16
+      }
+    },
+    "write-book.png": {
+      "frame": {
+        "x": 31,
+        "y": 63,
+        "w": 15,
+        "h": 12
       },
-      "pivot": {
-        "x": 0.5,
-        "y": 0.5
+      "rotated": false,
+      "trimmed": true,
+      "spriteSourceSize": {
+        "x": 1,
+        "y": 2,
+        "w": 15,
+        "h": 12
+      },
+      "sourceSize": {
+        "w": 16,
+        "h": 16
       }
     },
-    "settings.png": {
+    "pointer-left.png": {
       "frame": {
         "x": 46,
+        "y": 63,
+        "w": 14,
+        "h": 10
+      },
+      "rotated": false,
+      "trimmed": true,
+      "spriteSourceSize": {
+        "x": 1,
+        "y": 4,
+        "w": 14,
+        "h": 10
+      },
+      "sourceSize": {
+        "w": 16,
+        "h": 16
+      }
+    },
+    "question-book.png": {
+      "frame": {
+        "x": 60,
+        "y": 63,
+        "w": 14,
+        "h": 12
+      },
+      "rotated": false,
+      "trimmed": true,
+      "spriteSourceSize": {
+        "x": 1,
+        "y": 1,
+        "w": 14,
+        "h": 12
+      },
+      "sourceSize": {
+        "w": 16,
+        "h": 16
+      }
+    },
+    "map-2.png": {
+      "frame": {
+        "x": 66,
+        "y": 0,
+        "w": 14,
+        "h": 14
+      },
+      "rotated": false,
+      "trimmed": true,
+      "spriteSourceSize": {
+        "x": 2,
+        "y": 1,
+        "w": 14,
+        "h": 14
+      },
+      "sourceSize": {
+        "w": 16,
+        "h": 16
+      }
+    },
+    "open-book.png": {
+      "frame": {
+        "x": 66,
+        "y": 14,
+        "w": 14,
+        "h": 9
+      },
+      "rotated": false,
+      "trimmed": true,
+      "spriteSourceSize": {
+        "x": 1,
+        "y": 4,
+        "w": 14,
+        "h": 9
+      },
+      "sourceSize": {
+        "w": 16,
+        "h": 16
+      }
+    },
+    "settings.png": {
+      "frame": {
+        "x": 61,
         "y": 48,
         "w": 14,
         "h": 14
@@ -258,16 +358,52 @@
       "sourceSize": {
         "w": 16,
         "h": 16
+      }
+    },
+    "pointer-right.png": {
+      "frame": {
+        "x": 63,
+        "y": 23,
+        "w": 14,
+        "h": 10
       },
-      "pivot": {
-        "x": 0.5,
-        "y": 0.5
+      "rotated": false,
+      "trimmed": true,
+      "spriteSourceSize": {
+        "x": 1,
+        "y": 4,
+        "w": 14,
+        "h": 10
+      },
+      "sourceSize": {
+        "w": 16,
+        "h": 16
+      }
+    },
+    "map-3.png": {
+      "frame": {
+        "x": 63,
+        "y": 33,
+        "w": 12,
+        "h": 13
+      },
+      "rotated": false,
+      "trimmed": true,
+      "spriteSourceSize": {
+        "x": 2,
+        "y": 1,
+        "w": 12,
+        "h": 13
+      },
+      "sourceSize": {
+        "w": 16,
+        "h": 16
       }
     },
     "inventory-raw.png": {
       "frame": {
-        "x": 15,
-        "y": 59,
+        "x": 0,
+        "y": 75,
         "w": 13,
         "h": 13
       },
@@ -282,10 +418,306 @@
       "sourceSize": {
         "w": 16,
         "h": 16
+      }
+    },
+    "map.png": {
+      "frame": {
+        "x": 13,
+        "y": 75,
+        "w": 12,
+        "h": 13
+      },
+      "rotated": false,
+      "trimmed": true,
+      "spriteSourceSize": {
+        "x": 2,
+        "y": 1,
+        "w": 12,
+        "h": 13
+      },
+      "sourceSize": {
+        "w": 16,
+        "h": 16
+      }
+    },
+    "special-diamond.png": {
+      "frame": {
+        "x": 46,
+        "y": 73,
+        "w": 12,
+        "h": 9
+      },
+      "rotated": false,
+      "trimmed": true,
+      "spriteSourceSize": {
+        "x": 2,
+        "y": 4,
+        "w": 12,
+        "h": 9
+      },
+      "sourceSize": {
+        "w": 16,
+        "h": 16
+      }
+    },
+    "inventory-2.png": {
+      "frame": {
+        "x": 25,
+        "y": 75,
+        "w": 11,
+        "h": 11
+      },
+      "rotated": false,
+      "trimmed": true,
+      "spriteSourceSize": {
+        "x": 2,
+        "y": 3,
+        "w": 11,
+        "h": 11
       },
-      "pivot": {
-        "x": 0.5,
-        "y": 0.5
+      "sourceSize": {
+        "w": 16,
+        "h": 16
+      }
+    },
+    "loop.png": {
+      "frame": {
+        "x": 36,
+        "y": 75,
+        "w": 9,
+        "h": 11
+      },
+      "rotated": false,
+      "trimmed": true,
+      "spriteSourceSize": {
+        "x": 4,
+        "y": 2,
+        "w": 9,
+        "h": 11
+      },
+      "sourceSize": {
+        "w": 16,
+        "h": 16
+      }
+    },
+    "check.png": {
+      "frame": {
+        "x": 58,
+        "y": 75,
+        "w": 11,
+        "h": 8
+      },
+      "rotated": false,
+      "trimmed": true,
+      "spriteSourceSize": {
+        "x": 2,
+        "y": 4,
+        "w": 11,
+        "h": 8
+      },
+      "sourceSize": {
+        "w": 16,
+        "h": 16
+      }
+    },
+    "close.png": {
+      "frame": {
+        "x": 69,
+        "y": 75,
+        "w": 10,
+        "h": 9
+      },
+      "rotated": false,
+      "trimmed": true,
+      "spriteSourceSize": {
+        "x": 4,
+        "y": 3,
+        "w": 10,
+        "h": 9
+      },
+      "sourceSize": {
+        "w": 16,
+        "h": 16
+      }
+    },
+    "time.png": {
+      "frame": {
+        "x": 80,
+        "y": 0,
+        "w": 9,
+        "h": 10
+      },
+      "rotated": false,
+      "trimmed": true,
+      "spriteSourceSize": {
+        "x": 3,
+        "y": 3,
+        "w": 9,
+        "h": 10
+      },
+      "sourceSize": {
+        "w": 16,
+        "h": 16
+      }
+    },
+    "look.png": {
+      "frame": {
+        "x": 79,
+        "y": 23,
+        "w": 10,
+        "h": 8
+      },
+      "rotated": false,
+      "trimmed": true,
+      "spriteSourceSize": {
+        "x": 3,
+        "y": 4,
+        "w": 10,
+        "h": 8
+      },
+      "sourceSize": {
+        "w": 16,
+        "h": 16
+      }
+    },
+    "death.png": {
+      "frame": {
+        "x": 79,
+        "y": 31,
+        "w": 10,
+        "h": 10
+      },
+      "rotated": false,
+      "trimmed": true,
+      "spriteSourceSize": {
+        "x": 3,
+        "y": 3,
+        "w": 10,
+        "h": 10
+      },
+      "sourceSize": {
+        "w": 16,
+        "h": 16
+      }
+    },
+    "question.png": {
+      "frame": {
+        "x": 80,
+        "y": 10,
+        "w": 6,
+        "h": 9
+      },
+      "rotated": false,
+      "trimmed": true,
+      "spriteSourceSize": {
+        "x": 5,
+        "y": 4,
+        "w": 6,
+        "h": 9
+      },
+      "sourceSize": {
+        "w": 16,
+        "h": 16
+      }
+    },
+    "star-black.png": {
+      "frame": {
+        "x": 79,
+        "y": 41,
+        "w": 9,
+        "h": 9
+      },
+      "rotated": false,
+      "trimmed": true,
+      "spriteSourceSize": {
+        "x": 4,
+        "y": 4,
+        "w": 9,
+        "h": 9
+      },
+      "sourceSize": {
+        "w": 16,
+        "h": 16
+      }
+    },
+    "star-blue.png": {
+      "frame": {
+        "x": 79,
+        "y": 50,
+        "w": 9,
+        "h": 9
+      },
+      "rotated": false,
+      "trimmed": true,
+      "spriteSourceSize": {
+        "x": 4,
+        "y": 4,
+        "w": 9,
+        "h": 9
+      },
+      "sourceSize": {
+        "w": 16,
+        "h": 16
+      }
+    },
+    "warn.png": {
+      "frame": {
+        "x": 74,
+        "y": 62,
+        "w": 5,
+        "h": 9
+      },
+      "rotated": false,
+      "trimmed": true,
+      "spriteSourceSize": {
+        "x": 4,
+        "y": 4,
+        "w": 5,
+        "h": 9
+      },
+      "sourceSize": {
+        "w": 16,
+        "h": 16
+      }
+    },
+    "caret-up.png": {
+      "frame": {
+        "x": 45,
+        "y": 83,
+        "w": 7,
+        "h": 5
+      },
+      "rotated": false,
+      "trimmed": true,
+      "spriteSourceSize": {
+        "x": 5,
+        "y": 5,
+        "w": 7,
+        "h": 5
+      },
+      "sourceSize": {
+        "w": 16,
+        "h": 16
+      }
+    },
+    "caret-down.png": {
+      "frame": {
+        "x": 52,
+        "y": 83,
+        "w": 7,
+        "h": 5
+      },
+      "rotated": false,
+      "trimmed": true,
+      "spriteSourceSize": {
+        "x": 5,
+        "y": 6,
+        "w": 7,
+        "h": 5
+      },
+      "sourceSize": {
+        "w": 16,
+        "h": 16
       }
     }
   },
@@ -295,8 +727,8 @@
     "image": "icons.png",
     "format": "RGBA8888",
     "size": {
-      "w": 66,
-      "h": 72
+      "w": 89,
+      "h": 88
     },
     "scale": 1
   }