@rpg-engine/long-bow 0.7.29 → 0.7.31

package/src/stories/{RPGUIContainers.stories.tsx → UI/RPGUI/RPGUIContainers.stories.tsx}

@@ -4,11 +4,11 @@ import {
   IRPGUIContainerProps,
   RPGUIContainer,
   RPGUIContainerTypes,
-} from '../components/RPGUI/RPGUIContainer';
-import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
+} from '../../../components/RPGUI/RPGUIContainer';
+import { RPGUIRoot } from '../../../components/RPGUI/RPGUIRoot';
 
 const meta: Meta = {
-  title: 'RPGUI Container',
+  title: 'UI/RPGUI/RPGUI Container',
   component: RPGUIContainer,
   argTypes: {
     type: {

package/src/stories/{StaticBook.stories.tsx → UI/books/StaticBook.stories.tsx}

@@ -1,13 +1,13 @@
 import { Meta, Story } from '@storybook/react';
 import React from 'react';
-import { RPGUIRoot } from '..';
+import { RPGUIRoot } from '../../..';
 import {
   IStaticBookProps,
   StaticBook,
-} from '../components/StaticBook/StaticBook';
+} from '../../../components/StaticBook/StaticBook';
 
 const meta: Meta = {
-  title: 'Static Book',
+  title: 'UI/Books/Static Book',
   component: StaticBook,
 };
 

package/src/stories/{Button.stories.tsx → UI/buttonsAndInputs/Button.stories.tsx}

@@ -1,10 +1,10 @@
 import { Meta, Story } from '@storybook/react';
 import React from 'react';
-import { Button, ButtonTypes, IButtonProps } from '../../src/components/Button';
-import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
+import { Button, ButtonTypes, IButtonProps } from '../../../components/Button';
+import { RPGUIRoot } from '../../../components/RPGUI/RPGUIRoot';
 
 const meta: Meta = {
-  title: 'Button',
+  title: 'UI/Buttons & Inputs/Button',
   component: Button,
   argTypes: {
     children: {},

package/src/stories/{CheckButton.stories.tsx → UI/buttonsAndInputs/CheckItem.stories.tsx}

@@ -4,16 +4,16 @@ import {
   CheckButton,
   ICheckItems,
   ICheckProps,
-} from '../../src/components/CheckButton';
-import { CheckItem, ICheckItemProps } from '../components/CheckItem';
+} from '../../../components/CheckButton';
+import { CheckItem, ICheckItemProps } from '../../../components/CheckItem';
 import {
   RPGUIContainer,
   RPGUIContainerTypes,
-} from '../components/RPGUI/RPGUIContainer';
-import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
+} from '../../../components/RPGUI/RPGUIContainer';
+import { RPGUIRoot } from '../../../components/RPGUI/RPGUIRoot';
 
 const meta: Meta = {
-  title: 'Check Input',
+  title: 'UI/Buttons & Inputs/Check Input',
   component: CheckButton,
 };
 

package/src/stories/{RadioButton.stories.tsx → UI/buttonsAndInputs/RadioButton.stories.tsx}

@@ -4,15 +4,15 @@ import {
   IRadioItems,
   IRadioProps,
   InputRadio,
-} from '../../src/components/RadioButton';
+} from '../../../components/RadioButton';
 import {
   RPGUIContainer,
   RPGUIContainerTypes,
-} from '../components/RPGUI/RPGUIContainer';
-import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
+} from '../../../components/RPGUI/RPGUIContainer';
+import { RPGUIRoot } from '../../../components/RPGUI/RPGUIRoot';
 
 const meta: Meta = {
-  title: 'Radio Input',
+  title: 'UI/Buttons & Inputs/Radio Input',
   component: InputRadio,
 };
 

package/src/stories/{RadioInput.stories.tsx → UI/buttonsAndInputs/RadioInput.stories.tsx}

@@ -1,10 +1,14 @@
 import { Meta, Story } from '@storybook/react';
 import React from 'react';
-import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
-import { IRadioInput, RadioInput } from '../components/RadioInput/RadioInput';
-import { Itools } from '../components/RadioInput/instruments';
+import { RPGUIRoot } from '../../../components/RPGUI/RPGUIRoot';
+import {
+  IRadioInput,
+  RadioInput,
+} from '../../../components/RadioInput/RadioInput';
+import { Itools } from '../../../components/RadioInput/instruments';
 
 const meta: Meta = {
+  title: 'UI/Buttons & Inputs/Radio Input',
   component: RadioInput,
 };
 

package/src/stories/{DraggableContainer.stories.tsx → UI/containers/DraggableContainer.stories.tsx}

@@ -3,11 +3,11 @@ import React from 'react';
 import {
   DraggableContainer,
   IDraggableContainerProps,
-} from '../../src/components/DraggableContainer';
-import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
+} from '../../../components/DraggableContainer';
+import { RPGUIRoot } from '../../../components/RPGUI/RPGUIRoot';
 
 const meta: Meta = {
-  title: 'Draggable Container',
+  title: 'UI/Containers/Draggable Container',
   component: DraggableContainer,
 };
 

package/src/stories/{ItemContainer.stories.tsx → UI/containers/ItemContainer.stories.tsx}

@@ -4,18 +4,18 @@ import React, { useState } from 'react';
 import {
   IItemContainerProps,
   ItemContainer,
-} from '../../src/components/Item/Inventory/ItemContainer';
-import { equipmentSetMock } from '../../src/mocks/equipmentSet.mocks';
-import { itemContainerMock } from '../../src/mocks/itemContainer.mocks';
-import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
-import { ScalableContainer } from '../components/shared/ScalableContainer';
-import { UI_BREAKPOINT_SMALL_LAPTOP } from '../constants/uiBreakpoints';
-import { useShortcuts } from '../hooks/useShortcuts';
-import atlasJSON from '../mocks/atlas/items/items.json';
-import atlasIMG from '../mocks/atlas/items/items.png';
+} from '../../../components/Item/Inventory/ItemContainer';
+import { RPGUIRoot } from '../../../components/RPGUI/RPGUIRoot';
+import { ScalableContainer } from '../../../components/shared/ScalableContainer';
+import { UI_BREAKPOINT_SMALL_LAPTOP } from '../../../constants/uiBreakpoints';
+import { useShortcuts } from '../../../hooks/useShortcuts';
+import atlasJSON from '../../../mocks/atlas/items/items.json';
+import atlasIMG from '../../../mocks/atlas/items/items.png';
+import { equipmentSetMock } from '../../../mocks/equipmentSet.mocks';
+import { itemContainerMock } from '../../../mocks/itemContainer.mocks';
 
 const meta: Meta = {
-  title: 'Item Container',
+  title: 'UI/Containers/Item Container',
   component: ItemContainer,
 };
 

package/src/stories/{Arrow.stories.tsx → UI/dropdownsAndSelectors/Arrow.stories.tsx}

@@ -1,10 +1,12 @@
 import { Meta, Story } from '@storybook/react';
 import React from 'react';
-import { RPGUIRoot } from '..';
-import SelectArrow, { ArrowBarProps } from '../components/Arrow/SelectArrow';
+import { RPGUIRoot } from '../../..';
+import SelectArrow, {
+  ArrowBarProps,
+} from '../../../components/Arrow/SelectArrow';
 
 const meta: Meta = {
-  title: 'Arrow',
+  title: 'UI/Dropdowns & Selectors/Arrow',
   component: SelectArrow,
 };
 

package/src/stories/{Dropdown.stories.tsx → UI/dropdownsAndSelectors/Dropdown.stories.tsx}

@@ -1,15 +1,15 @@
 import { Meta, Story } from '@storybook/react';
 import React from 'react';
 import styled from 'styled-components';
-import { RPGUIRoot } from '../../src';
+import { RPGUIRoot } from '../../..';
 import {
   Dropdown,
   IDropdownProps,
   IOptionsProps,
-} from '../../src/components/Dropdown';
+} from '../../../components/Dropdown';
 
 const meta: Meta = {
-  title: 'Dropdown',
+  title: 'UI/Dropdowns & Selectors/Dropdown',
   component: Dropdown,
 };
 

package/src/stories/{DropdownSelectorContainer.stories.tsx → UI/dropdownsAndSelectors/DropdownSelectorContainer.stories.tsx}

@@ -1,13 +1,13 @@
 import { Meta, Story } from '@storybook/react';
 import React from 'react';
-import { RPGUIRoot } from '..';
+import { RPGUIRoot } from '../../..';
 import {
   DropdownSelectorContainer,
   IDropdownSelectorContainer,
-} from '../components/DropdownSelectorContainer';
+} from '../../../components/DropdownSelectorContainer';
 
 const meta: Meta = {
-  title: 'DropdownSelectorContainer',
+  title: 'UI/Dropdowns & Selectors/DropdownSelectorContainer',
   component: DropdownSelectorContainer,
 };
 

package/src/stories/{ItemQuantitySelector.stories.tsx → UI/dropdownsAndSelectors/ItemQuantitySelector.stories.tsx}

@@ -1,13 +1,13 @@
 import { Meta, Story } from '@storybook/react';
 import React from 'react';
-import { RPGUIRoot } from '..';
+import { RPGUIRoot } from '../../..';
 import {
   IItemQuantitySelectorProps,
   ItemQuantitySelector,
-} from '../components/Item/Inventory/ItemQuantitySelector';
+} from '../../../components/Item/Inventory/ItemQuantitySelector';
 
 const meta: Meta = {
-  title: 'Item Quantity Selector',
+  title: 'UI/Dropdowns & Selectors/Item Quantity Selector',
   component: ItemQuantitySelector,
 };
 

package/src/stories/{ItemSelector.stories.tsx → UI/dropdownsAndSelectors/ItemSelector.stories.tsx}

@@ -1,15 +1,15 @@
 import { Meta, Story } from '@storybook/react';
 import React from 'react';
-import { RPGUIRoot } from '..';
+import { RPGUIRoot } from '../../..';
 import {
   IOptionsItemSelectorProps,
   ItemSelector,
-} from '../components/itemSelector/ItemSelector';
-import atlasJSON from '../mocks/atlas/items/items.json';
-import atlasIMG from '../mocks/atlas/items/items.png';
+} from '../../../components/itemSelector/ItemSelector';
+import atlasJSON from '../../../mocks/atlas/items/items.json';
+import atlasIMG from '../../../mocks/atlas/items/items.png';
 
 const meta: Meta = {
-  title: 'Item Selector',
+  title: 'UI/Dropdowns & Selectors/Item Selector',
   component: ItemSelector,
 };
 

package/src/stories/{PropertySelect.stories.tsx → UI/dropdownsAndSelectors/PropertySelect.stories.tsx}

@@ -1,12 +1,12 @@
 import { Meta, Story } from '@storybook/react';
 import React from 'react';
-import { RPGUIRoot } from '..';
+import { RPGUIRoot } from '../../..';
 import PropertySelect, {
   IPropertySelectProps,
-} from '../components/PropertySelect/PropertySelect';
+} from '../../../components/PropertySelect/PropertySelect';
 
 const meta: Meta = {
-  title: 'Property Select',
+  title: 'UI/Dropdowns & Selectors/Property Select',
   component: PropertySelect,
 };
 

package/src/stories/{ImageCarousel.stories.tsx → UI/images/ImageCarousel.stories.tsx}

@@ -4,12 +4,12 @@ import {
   IImageCarouselProps,
   ITextImageProps,
   ImageCarousel,
-} from '../components/ImageCarousel/ImageCarousel';
-import image from '../components/ImageCarousel/images/001.png';
-import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
+} from '../../../components/ImageCarousel/ImageCarousel';
+import image from '../../../components/ImageCarousel/images/001.png';
+import { RPGUIRoot } from '../../../components/RPGUI/RPGUIRoot';
 
 const meta: Meta = {
-  title: 'Images/Image Carousel',
+  title: 'UI/Images/Image Carousel',
   component: ImageCarousel,
 };
 

package/src/stories/{SimpleImageCarousel.stories.tsx → UI/images/SimpleImageCarousel.stories.tsx}

@@ -4,15 +4,15 @@ import React from 'react';
 import {
   ISimpleImageCarousel,
   SimpleImageCarousel,
-} from '../components/ImageCarousel/SimpleImageCarousel';
+} from '../../../components/ImageCarousel/SimpleImageCarousel';
 
 import styled from 'styled-components';
-import image1 from '../assets/images/backpack.png';
-import image2 from '../assets/images/depot.png';
-import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
+import image1 from '../../../assets/images/backpack.png';
+import image2 from '../../../assets/images/depot.png';
+import { RPGUIRoot } from '../../../components/RPGUI/RPGUIRoot';
 
 const meta: Meta = {
-  title: 'Images/Simple Image Carousel',
+  title: 'UI/Images/Simple Image Carousel',
   component: SimpleImageCarousel,
 };
 

package/src/stories/{ListMenu.stories.tsx → UI/lists/ListMenu.stories.tsx}

@@ -1,14 +1,14 @@
 import { Meta, Story } from '@storybook/react';
 import React from 'react';
-import { IListMenuProps, ListMenu } from '../../src/components/ListMenu';
-import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
+import { IListMenuProps, ListMenu } from '../../../components/ListMenu';
+import { RPGUIRoot } from '../../../components/RPGUI/RPGUIRoot';
 
 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: 'List Menu',
+  title: 'UI/Lists/List Menu',
   component: ListMenu,
   argTypes: {},
 };

package/src/stories/{ScrollList.stories.tsx → UI/lists/ScrollList.stories.tsx}

@@ -1,14 +1,14 @@
 import { Meta, Story } from '@storybook/react';
 import React from 'react';
-import { IListMenuProps, ListMenu } from '../../src/components/ScrollList';
-import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
+import { RPGUIRoot } from '../../../components/RPGUI/RPGUIRoot';
+import { IListMenuProps, ListMenu } from '../../../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',
+  title: 'UI/Lists/Scroll List',
   component: ListMenu,
   argTypes: {},
 };

package/src/stories/UI/modals/ConfirmModal.stories.tsx

@@ -0,0 +1,28 @@
+import { Meta, Story } from '@storybook/react';
+import React from 'react';
+import {
+  ConfirmModal,
+  IConfirmModalProps,
+} from '../../../components/ConfirmModal';
+import { RPGUIRoot } from '../../../components/RPGUI/RPGUIRoot';
+
+const meta: Meta = {
+  title: 'UI/Modals/Confirm Modal',
+  component: ConfirmModal,
+};
+
+export default meta;
+
+const Template: Story<IConfirmModalProps> = args => (
+  <RPGUIRoot>
+    <ConfirmModal {...args} />
+  </RPGUIRoot>
+);
+
+export const Default = Template.bind({});
+
+Default.args = {
+  onConfirm: () => console.log('onConfirm'),
+  onClose: () => console.log('onClose'),
+  message: 'Do you want to proceed ?',
+};

package/src/stories/UI/modals/ShopModal.stories.tsx

@@ -0,0 +1,27 @@
+import { Meta, Story } from '@storybook/react';
+import React from 'react';
+import { RPGUIRoot } from '../../../components/RPGUI/RPGUIRoot';
+import {
+  IShopModalProps,
+  ShopModal,
+} from '../../../components/ShopModal/ShopModal';
+
+const meta: Meta = {
+  title: 'UI/Modals/Shop Modal',
+  component: ShopModal,
+};
+
+export default meta;
+
+const Template: Story<IShopModalProps> = args => (
+  <RPGUIRoot>
+    <ShopModal {...args} />
+  </RPGUIRoot>
+);
+
+export const Default = Template.bind({});
+
+Default.args = {
+  onClose: () => console.log('onClose'),
+  url: 'https://www.patreon.com/DefinyaMMORPG/shop',
+};

package/src/stories/{ProgressBar.stories.tsx → UI/progress/ProgressBar.stories.tsx}

@@ -1,10 +1,10 @@
 import { Story } from '@storybook/react';
 import React from 'react';
-import { IBarProps, ProgressBar } from '../../src/components/ProgressBar';
-import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
+import { IBarProps, ProgressBar } from '../../../components/ProgressBar';
+import { RPGUIRoot } from '../../../components/RPGUI/RPGUIRoot';
 
 export default {
-  title: 'Progress Bar',
+  title: 'UI/Progress/Progress Bar',
   component: ProgressBar,
 };
 

package/src/stories/{SimpleProgressBar.stories.tsx → UI/progress/SimpleProgressBar.stories.tsx}

@@ -1,13 +1,13 @@
 import { Meta, Story } from '@storybook/react';
 import React from 'react';
+import { RPGUIRoot } from '../../../components/RPGUI/RPGUIRoot';
 import {
   ISimpleProgressBarProps,
   SimpleProgressBar,
-} from '../../src/components/SimpleProgressBar';
-import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
+} from '../../../components/SimpleProgressBar';
 
 const meta: Meta = {
-  title: 'Simple Progress Bar',
+  title: 'UI/Progress/Simple Progress Bar',
   component: SimpleProgressBar,
 };
 

package/src/stories/{RangeSlider.stories.tsx → UI/sliders/RangeSlider.stories.tsx}

@@ -4,11 +4,11 @@ import {
   IRangeSliderProps,
   RangeSlider,
   RangeSliderType,
-} from '../../src/components/RangeSlider';
-import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
+} from '../../../components/RangeSlider';
+import { RPGUIRoot } from '../../../components/RPGUI/RPGUIRoot';
 
 const meta: Meta = {
-  title: 'Slider',
+  title: 'UI/Sliders/Slider',
   component: RangeSlider,
   argTypes: {
     type: {

package/src/stories/{Stepper.stories.tsx → UI/steppers/Stepper.stories.tsx}

@@ -1,11 +1,11 @@
 import { Meta, Story } from '@storybook/react';
 import React from 'react';
-import { RPGUIRoot } from '..';
-import { ArrowBarProps } from '../components/Arrow/SelectArrow';
-import { Stepper } from '../components/Stepper';
+import { RPGUIRoot } from '../../..';
+import { ArrowBarProps } from '../../../components/Arrow/SelectArrow';
+import { Stepper } from '../../../components/Stepper';
 
 const meta: Meta = {
-  title: 'Stepper',
+  title: 'UI/Steppers/Stepper',
   component: Stepper,
 };
 

package/src/stories/{TutorialStepper.stories.tsx → UI/steppers/TutorialStepper.stories.tsx}

@@ -1,18 +1,18 @@
 import { Meta, Story } from '@storybook/react';
 import React from 'react';
-import { RPGUIRoot } from '..';
+import { RPGUIRoot } from '../../..';
 import {
   ITutorialLesson,
   ITutorialStepperProps,
   TutorialStepper,
-} from '../components/Tutorial/TutorialStepper';
+} from '../../../components/Tutorial/TutorialStepper';
 
-import tutorialImg3 from '../assets/images/farming-plant-seed.png';
-import tutorialImg1 from '../assets/images/sewer.png';
-import tutorialImg2 from '../assets/images/shortcuts.png';
+import tutorialImg3 from '../../../assets/images/farming-plant-seed.png';
+import tutorialImg1 from '../../../assets/images/sewer.png';
+import tutorialImg2 from '../../../assets/images/shortcuts.png';
 
 const meta: Meta = {
-  title: 'Tutorial/TutorialStepper',
+  title: 'UI/Steppers/TutorialStepper',
   component: TutorialStepper,
 };
 

package/src/stories/{InternalTabs.stories.tsx → UI/tabs/InternalTabs.stories.tsx}

@@ -1,13 +1,13 @@
 import { Meta, Story } from '@storybook/react';
 import React from 'react';
-import { RPGUIRoot } from '..';
+import { RPGUIRoot } from '../../..';
 import {
   InternalTabs,
   TableTabProps,
-} from '../components/InternalTabs/InternalTabs';
+} from '../../../components/InternalTabs/InternalTabs';
 
 const meta: Meta = {
-  title: 'InternalTabs',
+  title: 'UI/Tabs/InternalTabs',
   component: InternalTabs,
 };
 

package/src/stories/{Multitab.stories.tsx → UI/tabs/Multitab.stories.tsx}

@@ -1,15 +1,15 @@
 import { Meta, Story } from '@storybook/react';
 import React from 'react';
-import { TabBody } from '../../src/components/Multitab/TabBody';
 import {
   ITabsContainer,
   MultitabType,
+  RPGUIRoot,
+  TabBody,
   TabsContainer,
-} from '../../src/components/Multitab/TabsContainer';
-import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
+} from '../../..';
 
 const meta: Meta = {
-  title: 'MultiTabs',
+  title: 'UI/Tabs/MultiTabs',
   component: TabsContainer,
 };
 

package/src/stories/{Text.stories.tsx → UI/text/Text.stories.tsx}

@@ -1,17 +1,17 @@
 import { Meta, Story } from '@storybook/react';
 import React from 'react';
-import { RPGUIRoot } from '../../src';
+import { RPGUIRoot } from '../../../../src';
 import {
   IInputProps,
   Input as InputComponent,
-} from '../../src/components/Input';
+} from '../../../../src/components/Input';
 import {
   ITextArea,
   TextArea as TextAreaComponent,
-} from '../../src/components/TextArea';
+} from '../../../../src/components/TextArea';
 
 const meta: Meta = {
-  title: 'Text',
+  title: 'UI/Typography/Text',
   component: InputComponent,
 };
 

package/src/stories/ConfirmModal.stories.tsx

@@ -1,25 +0,0 @@
-import { Meta, Story } from '@storybook/react';
-import React from 'react';
-import { ConfirmModal, IConfirmModalProps } from '../components/ConfirmModal';
-import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
-
-const meta: Meta = {
-    title: 'Modals/Confirm Modal',
-    component: ConfirmModal,
-}
-
-export default meta;
-
-const Template: Story<IConfirmModalProps> = args => (
-    <RPGUIRoot>
-        <ConfirmModal {...args} />
-    </RPGUIRoot>
-)
-
-export const Default = Template.bind({});
-
-Default.args = {
-    onConfirm: () => console.log("onConfirm"),
-    onClose: () => console.log("onClose"),
-    message: "Do you want to proceed ?"
-}

package/src/stories/ShopModal.stories.tsx

@@ -1,24 +0,0 @@
-import { Meta, Story } from '@storybook/react';
-import React from 'react';
-import { RPGUIRoot } from '../components/RPGUI/RPGUIRoot';
-import { IShopModalProps, ShopModal } from '../components/ShopModal/ShopModal';
-
-const meta: Meta = {
-    title: 'Modals/Shop Modal',
-    component: ShopModal,
-}
-
-export default meta;
-
-const Template: Story<IShopModalProps> = args => (
-    <RPGUIRoot>
-        <ShopModal {...args} />
-    </RPGUIRoot>
-)
-
-export const Default = Template.bind({});
-
-Default.args = {
-    onClose: () => console.log("onClose"),
-    url: "https://www.patreon.com/DefinyaMMORPG/shop"
-}