@rpg-engine/long-bow 0.3.76 → 0.3.77

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

package/src/stories/RadioButton.stories.tsx

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

package/src/stories/RadioInput.stories.tsx

@@ -1,35 +1,35 @@
-import React from 'react';
-import { Meta, Story } from '@storybook/react';
-import { RadioInput ,IRadioInput} from '../components/RadioInput/RadioInput';
-import { RPGUIRoot } from '../components/RPGUIRoot';
-import { Itools } from '../components/RadioInput/instruments';
-
-const meta: Meta = {    
-    component: RadioInput,
-  };
-
-export default meta;
-const Template: Story<IRadioInput> = args => (
-    <RPGUIRoot>
-      <RadioInput {...args} />
-    </RPGUIRoot>
-  );
-  
-  export const RadioInputElement = Template.bind({});
-
-  const onSelectIt = (value:string):void => {
-    console.log('Story package', value);
-  };
-  
-  const onClose = () => {
-    console.log('close');
-  };
-
-  RadioInputElement.args={
-    title:"Harvesting instruments",
-    subtitle:'Use the tool, you need it',
-    onSelect:onSelectIt,
-    onCancel:onClose,
-    items:Itools
-
+import React from 'react';
+import { Meta, Story } from '@storybook/react';
+import { RadioInput ,IRadioInput} from '../components/RadioInput/RadioInput';
+import { RPGUIRoot } from '../components/RPGUIRoot';
+import { Itools } from '../components/RadioInput/instruments';
+
+const meta: Meta = {    
+    component: RadioInput,
+  };
+
+export default meta;
+const Template: Story<IRadioInput> = args => (
+    <RPGUIRoot>
+      <RadioInput {...args} />
+    </RPGUIRoot>
+  );
+  
+  export const RadioInputElement = Template.bind({});
+
+  const onSelectIt = (value:string):void => {
+    console.log('Story package', value);
+  };
+  
+  const onClose = () => {
+    console.log('close');
+  };
+
+  RadioInputElement.args={
+    title:"Harvesting instruments",
+    subtitle:'Use the tool, you need it',
+    onSelect:onSelectIt,
+    onCancel:onClose,
+    items:Itools
+
   }

package/src/stories/RangeSlider.stories.tsx

@@ -1,64 +1,64 @@
-import { Meta, Story } from '@storybook/react';
-import React, { useState } from 'react';
-import {
-  IRangeSliderProps,
-  RangeSlider,
-  RangeSliderType,
-} from '../../src/components/RangeSlider';
-import { RPGUIRoot } from '../../src/components/RPGUIRoot';
-
-const meta: Meta = {
-  title: 'Slider',
-  component: RangeSlider,
-  argTypes: {
-    type: {
-      control: {
-        type: 'select',
-        labels: {
-          [RangeSliderType.Slider]: 'slider',
-          [RangeSliderType.GoldSlider]: 'golden-slider',
-        },
-      },
-    },
-    valueMin: {
-      control: {
-        type: 'number',
-      },
-    },
-    valueMax: {
-      control: {
-        type: 'number',
-      },
-    },
-    value: {
-      control: {
-        type: 'number',
-      },
-    },
-  },
-  parameters: {
-    controls: { expanded: true },
-  },
-};
-
-export default meta;
-
-const Template: Story<IRangeSliderProps> = args => {
-  const [value, setValue] = useState(50);
-
-  return (
-    <RPGUIRoot>
-      <RangeSlider {...args} value={value} onChange={setValue} />
-    </RPGUIRoot>
-  );
-};
-
-// 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
-export const Default = Template.bind({});
-
-Default.args = {
-  type: RangeSliderType.Slider,
-  valueMin: 0,
-  valueMax: 100,
-};
+import { Meta, Story } from '@storybook/react';
+import React, { useState } from 'react';
+import {
+  IRangeSliderProps,
+  RangeSlider,
+  RangeSliderType,
+} from '../../src/components/RangeSlider';
+import { RPGUIRoot } from '../../src/components/RPGUIRoot';
+
+const meta: Meta = {
+  title: 'Slider',
+  component: RangeSlider,
+  argTypes: {
+    type: {
+      control: {
+        type: 'select',
+        labels: {
+          [RangeSliderType.Slider]: 'slider',
+          [RangeSliderType.GoldSlider]: 'golden-slider',
+        },
+      },
+    },
+    valueMin: {
+      control: {
+        type: 'number',
+      },
+    },
+    valueMax: {
+      control: {
+        type: 'number',
+      },
+    },
+    value: {
+      control: {
+        type: 'number',
+      },
+    },
+  },
+  parameters: {
+    controls: { expanded: true },
+  },
+};
+
+export default meta;
+
+const Template: Story<IRangeSliderProps> = args => {
+  const [value, setValue] = useState(50);
+
+  return (
+    <RPGUIRoot>
+      <RangeSlider {...args} value={value} onChange={setValue} />
+    </RPGUIRoot>
+  );
+};
+
+// 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
+export const Default = Template.bind({});
+
+Default.args = {
+  type: RangeSliderType.Slider,
+  valueMin: 0,
+  valueMax: 100,
+};

package/src/stories/ScrollList.stories.tsx

@@ -1,85 +1,85 @@
-import { Meta, Story } from '@storybook/react';
-import React from 'react';
-import { RPGUIRoot } from '../../src/components/RPGUIRoot';
-import { IListMenuProps, ListMenu } from '../../src/components/ScrollList';
-
-const meta: Meta = {
-  /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docsreact/configure/overview#configure-story-loading
-   * to learn how to generate automatic titles
-   */
-  title: 'Scroll List',
-  component: ListMenu,
-  argTypes: {},
-};
-
-export default meta;
-
-//👇 We create a “template” of how args map to rendering "Blacksmith","Merchant","City Guard","Explorer"
-const Template: Story<IListMenuProps> = args => (
-  <RPGUIRoot>
-    <ListMenu {...args} />
-  </RPGUIRoot>
-);
-
-export const Default = Template.bind({});
-
-Default.args = {
-  title: 'Scroll List',
-  // x: 100,
-  // y: 100,
-  options: [
-    {
-      id: 'blacksmith',
-      text: 'Huge option added here',
-    },
-    {
-      text: 'Merchant',
-      id: 'merchant',
-    },
-    {
-      text: 'City Guard',
-      id: 'city-guard',
-    },
-    {
-      text: 'Explorer',
-      id: 'explorer',
-    },
-    {
-      text: 'Royalty',
-      id: 'royalty',
-    },
-    {
-      text: 'Gladiator',
-      id: 'gladiator',
-    },
-    {
-      id: 'blacksmith',
-      text: 'Huge option added here',
-    },
-    {
-      text: 'Merchant',
-      id: 'merchant',
-    },
-    {
-      text: 'City Guard',
-      id: 'city-guard',
-    },
-    {
-      text: 'Explorer',
-      id: 'explorer',
-    },
-    {
-      text: 'Royalty',
-      id: 'royalty',
-    },
-    {
-      text: 'Gladiator',
-      id: 'gladiator',
-    },
-    {
-      text: 'Gladiator',
-      id: 'gladiator',
-    },
-  ],
-};
+import { Meta, Story } from '@storybook/react';
+import React from 'react';
+import { RPGUIRoot } from '../../src/components/RPGUIRoot';
+import { IListMenuProps, ListMenu } from '../../src/components/ScrollList';
+
+const meta: Meta = {
+  /* 👇 The title prop is optional.
+   * See https://storybook.js.org/docsreact/configure/overview#configure-story-loading
+   * to learn how to generate automatic titles
+   */
+  title: 'Scroll List',
+  component: ListMenu,
+  argTypes: {},
+};
+
+export default meta;
+
+//👇 We create a “template” of how args map to rendering "Blacksmith","Merchant","City Guard","Explorer"
+const Template: Story<IListMenuProps> = args => (
+  <RPGUIRoot>
+    <ListMenu {...args} />
+  </RPGUIRoot>
+);
+
+export const Default = Template.bind({});
+
+Default.args = {
+  title: 'Scroll List',
+  // x: 100,
+  // y: 100,
+  options: [
+    {
+      id: 'blacksmith',
+      text: 'Huge option added here',
+    },
+    {
+      text: 'Merchant',
+      id: 'merchant',
+    },
+    {
+      text: 'City Guard',
+      id: 'city-guard',
+    },
+    {
+      text: 'Explorer',
+      id: 'explorer',
+    },
+    {
+      text: 'Royalty',
+      id: 'royalty',
+    },
+    {
+      text: 'Gladiator',
+      id: 'gladiator',
+    },
+    {
+      id: 'blacksmith',
+      text: 'Huge option added here',
+    },
+    {
+      text: 'Merchant',
+      id: 'merchant',
+    },
+    {
+      text: 'City Guard',
+      id: 'city-guard',
+    },
+    {
+      text: 'Explorer',
+      id: 'explorer',
+    },
+    {
+      text: 'Royalty',
+      id: 'royalty',
+    },
+    {
+      text: 'Gladiator',
+      id: 'gladiator',
+    },
+    {
+      text: 'Gladiator',
+      id: 'gladiator',
+    },
+  ],
+};

package/src/stories/Shortcuts.stories.tsx

@@ -1,39 +1,39 @@
-import { Meta, Story } from '@storybook/react';
-import React from 'react';
-import { RPGUIRoot } from '../components/RPGUIRoot';
-import { Shortcuts, ShortcutsProps } from '../components/Shortcuts/Shortcuts';
-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: 'Shortcuts',
-  component: Shortcuts,
-};
-
-export default meta;
-
-const Template: Story<ShortcutsProps> = args => {
-  return (
-    <RPGUIRoot>
-      <div
-        style={{
-          width: '100%',
-        }}
-      >
-        <Shortcuts {...args} />
-      </div>
-    </RPGUIRoot>
-  );
-};
-
-export const Default = Template.bind({});
-Default.args = {
-  onShortcutCast: spellKey => console.log(spellKey),
-  shortcuts: JSON.parse(localStorage.getItem(SHORTCUTS_STORAGE_KEY) as string),
-  mana: 100,
-  atlasIMG,
-  atlasJSON,
-  inventory: itemContainerMock,
-};
+import { Meta, Story } from '@storybook/react';
+import React from 'react';
+import { RPGUIRoot } from '../components/RPGUIRoot';
+import { Shortcuts, ShortcutsProps } from '../components/Shortcuts/Shortcuts';
+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: 'Shortcuts',
+  component: Shortcuts,
+};
+
+export default meta;
+
+const Template: Story<ShortcutsProps> = args => {
+  return (
+    <RPGUIRoot>
+      <div
+        style={{
+          width: '100%',
+        }}
+      >
+        <Shortcuts {...args} />
+      </div>
+    </RPGUIRoot>
+  );
+};
+
+export const Default = Template.bind({});
+Default.args = {
+  onShortcutCast: spellKey => console.log(spellKey),
+  shortcuts: JSON.parse(localStorage.getItem(SHORTCUTS_STORAGE_KEY) as string),
+  mana: 100,
+  atlasIMG,
+  atlasJSON,
+  inventory: itemContainerMock,
+};

package/src/stories/SimpleProgressBar.stories.tsx

@@ -1,22 +1,22 @@
-import { Meta, Story } from '@storybook/react';
-import React from 'react';
-import { RPGUIRoot } from '../../src/components/RPGUIRoot';
-import {
-  ISimpleProgressBarProps,
-  SimpleProgressBar,
-} from '../../src/components/SimpleProgressBar';
-
-const meta: Meta = {
-  title: 'Simple Progress Bar',
-  component: SimpleProgressBar,
-};
-
-export default meta;
-
-const Template: Story<ISimpleProgressBarProps> = args => (
-  <RPGUIRoot>
-    <SimpleProgressBar {...args} />
-  </RPGUIRoot>
-);
-
-export const Default = Template.bind({});
+import { Meta, Story } from '@storybook/react';
+import React from 'react';
+import { RPGUIRoot } from '../../src/components/RPGUIRoot';
+import {
+  ISimpleProgressBarProps,
+  SimpleProgressBar,
+} from '../../src/components/SimpleProgressBar';
+
+const meta: Meta = {
+  title: 'Simple Progress Bar',
+  component: SimpleProgressBar,
+};
+
+export default meta;
+
+const Template: Story<ISimpleProgressBarProps> = args => (
+  <RPGUIRoot>
+    <SimpleProgressBar {...args} />
+  </RPGUIRoot>
+);
+
+export const Default = Template.bind({});