@rpg-engine/long-bow 0.3.86 → 0.3.87

package/src/stories/NPCMultiDialog.stories.tsx

@@ -1,71 +1,71 @@
-import { Meta, Story } from '@storybook/react';
-import React from 'react';
-import { RPGUIRoot } from '../../src/components/RPGUIRoot';
-import aliceDefaultThumbnail from '../components/NPCDialog/img/npcDialog/npcThumbnails/alice.png';
-import {
-  ImgSide,
-  INPCMultiDialogProps,
-  NPCMultiDialog,
-  NPCMultiDialogType,
-} from '../components/NPCDialog/NPCMultiDialog';
-
-const meta: Meta = {
-  title: 'NPC MultiDialog',
-  component: NPCMultiDialog,
-  argTypes: {
-    text: {
-      control: {
-        type: 'text',
-      },
-    },
-    // ImgSide: {
-    //   control: {
-    //     type: 'select',
-    //     label: {
-    //       [ImgSide.right]: 'right',
-    //       [ImgSide.left]: 'left',
-    //     },
-    //   },
-    // },
-    imagePath: {
-      control: {
-        type: 'text',
-      },
-    },
-  },
-};
-
-export default meta;
-
-const Template: Story<INPCMultiDialogProps> = args => (
-  <RPGUIRoot>
-    <NPCMultiDialog {...args} />
-  </RPGUIRoot>
-);
-
-export const NPCMultiDialogStore = Template.bind({});
-
-// By passing using the Args format for exported stories, you can control the props for a component for reuse in a test
-// https://storybook.js.org/docs/react/workflows/unit-testing
-
-const textAndTypeArray: NPCMultiDialogType[] = [
-  {
-    text: 'I have lived here all my life',
-    imagePath: aliceDefaultThumbnail,
-    imageSide: ImgSide.right,
-  },
-  {
-    text: 'I have lived here all my life',
-    imagePath: aliceDefaultThumbnail,
-    imageSide: ImgSide.left,
-  },
-  {
-    text: 'I have lived here all my life',
-    imagePath: aliceDefaultThumbnail,
-    imageSide: ImgSide.right,
-  },
-];
-
-NPCMultiDialogStore.args = {
-  textAndTypeArray,
-};
+import { Meta, Story } from '@storybook/react';
+import React from 'react';
+import { RPGUIRoot } from '../../src/components/RPGUIRoot';
+import aliceDefaultThumbnail from '../components/NPCDialog/img/npcDialog/npcThumbnails/alice.png';
+import {
+  ImgSide,
+  INPCMultiDialogProps,
+  NPCMultiDialog,
+  NPCMultiDialogType,
+} from '../components/NPCDialog/NPCMultiDialog';
+
+const meta: Meta = {
+  title: 'NPC MultiDialog',
+  component: NPCMultiDialog,
+  argTypes: {
+    text: {
+      control: {
+        type: 'text',
+      },
+    },
+    // ImgSide: {
+    //   control: {
+    //     type: 'select',
+    //     label: {
+    //       [ImgSide.right]: 'right',
+    //       [ImgSide.left]: 'left',
+    //     },
+    //   },
+    // },
+    imagePath: {
+      control: {
+        type: 'text',
+      },
+    },
+  },
+};
+
+export default meta;
+
+const Template: Story<INPCMultiDialogProps> = args => (
+  <RPGUIRoot>
+    <NPCMultiDialog {...args} />
+  </RPGUIRoot>
+);
+
+export const NPCMultiDialogStore = Template.bind({});
+
+// By passing using the Args format for exported stories, you can control the props for a component for reuse in a test
+// https://storybook.js.org/docs/react/workflows/unit-testing
+
+const textAndTypeArray: NPCMultiDialogType[] = [
+  {
+    text: 'I have lived here all my life',
+    imagePath: aliceDefaultThumbnail,
+    imageSide: ImgSide.right,
+  },
+  {
+    text: 'I have lived here all my life',
+    imagePath: aliceDefaultThumbnail,
+    imageSide: ImgSide.left,
+  },
+  {
+    text: 'I have lived here all my life',
+    imagePath: aliceDefaultThumbnail,
+    imageSide: ImgSide.right,
+  },
+];
+
+NPCMultiDialogStore.args = {
+  textAndTypeArray,
+};

package/src/stories/ProgressBar.stories.tsx

@@ -1,23 +1,23 @@
-import { Story } from '@storybook/react';
-import React from 'react';
-import { IBarProps, ProgressBar } from '../../src/components/ProgressBar';
-import { RPGUIRoot } from '../../src/components/RPGUIRoot';
-
-export default {
-  title: 'Progress Bar',
-  component: ProgressBar,
-};
-
-const Template: Story<IBarProps> = args => (
-  <RPGUIRoot>
-    <ProgressBar {...args} />
-  </RPGUIRoot>
-);
-
-export const Default = Template.bind({});
-
-Default.args = {
-  max: 100,
-  value: 30,
-  color: 'blue',
-};
+import { Story } from '@storybook/react';
+import React from 'react';
+import { IBarProps, ProgressBar } from '../../src/components/ProgressBar';
+import { RPGUIRoot } from '../../src/components/RPGUIRoot';
+
+export default {
+  title: 'Progress Bar',
+  component: ProgressBar,
+};
+
+const Template: Story<IBarProps> = args => (
+  <RPGUIRoot>
+    <ProgressBar {...args} />
+  </RPGUIRoot>
+);
+
+export const Default = Template.bind({});
+
+Default.args = {
+  max: 100,
+  value: 30,
+  color: 'blue',
+};

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,107 @@
-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',
+    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),
+};

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'),
+};