@rpg-engine/long-bow 0.3.53 → 0.3.55

package/src/stories/PropertySelect.stories.tsx

@@ -1,40 +1,40 @@
-import { Meta, Story } from '@storybook/react';
-import React from 'react';
-import { RPGUIRoot } from '..';
-import PropertySelect, {
-  IPropertySelectProps,
-} from '../components/PropertySelect/PropertySelect';
-
-const meta: Meta = {
-  title: 'Property Select',
-  component: PropertySelect,
-};
-
-export default meta;
-
-const Template: Story<IPropertySelectProps> = args => (
-  <RPGUIRoot>
-    <PropertySelect {...args} />
-  </RPGUIRoot>
-);
-
-export const Default = Template.bind({});
-
-const propertiesMock = [
-  {
-    id: '2b716274-b19c-451d-9561-16bca8c6a12d',
-    name: 'Vegetables',
-  },
-  {
-    id: '536789bd-38fb-48f9-8903-dad86f276d47',
-    name: 'Counseling',
-  },
-  {
-    id: '80f07029-b907-4fae-872e-4f2b569f81c9',
-    name: 'Through',
-  },
-];
-
-Default.args = {
-  availableProperties: propertiesMock,
-};
+import { Meta, Story } from '@storybook/react';
+import React from 'react';
+import { RPGUIRoot } from '..';
+import PropertySelect, {
+  IPropertySelectProps,
+} from '../components/PropertySelect/PropertySelect';
+
+const meta: Meta = {
+  title: 'Property Select',
+  component: PropertySelect,
+};
+
+export default meta;
+
+const Template: Story<IPropertySelectProps> = args => (
+  <RPGUIRoot>
+    <PropertySelect {...args} />
+  </RPGUIRoot>
+);
+
+export const Default = Template.bind({});
+
+const propertiesMock = [
+  {
+    id: '2b716274-b19c-451d-9561-16bca8c6a12d',
+    name: 'Vegetables',
+  },
+  {
+    id: '536789bd-38fb-48f9-8903-dad86f276d47',
+    name: 'Counseling',
+  },
+  {
+    id: '80f07029-b907-4fae-872e-4f2b569f81c9',
+    name: 'Through',
+  },
+];
+
+Default.args = {
+  availableProperties: propertiesMock,
+};

package/src/stories/QuestInfo.stories.tsx

@@ -1,107 +1,110 @@
-import { QuestStatus, QuestType } from '@rpg-engine/shared';
-import { Meta, Story } from '@storybook/react';
-import React from 'react';
-import {
-  IQuestInfoProps,
-  QuestInfo,
-} from '../../src/components/QuestInfo/QuestInfo';
-import { RPGUIRoot } from '../../src/components/RPGUIRoot';
-const meta: Meta = {
-  title: 'Quest Info',
-  component: QuestInfo,
-};
-
-export default meta;
-
-const Template: Story<IQuestInfoProps> = args => (
-  <RPGUIRoot>
-    <QuestInfo {...args} />
-  </RPGUIRoot>
-);
-
-export const Default = Template.bind({});
-
-const buttonMock = [
-  {
-    disabled: false,
-    title: 'Accept',
-    onClick: (QuestId: string, NPCId: String) => console.log(QuestId, NPCId),
-  },
-  {
-    disabled: true,
-    title: 'Share',
-    onClick: (QuestId: string, NPCId: String) => console.log(QuestId, NPCId),
-  },
-  {
-    disabled: false,
-    title: 'Reject',
-    onClick: (QuestId: string, NPCId: String) => console.log(QuestId, NPCId),
-  },
-];
-
-const IQuestMock = [
-  {
-    _id: '6317996c77f2420047a20b55',
-    rewards: [
-      {
-        id: '6317996c77f2420047a20b53',
-        itemKeys: ['6317996c77f2420047a20b53'],
-        spellKeys: ['6317996c77f2420047a20b53'],
-        qty: 1,
-      },
-    ],
-    objectives: [
-      {
-        id: '6317996c77f2420047a20b53',
-        type: QuestType.Kill,
-        status: QuestStatus.Pending,
-        killCount: 10,
-        killCountTarget: 30,
-        creatureKeys: ['6317996c77f2420047a20b53'],
-      },
-    ],
-    npcId: '6317996b77f2420047a20825',
-    title: 'Deliver message to the trader1',
-    key: 'interaction-trader',
-    description:
-      "Need to send a message to my brother, the trader, about my father's health. I cannot do it because it is too dangerous out there. Please, help me by delivering this message to him.",
-    createdAt: '2022-09-06T19:03:08.285+0000',
-    updatedAt: '2022-09-06T19:03:08.304+0000',
-  },
-  {
-    _id: '6317996c77f2420047a20b55',
-    rewards: [
-      {
-        id: '6317996c77f2420047a20b53',
-        itemKeys: ['6317996c77f2420047a20b53'],
-        spellKeys: ['6317996c77f2420047a20b53'],
-        qty: 1,
-      },
-    ],
-    objectives: [
-      {
-        id: '6317996c77f2420047a20b53',
-        type: QuestType.Kill,
-        status: QuestStatus.Pending,
-        killCount: 10,
-        killCountTarget: 30,
-        creatureKeys: ['6317996c77f2420047a20b53'],
-      },
-    ],
-    npcId: '6317996b77f2420047a20825',
-    title: 'Deliver message to the trader2',
-    key: 'interaction-trader',
-    description:
-      "Need to send a message to my brother, the trader, about my father's health. I cannot do it because it is too dangerous out there. Please, help me by delivering this message to him.",
-    createdAt: '2022-09-06T19:03:08.285+0000',
-    updatedAt: '2022-09-06T19:03:08.304+0000',
-  },
-];
-
-Default.args = {
-  onClose: () => console.log('closing'),
-  buttons: buttonMock,
-  quests: IQuestMock,
-  onChangeQuest: (index: number, questId: string) =>
-    console.log(index, questId),
-};
+import { QuestStatus, QuestType } from '@rpg-engine/shared';
+import { Meta, Story } from '@storybook/react';
+import React from 'react';
+import {
+  IQuestInfoProps,
+  QuestInfo,
+} from '../../src/components/QuestInfo/QuestInfo';
+import { RPGUIRoot } from '../../src/components/RPGUIRoot';
+const meta: Meta = {
+  title: 'Quest Info',
+  component: QuestInfo,
+};
+
+export default meta;
+
+const Template: Story<IQuestInfoProps> = args => (
+  <RPGUIRoot>
+    <QuestInfo {...args} />
+  </RPGUIRoot>
+);
+
+export const Default = Template.bind({});
+
+const buttonMock = [
+  {
+    disabled: false,
+    title: 'Accept',
+    onPointerDown: (QuestId: string, NPCId: String) =>
+      console.log(QuestId, NPCId),
+  },
+  {
+    disabled: true,
+    title: 'Share',
+    onPointerDown: (QuestId: string, NPCId: String) =>
+      console.log(QuestId, NPCId),
+  },
+  {
+    disabled: false,
+    title: 'Reject',
+    onPointerDown: (QuestId: string, NPCId: String) =>
+      console.log(QuestId, NPCId),
+  },
+];
+
+const IQuestMock = [
+  {
+    _id: '6317996c77f2420047a20b55',
+    rewards: [
+      {
+        id: '6317996c77f2420047a20b53',
+        itemKeys: ['6317996c77f2420047a20b53'],
+        spellKeys: ['6317996c77f2420047a20b53'],
+        qty: 1,
+      },
+    ],
+    objectives: [
+      {
+        id: '6317996c77f2420047a20b53',
+        type: QuestType.Kill,
+        status: QuestStatus.Pending,
+        killCount: 10,
+        killCountTarget: 30,
+        creatureKeys: ['6317996c77f2420047a20b53'],
+      },
+    ],
+    npcId: '6317996b77f2420047a20825',
+    title: 'Deliver message to the trader1',
+    key: 'interaction-trader',
+    description:
+      "Need to send a message to my brother, the trader, about my father's health. I cannot do it because it is too dangerous out there. Please, help me by delivering this message to him.",
+    createdAt: '2022-09-06T19:03:08.285+0000',
+    updatedAt: '2022-09-06T19:03:08.304+0000',
+  },
+  {
+    _id: '6317996c77f2420047a20b55',
+    rewards: [
+      {
+        id: '6317996c77f2420047a20b53',
+        itemKeys: ['6317996c77f2420047a20b53'],
+        spellKeys: ['6317996c77f2420047a20b53'],
+        qty: 1,
+      },
+    ],
+    objectives: [
+      {
+        id: '6317996c77f2420047a20b53',
+        type: QuestType.Kill,
+        status: QuestStatus.Pending,
+        killCount: 10,
+        killCountTarget: 30,
+        creatureKeys: ['6317996c77f2420047a20b53'],
+      },
+    ],
+    npcId: '6317996b77f2420047a20825',
+    title: 'Deliver message to the trader2',
+    key: 'interaction-trader',
+    description:
+      "Need to send a message to my brother, the trader, about my father's health. I cannot do it because it is too dangerous out there. Please, help me by delivering this message to him.",
+    createdAt: '2022-09-06T19:03:08.285+0000',
+    updatedAt: '2022-09-06T19:03:08.304+0000',
+  },
+];
+
+Default.args = {
+  onClose: () => console.log('closing'),
+  buttons: buttonMock,
+  quests: IQuestMock,
+  onChangeQuest: (index: number, questId: string) =>
+    console.log(index, questId),
+};

package/src/stories/QuestList.stories.tsx

@@ -1,82 +1,82 @@
-import { QuestStatus, QuestType } from '@rpg-engine/shared';
-import { Story } from '@storybook/react';
-import React from 'react';
-import { IQuestListProps, QuestList } from '../components/QuestList';
-import { RPGUIRoot } from '../components/RPGUIRoot';
-
-export default {
-  title: 'Quest List',
-  component: QuestList,
-};
-
-const Template: Story<IQuestListProps> = args => (
-  <RPGUIRoot>
-    <QuestList {...args} />
-  </RPGUIRoot>
-);
-
-export const Default = Template.bind({});
-
-const IQuestMock = [
-  {
-    _id: '6317996c77f2420047a20b55',
-    rewards: [
-      {
-        id: '6317996c77f2420047a20b53',
-        itemKeys: ['6317996c77f2420047a20b53'],
-        spellKeys: ['6317996c77f2420047a20b53'],
-        qty: 1,
-      },
-    ],
-    objectives: [
-      {
-        id: '6317996c77f2420047a20b53',
-        type: QuestType.Kill,
-        status: QuestStatus.Pending,
-        killCount: 10,
-        killCountTarget: 30,
-        creatureKeys: ['6317996c77f2420047a20b53'],
-      },
-    ],
-    npcId: '6317996b77f2420047a20825',
-    title: 'Deliver message to the trader1',
-    key: 'interaction-trader',
-    description:
-      "Need to send a message to my brother, the trader, about my father's health. I cannot do it because it is too dangerous out there. Please, help me by delivering this message to him.",
-    createdAt: '2022-09-06T19:03:08.285+0000',
-    updatedAt: '2022-09-06T19:03:08.304+0000',
-  },
-  {
-    _id: '6317996c77f2420047a20b55',
-    rewards: [
-      {
-        id: '6317996c77f2420047a20b53',
-        itemKeys: ['6317996c77f2420047a20b53'],
-        spellKeys: ['6317996c77f2420047a20b53'],
-        qty: 1,
-      },
-    ],
-    objectives: [
-      {
-        id: '6317996c77f2420047a20b53',
-        type: QuestType.Kill,
-        status: QuestStatus.Pending,
-        killCount: 10,
-        killCountTarget: 30,
-        creatureKeys: ['6317996c77f2420047a20b53'],
-      },
-    ],
-    npcId: '6317996b77f2420047a20825',
-    title: 'Deliver message to the trader2',
-    key: 'interaction-trader',
-    description:
-      "Need to send a message to my brother, the trader, about my father's health. I cannot do it because it is too dangerous out there. Please, help me by delivering this message to him.",
-    createdAt: '2022-09-06T19:03:08.285+0000',
-    updatedAt: '2022-09-06T19:03:08.304+0000',
-  },
-];
-
-Default.args = {
-  quests: IQuestMock,
-  onClose: () => console.log('closing'),
-};
+import { QuestStatus, QuestType } from '@rpg-engine/shared';
+import { Story } from '@storybook/react';
+import React from 'react';
+import { IQuestListProps, QuestList } from '../components/QuestList';
+import { RPGUIRoot } from '../components/RPGUIRoot';
+
+export default {
+  title: 'Quest List',
+  component: QuestList,
+};
+
+const Template: Story<IQuestListProps> = args => (
+  <RPGUIRoot>
+    <QuestList {...args} />
+  </RPGUIRoot>
+);
+
+export const Default = Template.bind({});
+
+const IQuestMock = [
+  {
+    _id: '6317996c77f2420047a20b55',
+    rewards: [
+      {
+        id: '6317996c77f2420047a20b53',
+        itemKeys: ['6317996c77f2420047a20b53'],
+        spellKeys: ['6317996c77f2420047a20b53'],
+        qty: 1,
+      },
+    ],
+    objectives: [
+      {
+        id: '6317996c77f2420047a20b53',
+        type: QuestType.Kill,
+        status: QuestStatus.Pending,
+        killCount: 10,
+        killCountTarget: 30,
+        creatureKeys: ['6317996c77f2420047a20b53'],
+      },
+    ],
+    npcId: '6317996b77f2420047a20825',
+    title: 'Deliver message to the trader1',
+    key: 'interaction-trader',
+    description:
+      "Need to send a message to my brother, the trader, about my father's health. I cannot do it because it is too dangerous out there. Please, help me by delivering this message to him.",
+    createdAt: '2022-09-06T19:03:08.285+0000',
+    updatedAt: '2022-09-06T19:03:08.304+0000',
+  },
+  {
+    _id: '6317996c77f2420047a20b55',
+    rewards: [
+      {
+        id: '6317996c77f2420047a20b53',
+        itemKeys: ['6317996c77f2420047a20b53'],
+        spellKeys: ['6317996c77f2420047a20b53'],
+        qty: 1,
+      },
+    ],
+    objectives: [
+      {
+        id: '6317996c77f2420047a20b53',
+        type: QuestType.Kill,
+        status: QuestStatus.Pending,
+        killCount: 10,
+        killCountTarget: 30,
+        creatureKeys: ['6317996c77f2420047a20b53'],
+      },
+    ],
+    npcId: '6317996b77f2420047a20825',
+    title: 'Deliver message to the trader2',
+    key: 'interaction-trader',
+    description:
+      "Need to send a message to my brother, the trader, about my father's health. I cannot do it because it is too dangerous out there. Please, help me by delivering this message to him.",
+    createdAt: '2022-09-06T19:03:08.285+0000',
+    updatedAt: '2022-09-06T19:03:08.304+0000',
+  },
+];
+
+Default.args = {
+  quests: IQuestMock,
+  onClose: () => console.log('closing'),
+};

package/src/stories/QuickSpells.stories.tsx

@@ -0,0 +1,38 @@
+import { Meta, Story } from '@storybook/react';
+import React from 'react';
+import { RPGUIRoot } from '../components/RPGUIRoot';
+import { SPELL_SHORTCUTS_STORAGE_KEY } from '../components/Spellbook/constants';
+import {
+  QuickSpells,
+  QuickSpellsProps,
+} from '../components/Spellbook/QuickSpells';
+
+const meta: Meta = {
+  title: 'QuickSpells',
+  component: QuickSpells,
+};
+
+export default meta;
+
+const Template: Story<QuickSpellsProps> = args => {
+  return (
+    <RPGUIRoot>
+      <div
+        style={{
+          width: '100%',
+        }}
+      >
+        <QuickSpells {...args} />
+      </div>
+    </RPGUIRoot>
+  );
+};
+
+export const Default = Template.bind({});
+Default.args = {
+  onSpellCast: spellKey => console.log(spellKey),
+  quickSpells: JSON.parse(
+    localStorage.getItem(SPELL_SHORTCUTS_STORAGE_KEY) as string
+  ),
+  mana: 100,
+};

package/src/stories/RPGUIContainers.stories.tsx

@@ -1,42 +1,42 @@
-import { Meta, Story } from '@storybook/react';
-import React from 'react';
-import {
-  IRPGUIContainerProps,
-  RPGUIContainer,
-  RPGUIContainerTypes,
-} from '../../src/components/RPGUIContainer';
-import { RPGUIRoot } from '../../src/components/RPGUIRoot';
-
-const meta: Meta = {
-  title: 'RPGUI Container',
-  component: RPGUIContainer,
-  argTypes: {
-    type: {
-      control: {
-        type: 'select',
-        labels: {
-          [RPGUIContainerTypes.Framed]: 'framed',
-          [RPGUIContainerTypes.FramedGold]: 'framed-gold',
-          [RPGUIContainerTypes.FramedGold2]: 'framed-gold-2',
-          [RPGUIContainerTypes.FramedGrey]: 'framed-grey',
-        },
-      },
-    },
-    children: {},
-  },
-};
-
-export default meta;
-
-const Template: Story<IRPGUIContainerProps> = args => (
-  <RPGUIRoot>
-    <RPGUIContainer {...args} />
-  </RPGUIRoot>
-);
-
-export const Default = Template.bind({});
-
-Default.args = {
-  type: RPGUIContainerTypes.Framed,
-  children: <p>This is a container test</p>,
-};
+import { Meta, Story } from '@storybook/react';
+import React from 'react';
+import {
+  IRPGUIContainerProps,
+  RPGUIContainer,
+  RPGUIContainerTypes,
+} from '../../src/components/RPGUIContainer';
+import { RPGUIRoot } from '../../src/components/RPGUIRoot';
+
+const meta: Meta = {
+  title: 'RPGUI Container',
+  component: RPGUIContainer,
+  argTypes: {
+    type: {
+      control: {
+        type: 'select',
+        labels: {
+          [RPGUIContainerTypes.Framed]: 'framed',
+          [RPGUIContainerTypes.FramedGold]: 'framed-gold',
+          [RPGUIContainerTypes.FramedGold2]: 'framed-gold-2',
+          [RPGUIContainerTypes.FramedGrey]: 'framed-grey',
+        },
+      },
+    },
+    children: {},
+  },
+};
+
+export default meta;
+
+const Template: Story<IRPGUIContainerProps> = args => (
+  <RPGUIRoot>
+    <RPGUIContainer {...args} />
+  </RPGUIRoot>
+);
+
+export const Default = Template.bind({});
+
+Default.args = {
+  type: RPGUIContainerTypes.Framed,
+  children: <p>This is a container test</p>,
+};