@rpg-engine/long-bow 0.2.2 → 0.2.5

package/src/mocks/itemContainer.mocks.ts

@@ -3,7 +3,7 @@ import {
   IItemContainer,
   ItemSlotType,
   ItemSubType,
-  ItemType
+  ItemType,
 } from '@rpg-engine/shared';
 
 export const items: IItem[] = [
@@ -244,7 +244,8 @@ export const items: IItem[] = [
     textureKey: 'bag',
     name: 'Bag',
     generateContainerSlots: 10,
-    description: 'You see a bag. It has made using leather and it has 10 total slots.',
+    description:
+      'You see a bag. It has made using leather and it has 10 total slots.',
     attack: 7,
     defense: 3,
     weight: 13,
@@ -252,10 +253,11 @@ export const items: IItem[] = [
     x: 320,
     y: 144,
     scene: 'MainScene',
-    fullDescription: 'You see a bag. It has made using leather and it has 10 total slots.',
+    fullDescription:
+      'You see a bag. It has made using leather and it has 10 total slots.',
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
-  }
+  },
 ];
 
 export const itemContainerMock: IItemContainer = {

package/src/stories/CharacterSelection.stories.tsx

@@ -0,0 +1,43 @@
+import { Meta, Story } from '@storybook/react';
+import React from 'react';
+import { RPGUIRoot } from '..';
+import CharacterSelection, {
+  ICharacterProps,
+} from '../components/Character/CharacterSelection';
+
+const meta: Meta = {
+  title: 'Character Selection',
+  component: CharacterSelection,
+};
+
+export default meta;
+
+const Template: Story<any> = args => (
+  <RPGUIRoot>
+    <CharacterSelection
+      {...args}
+      onChange={value => {
+        console.log(value);
+      }}
+    />
+  </RPGUIRoot>
+);
+
+export const Default = Template.bind({});
+
+const availableCharacters: ICharacterProps[] = [
+  {
+    id: 'woman',
+    name: 'Woman',
+    spriteKey: 'woman-1/down/standing/0.png',
+  },
+  {
+    id: 'kid',
+    name: 'Kid',
+    spriteKey: 'kid-1/down/standing/0.png',
+  },
+];
+
+Default.args = {
+  availableCharacters: availableCharacters,
+};

package/src/stories/PropertySelect.stories.tsx

@@ -37,5 +37,4 @@ const propertiesMock = [
 
 Default.args = {
   availableProperties: propertiesMock,
-  selectedProperty: {},
 };