@rpg-engine/long-bow 0.3.73 → 0.3.76

package/src/stories/ChatDeprecated.stories.tsx

@@ -1,170 +1,170 @@
-import { ChatMessageType, IChatMessage } from '@rpg-engine/shared';
-import { Meta, Story } from '@storybook/react';
-import React from 'react';
-import { ChatDeprecated } from '../components/Chatdeprecated/ChatDeprecated';
-import { RPGUIRoot } from '../components/RPGUIRoot';
-
-const meta: Meta = {
-  title: 'ChatDeprecated',
-  component: ChatDeprecated,
-};
-
-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',
-  },
-];
-
-const Template: Story<IChatMessage> = args => (
-  <RPGUIRoot>
-    <ChatDeprecated
-      onSendChatMessage={msg => console.log(msg)}
-      chatMessages={chatMessagesMock}
-      opacity={0.5}
-      height={'200px'}
-      onCloseButton={() => console.log('closing chat...')}
-      {...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 { ChatDeprecated } from '../components/Chatdeprecated/ChatDeprecated';
+import { RPGUIRoot } from '../components/RPGUIRoot';
+
+const meta: Meta = {
+  title: 'ChatDeprecated',
+  component: ChatDeprecated,
+};
+
+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',
+  },
+];
+
+const Template: Story<IChatMessage> = args => (
+  <RPGUIRoot>
+    <ChatDeprecated
+      onSendChatMessage={msg => console.log(msg)}
+      chatMessages={chatMessagesMock}
+      opacity={0.5}
+      height={'200px'}
+      onCloseButton={() => console.log('closing chat...')}
+      {...args}
+    />
+  </RPGUIRoot>
+);
+
+export const Default = Template.bind({});

package/src/stories/CheckButton.stories.tsx

@@ -1,48 +1,48 @@
-import { Meta, Story } from '@storybook/react';
-import React from 'react';
-import {
-  CheckButton,
-  ICheckItems,
-  ICheckProps,
-} from '../../src/components/CheckButton';
-import {
-  RPGUIContainer,
-  RPGUIContainerTypes,
-} from '../../src/components/RPGUIContainer';
-import { RPGUIRoot } from '../../src/components/RPGUIRoot';
-
-const meta: Meta = {
-  title: 'Check Input',
-  component: CheckButton,
-};
-
-export default meta;
-
-const Template: Story<ICheckProps> = args => (
-  <RPGUIRoot>
-    <RPGUIContainer type={RPGUIContainerTypes.Framed}>
-      <CheckButton {...args} />
-    </RPGUIContainer>
-  </RPGUIRoot>
-);
-
-export const Default = Template.bind({});
-
-const items: ICheckItems[] = [
-  {
-    label: 'label1',
-    value: 'value1',
-  },
-  {
-    label: 'label2',
-    value: 'value2',
-  },
-  {
-    label: 'label3',
-    value: 'value3',
-  },
-];
-
-Default.args = {
-  items,
-};
+import { Meta, Story } from '@storybook/react';
+import React from 'react';
+import {
+  CheckButton,
+  ICheckItems,
+  ICheckProps,
+} from '../../src/components/CheckButton';
+import {
+  RPGUIContainer,
+  RPGUIContainerTypes,
+} from '../../src/components/RPGUIContainer';
+import { RPGUIRoot } from '../../src/components/RPGUIRoot';
+
+const meta: Meta = {
+  title: 'Check Input',
+  component: CheckButton,
+};
+
+export default meta;
+
+const Template: Story<ICheckProps> = args => (
+  <RPGUIRoot>
+    <RPGUIContainer type={RPGUIContainerTypes.Framed}>
+      <CheckButton {...args} />
+    </RPGUIContainer>
+  </RPGUIRoot>
+);
+
+export const Default = Template.bind({});
+
+const items: ICheckItems[] = [
+  {
+    label: 'label1',
+    value: 'value1',
+  },
+  {
+    label: 'label2',
+    value: 'value2',
+  },
+  {
+    label: 'label3',
+    value: 'value3',
+  },
+];
+
+Default.args = {
+  items,
+};

package/src/stories/CircullarController.stories.tsx

@@ -1,37 +1,37 @@
-import { Meta, Story } from '@storybook/react';
-import React from 'react';
-import { RPGUIRoot } from '..';
-import {
-  CircularController,
-  CircularControllerProps,
-} from '../components/CircularController/CircularController';
-import { SHORTCUTS_STORAGE_KEY } from '../components/Spellbook/constants';
-import atlasJSON from '../mocks/atlas/items/items.json';
-import atlasIMG from '../mocks/atlas/items/items.png';
-import { itemContainerMock } from '../mocks/itemContainer.mocks';
-
-const meta: Meta = {
-  title: 'Circular Controller',
-  component: CircularController,
-};
-
-export default meta;
-
-const Template: Story<CircularControllerProps> = args => (
-  <RPGUIRoot>
-    <CircularController {...args} />
-  </RPGUIRoot>
-);
-
-export const Default = Template.bind({});
-
-Default.args = {
-  shortcuts: JSON.parse(localStorage.getItem(SHORTCUTS_STORAGE_KEY) as string),
-  onShortcutClick: index => console.log(index),
-  onActionClick: () => console.log('action'),
-  onCancelClick: () => console.log('cancel attack'),
-  mana: 100,
-  inventory: itemContainerMock,
-  atlasJSON,
-  atlasIMG,
-};
+import { Meta, Story } from '@storybook/react';
+import React from 'react';
+import { RPGUIRoot } from '..';
+import {
+  CircularController,
+  CircularControllerProps,
+} from '../components/CircularController/CircularController';
+import { SHORTCUTS_STORAGE_KEY } from '../components/Spellbook/constants';
+import atlasJSON from '../mocks/atlas/items/items.json';
+import atlasIMG from '../mocks/atlas/items/items.png';
+import { itemContainerMock } from '../mocks/itemContainer.mocks';
+
+const meta: Meta = {
+  title: 'Circular Controller',
+  component: CircularController,
+};
+
+export default meta;
+
+const Template: Story<CircularControllerProps> = args => (
+  <RPGUIRoot>
+    <CircularController {...args} />
+  </RPGUIRoot>
+);
+
+export const Default = Template.bind({});
+
+Default.args = {
+  shortcuts: JSON.parse(localStorage.getItem(SHORTCUTS_STORAGE_KEY) as string),
+  onShortcutClick: index => console.log(index),
+  onActionClick: () => console.log('action'),
+  onCancelClick: () => console.log('cancel attack'),
+  mana: 100,
+  inventory: itemContainerMock,
+  atlasJSON,
+  atlasIMG,
+};

package/src/stories/CraftBook.stories.tsx

@@ -1,40 +1,42 @@
-import { Meta, Story } from '@storybook/react';
-import React from 'react';
-import { RPGUIRoot } from '..';
-import { CraftBook } from '../components/CraftBook/CraftBook';
-import { craftableItems } from '../components/CraftBook/MockItems';
-import atlasJSON from '../mocks/atlas/items/items.json';
-import atlasIMG from '../mocks/atlas/items/items.png';
-
-const meta: Meta = {
-  title: 'Craft Book',
-  component: CraftBook,
-};
-
-export default meta;
-
-const Template: Story = args => (
-  <RPGUIRoot>
-    <CraftBook
-      atlasIMG={atlasIMG}
-      atlasJSON={atlasJSON}
-      onSelect={onSelect}
-      onClose={() => console.log('closing Equipment Set Container')}
-      craftablesItems={craftableItems}
-      onCraftItem={onCraftItem}
-      {...args}
-    />
-  </RPGUIRoot>
-);
-
-export const Default = Template.bind({});
-
-const onCraftItem = (value: string | undefined) => {
-  console.log('Craft', value);
-};
-
-const onSelect = (value: string) => {
-  console.log('Story package', value);
-};
-
-Default.args = {};
+import { Meta, Story } from '@storybook/react';
+import React from 'react';
+import { RPGUIRoot } from '..';
+import { CraftBook } from '../components/CraftBook/CraftBook';
+import { craftableItems } from '../components/CraftBook/MockItems';
+import atlasJSON from '../mocks/atlas/items/items.json';
+import atlasIMG from '../mocks/atlas/items/items.png';
+import { equipmentSetMock } from '../mocks/equipmentSet.mocks';
+
+const meta: Meta = {
+  title: 'Craft Book',
+  component: CraftBook,
+};
+
+export default meta;
+
+const Template: Story = args => (
+  <RPGUIRoot>
+    <CraftBook
+      atlasIMG={atlasIMG}
+      atlasJSON={atlasJSON}
+      onSelect={onSelect}
+      onClose={() => console.log('closing Equipment Set Container')}
+      craftablesItems={craftableItems}
+      onCraftItem={onCraftItem}
+      equipmentSet={equipmentSetMock}
+      {...args}
+    />
+  </RPGUIRoot>
+);
+
+export const Default = Template.bind({});
+
+const onCraftItem = (value: string | undefined) => {
+  console.log('Craft', value);
+};
+
+const onSelect = (value: string) => {
+  console.log('Story package', value);
+};
+
+Default.args = {};

package/src/stories/DayNightPeriod.stories.tsx

@@ -1,27 +1,27 @@
-import { PeriodOfDay } from '@rpg-engine/shared';
-import { Meta, Story } from '@storybook/react';
-import React from 'react';
-import { RPGUIRoot } from '../components/RPGUIRoot';
-import {
-  DayNightPeriod,
-  IPeriodOfDayDisplayProps,
-} from '../components/TimeWidget/DayNightPeriod/DayNightPeriod';
-
-const meta: Meta = {
-  title: 'Day and Night Period',
-  component: DayNightPeriod,
-};
-
-export default meta;
-
-const Template: Story<IPeriodOfDayDisplayProps> = args => (
-  <RPGUIRoot>
-    <DayNightPeriod {...args} />
-  </RPGUIRoot>
-);
-
-export const Default = Template.bind({});
-
-Default.args = {
-  periodOfDay: PeriodOfDay.Morning,
-};
+import { PeriodOfDay } from '@rpg-engine/shared';
+import { Meta, Story } from '@storybook/react';
+import React from 'react';
+import { RPGUIRoot } from '../components/RPGUIRoot';
+import {
+  DayNightPeriod,
+  IPeriodOfDayDisplayProps,
+} from '../components/TimeWidget/DayNightPeriod/DayNightPeriod';
+
+const meta: Meta = {
+  title: 'Day and Night Period',
+  component: DayNightPeriod,
+};
+
+export default meta;
+
+const Template: Story<IPeriodOfDayDisplayProps> = args => (
+  <RPGUIRoot>
+    <DayNightPeriod {...args} />
+  </RPGUIRoot>
+);
+
+export const Default = Template.bind({});
+
+Default.args = {
+  periodOfDay: PeriodOfDay.Morning,
+};