@rpg-engine/long-bow 0.3.73 → 0.3.76

package/src/stories/Chat.stories.tsx

@@ -1,187 +1,187 @@
-import { ChatMessageType, IChatMessage } from '@rpg-engine/shared';
-import { Meta, Story } from '@storybook/react';
-import React from 'react';
-import { Chat } from '../components/Chat/Chat';
-import { RPGUIRoot } from '../components/RPGUIRoot';
-
-const meta: Meta = {
-  title: 'Chat',
-  component: Chat,
-};
-
-export default meta;
-
-const chatMessagesMock = [
-  {
-    _id: 'test-id-1',
-    message: 'test message',
-    emitter: {
-      _id: 'someid',
-      name: 'Guilherme',
-    },
-    type: ChatMessageType.Global,
-    x: 128,
-    y: 128,
-    scene: 'MainScene',
-    createdAt: '2020-08-20T16:00:00.000Z',
-    updatedAt: '2020-08-20T16:00:00.000Z',
-  },
-  {
-    _id: 'test-id-1',
-    message: 'test message',
-    emitter: {
-      _id: 'someid',
-      name: 'Guilherme',
-    },
-    type: ChatMessageType.Global,
-    x: 128,
-    y: 128,
-    scene: 'MainScene',
-    createdAt: '2020-08-20T16:00:00.000Z',
-    updatedAt: '2020-08-20T16:00:00.000Z',
-  },
-  {
-    _id: 'test-id-2',
-    message: 'Good morning!',
-    emitter: {
-      _id: 'someid',
-      name: 'Guilherme',
-    },
-    type: ChatMessageType.Global,
-    x: 128,
-    y: 128,
-    scene: 'MainScene',
-    createdAt: '2020-08-20T16:00:00.000Z',
-    updatedAt: '2020-08-20T16:00:00.000Z',
-  },
-  {
-    _id: 'test-id-3',
-    message: 'How are you doing?',
-    emitter: {
-      _id: 'someid',
-      name: 'Guilherme',
-    },
-    type: ChatMessageType.Global,
-    x: 128,
-    y: 128,
-    scene: 'MainScene',
-    createdAt: '2020-08-20T16:00:00.000Z',
-    updatedAt: '2020-08-20T16:00:00.000Z',
-  },
-  {
-    _id: 'test-id-4',
-    message: 'Hey hey hey!!!',
-    emitter: {
-      _id: 'someid',
-      name: 'Guilherme',
-    },
-    type: ChatMessageType.Global,
-    x: 128,
-    y: 128,
-    scene: 'MainScene',
-    createdAt: '2020-08-20T16:00:00.000Z',
-    updatedAt: '2020-08-20T16:00:00.000Z',
-  },
-  {
-    _id: 'test-id-5',
-    message: 'BITCONNEEEEEEEEECT!',
-    emitter: {
-      _id: 'someid',
-      name: 'Guilherme',
-    },
-    type: ChatMessageType.Global,
-    x: 128,
-    y: 128,
-    scene: 'MainScene',
-    createdAt: '2020-08-20T16:00:00.000Z',
-    updatedAt: '2020-08-20T16:00:00.000Z',
-  },
-  {
-    _id: 'test-id-6',
-    message: 'BITCONNEEEEEEEEECT!',
-    emitter: {
-      _id: 'someid',
-      name: 'Guilherme',
-    },
-    type: ChatMessageType.Global,
-    x: 128,
-    y: 128,
-    scene: 'MainScene',
-    createdAt: '2020-08-20T16:00:00.000Z',
-    updatedAt: '2020-08-20T16:00:00.000Z',
-  },
-  {
-    _id: 'test-id-7',
-    message: 'BITCONNEEEEEEEEECT!',
-    emitter: {
-      _id: 'someid',
-      name: 'Guilherme',
-    },
-    type: ChatMessageType.Global,
-    x: 128,
-    y: 128,
-    scene: 'MainScene',
-    createdAt: '2020-08-20T16:00:00.000Z',
-    updatedAt: '2020-08-20T16:00:00.000Z',
-  },
-  {
-    _id: 'test-id-8',
-    message: 'BITCONNEEEEEEEEECT!',
-    emitter: {
-      _id: 'someid',
-      name: 'Guilherme',
-    },
-    type: ChatMessageType.Global,
-    x: 128,
-    y: 128,
-    scene: 'MainScene',
-    createdAt: '2020-08-20T16:00:00.000Z',
-    updatedAt: '2020-08-20T16:00:00.000Z',
-  },
-  {
-    _id: 'test-id-9',
-    message: 'BITCONNEEEEEEEEECT!',
-    emitter: {
-      _id: 'someid',
-      name: 'Guilherme',
-    },
-    type: ChatMessageType.Global,
-    x: 128,
-    y: 128,
-    scene: 'MainScene',
-    createdAt: '2020-08-20T16:00:00.000Z',
-    updatedAt: '2020-08-20T16:00:00.000Z',
-  },
-  {
-    _id: 'test-id-9',
-    message: '22222EEECT!',
-    emitter: {
-      _id: 'someid',
-      name: 'Guilherme',
-    },
-    type: ChatMessageType.Global,
-    x: 128,
-    y: 128,
-    scene: 'MainScene',
-    createdAt: '2020-08-20T16:00:00.000Z',
-    updatedAt: '2020-08-20T16:00:00.000Z',
-  },
-];
-
-const Template: Story<IChatMessage> = args => (
-  <RPGUIRoot>
-    <Chat
-      onSendChatMessage={msg => console.log(msg)}
-      chatMessages={chatMessagesMock}
-      opacity={0.5}
-      styles={{
-        height: '200px',
-      }}
-      onCloseButton={() => console.log('closing chat...')}
-      sendMessage={true}
-      {...args}
-    />
-  </RPGUIRoot>
-);
-
-export const Default = Template.bind({});
+import { ChatMessageType, IChatMessage } from '@rpg-engine/shared';
+import { Meta, Story } from '@storybook/react';
+import React from 'react';
+import { Chat } from '../components/Chat/Chat';
+import { RPGUIRoot } from '../components/RPGUIRoot';
+
+const meta: Meta = {
+  title: 'Chat',
+  component: Chat,
+};
+
+export default meta;
+
+const chatMessagesMock = [
+  {
+    _id: 'test-id-1',
+    message: 'test message',
+    emitter: {
+      _id: 'someid',
+      name: 'Guilherme',
+    },
+    type: ChatMessageType.Global,
+    x: 128,
+    y: 128,
+    scene: 'MainScene',
+    createdAt: '2020-08-20T16:00:00.000Z',
+    updatedAt: '2020-08-20T16:00:00.000Z',
+  },
+  {
+    _id: 'test-id-1',
+    message: 'test message',
+    emitter: {
+      _id: 'someid',
+      name: 'Guilherme',
+    },
+    type: ChatMessageType.Global,
+    x: 128,
+    y: 128,
+    scene: 'MainScene',
+    createdAt: '2020-08-20T16:00:00.000Z',
+    updatedAt: '2020-08-20T16:00:00.000Z',
+  },
+  {
+    _id: 'test-id-2',
+    message: 'Good morning!',
+    emitter: {
+      _id: 'someid',
+      name: 'Guilherme',
+    },
+    type: ChatMessageType.Global,
+    x: 128,
+    y: 128,
+    scene: 'MainScene',
+    createdAt: '2020-08-20T16:00:00.000Z',
+    updatedAt: '2020-08-20T16:00:00.000Z',
+  },
+  {
+    _id: 'test-id-3',
+    message: 'How are you doing?',
+    emitter: {
+      _id: 'someid',
+      name: 'Guilherme',
+    },
+    type: ChatMessageType.Global,
+    x: 128,
+    y: 128,
+    scene: 'MainScene',
+    createdAt: '2020-08-20T16:00:00.000Z',
+    updatedAt: '2020-08-20T16:00:00.000Z',
+  },
+  {
+    _id: 'test-id-4',
+    message: 'Hey hey hey!!!',
+    emitter: {
+      _id: 'someid',
+      name: 'Guilherme',
+    },
+    type: ChatMessageType.Global,
+    x: 128,
+    y: 128,
+    scene: 'MainScene',
+    createdAt: '2020-08-20T16:00:00.000Z',
+    updatedAt: '2020-08-20T16:00:00.000Z',
+  },
+  {
+    _id: 'test-id-5',
+    message: 'BITCONNEEEEEEEEECT!',
+    emitter: {
+      _id: 'someid',
+      name: 'Guilherme',
+    },
+    type: ChatMessageType.Global,
+    x: 128,
+    y: 128,
+    scene: 'MainScene',
+    createdAt: '2020-08-20T16:00:00.000Z',
+    updatedAt: '2020-08-20T16:00:00.000Z',
+  },
+  {
+    _id: 'test-id-6',
+    message: 'BITCONNEEEEEEEEECT!',
+    emitter: {
+      _id: 'someid',
+      name: 'Guilherme',
+    },
+    type: ChatMessageType.Global,
+    x: 128,
+    y: 128,
+    scene: 'MainScene',
+    createdAt: '2020-08-20T16:00:00.000Z',
+    updatedAt: '2020-08-20T16:00:00.000Z',
+  },
+  {
+    _id: 'test-id-7',
+    message: 'BITCONNEEEEEEEEECT!',
+    emitter: {
+      _id: 'someid',
+      name: 'Guilherme',
+    },
+    type: ChatMessageType.Global,
+    x: 128,
+    y: 128,
+    scene: 'MainScene',
+    createdAt: '2020-08-20T16:00:00.000Z',
+    updatedAt: '2020-08-20T16:00:00.000Z',
+  },
+  {
+    _id: 'test-id-8',
+    message: 'BITCONNEEEEEEEEECT!',
+    emitter: {
+      _id: 'someid',
+      name: 'Guilherme',
+    },
+    type: ChatMessageType.Global,
+    x: 128,
+    y: 128,
+    scene: 'MainScene',
+    createdAt: '2020-08-20T16:00:00.000Z',
+    updatedAt: '2020-08-20T16:00:00.000Z',
+  },
+  {
+    _id: 'test-id-9',
+    message: 'BITCONNEEEEEEEEECT!',
+    emitter: {
+      _id: 'someid',
+      name: 'Guilherme',
+    },
+    type: ChatMessageType.Global,
+    x: 128,
+    y: 128,
+    scene: 'MainScene',
+    createdAt: '2020-08-20T16:00:00.000Z',
+    updatedAt: '2020-08-20T16:00:00.000Z',
+  },
+  {
+    _id: 'test-id-9',
+    message: '22222EEECT!',
+    emitter: {
+      _id: 'someid',
+      name: 'Guilherme',
+    },
+    type: ChatMessageType.Global,
+    x: 128,
+    y: 128,
+    scene: 'MainScene',
+    createdAt: '2020-08-20T16:00:00.000Z',
+    updatedAt: '2020-08-20T16:00:00.000Z',
+  },
+];
+
+const Template: Story<IChatMessage> = args => (
+  <RPGUIRoot>
+    <Chat
+      onSendChatMessage={msg => console.log(msg)}
+      chatMessages={chatMessagesMock}
+      opacity={0.5}
+      styles={{
+        height: '200px',
+      }}
+      onCloseButton={() => console.log('closing chat...')}
+      sendMessage={true}
+      {...args}
+    />
+  </RPGUIRoot>
+);
+
+export const Default = Template.bind({});