@rpg-engine/long-bow 0.1.792 → 0.2.1

package/dist/mocks/equipmentSet.mocks.d.ts

@@ -1,3 +1,3 @@
-import { IEquipementSet } from '@rpg-engine/shared';
+import { IEquipmentSet } from '@rpg-engine/shared';
 export declare const items: any;
-export declare const equipmentSetMock: IEquipementSet;
+export declare const equipmentSetMock: IEquipmentSet;

package/dist/stories/Button.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { IButtonProps } from '../../src/components/Button';
+declare const meta: Meta;
+export default meta;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, IButtonProps>;

package/dist/stories/Chat.stories.d.ts

@@ -0,0 +1,5 @@
+import { IChatMessage } from '@rpg-engine/shared';
+import { Meta } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, IChatMessage>;

package/dist/stories/CheckButton.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { ICheckProps } from '../../src/components/CheckButton';
+declare const meta: Meta;
+export default meta;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, ICheckProps>;

package/dist/stories/DraggableContainer.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { IDraggableContainerProps } from '../../src/components/DraggableContainer';
+declare const meta: Meta;
+export default meta;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, IDraggableContainerProps>;

package/dist/stories/Dropdown.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { IDropdownProps } from '../../src/components/Dropdown';
+declare const meta: Meta;
+export default meta;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, IDropdownProps>;

package/dist/stories/EquipmentSet.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { IEquipmentSetProps } from '../../src/components/Equipment/EquipmentSet';
+declare const meta: Meta;
+export default meta;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, IEquipmentSetProps>;

package/dist/stories/ItemContainer.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { IItemContainerProps } from '../../src/components/Item/Inventory/ItemContainer';
+declare const meta: Meta;
+export default meta;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, IItemContainerProps>;

package/dist/stories/ListMenu.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { IListMenuProps } from '../../src/components/ListMenu';
+declare const meta: Meta;
+export default meta;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, IListMenuProps>;

package/dist/stories/Multitab.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+import { ITabsContainer } from '../../src/components/Multitab/TabsContainer';
+declare const meta: Meta;
+export default meta;
+export declare const Brown: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, ITabsContainer>;
+export declare const Gray: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, ITabsContainer>;

package/dist/stories/NPCDialog.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react';
+import { INPCDialogProps } from '../../src/components/NPCDialog/NPCDialog';
+declare const meta: Meta;
+export default meta;
+export declare const TextAndThumbnail: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, INPCDialogProps>;
+export declare const TextOnly: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, INPCDialogProps>;
+export declare const Question: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, INPCDialogProps>;

package/dist/stories/ProgressBar.stories.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { IBarProps } from '../../src/components/ProgressBar';
+declare const _default: {
+    title: string;
+    component: React.FC<IBarProps>;
+};
+export default _default;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, IBarProps>;

package/dist/stories/PropertySelect.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { IPropertySelectProps } from '../components/PropertySelect/PropertySelect';
+declare const meta: Meta;
+export default meta;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, IPropertySelectProps>;

package/dist/stories/QuestInfo.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { IQuestInfoProps } from '../../src/components/QuestInfo/QuestInfo';
+declare const meta: Meta;
+export default meta;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, IQuestInfoProps>;

package/dist/stories/RPGUIContainers.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { IRPGUIContainerProps } from '../../src/components/RPGUIContainer';
+declare const meta: Meta;
+export default meta;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, IRPGUIContainerProps>;

package/dist/stories/RadioButton.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { IRadioProps } from '../../src/components/RadioButton';
+declare const meta: Meta;
+export default meta;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, IRadioProps>;

package/dist/stories/RangeSlider.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { IRangeSliderProps } from '../../src/components/RangeSlider';
+declare const meta: Meta;
+export default meta;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, IRangeSliderProps>;

package/dist/stories/ScrollList.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { IListMenuProps } from '../../src/components/ScrollList';
+declare const meta: Meta;
+export default meta;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, IListMenuProps>;

package/dist/stories/SimpleProgressBar.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { ISimpleProgressBarProps } from '../../src/components/SimpleProgressBar';
+declare const meta: Meta;
+export default meta;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, ISimpleProgressBarProps>;

package/dist/stories/SkillProgressBar.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { ISkillProgressBarProps } from '../../src/components/SkillProgressBar';
+declare const meta: Meta;
+export default meta;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, ISkillProgressBarProps>;

package/dist/stories/SkillsContainer.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { ISkillContainerProps } from '../../src/components/SkillsContainer';
+declare const meta: Meta;
+export default meta;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, ISkillContainerProps>;

package/dist/stories/Text.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react';
+import { IInputProps } from '../../src/components/Input';
+import { ITextArea } from '../../src/components/TextArea';
+declare const meta: Meta;
+export default meta;
+export declare const Input: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, IInputProps>;
+export declare const TextArea: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, ITextArea>;

package/package.json

@@ -1,96 +1,98 @@
-{
-  "name": "@rpg-engine/long-bow",
-  "version": "0.1.792",
-  "license": "MIT",
-  "main": "dist/index.js",
-  "typings": "dist/index.d.ts",
-  "publishConfig": {
-    "access": "public"
-  },
-  "directories": {
-    "dist": "dist",
-    "src": "src"
-  },
-  "files": [
-    "dist",
-    "src"
-  ],
-  "engines": {
-    "node": ">=10"
-  },
-  "scripts": {
-    "dev": "start-storybook -p 6006",
-    "start": "tsdx watch",
-    "build": "tsdx build",
-    "test": "tsdx test --passWithNoTests",
-    "lint": "tsdx lint",
-    "prepare": "tsdx build",
-    "size": "size-limit",
-    "analyze": "size-limit --why",
-    "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook",
-    "configure": "./environment/download-credentials.sh",
-    "update:shared-deps": "yarn add @rpg-engine/shared"
-  },
-  "peerDependencies": {
-    "react": ">=16"
-  },
-  "prettier": {
-    "printWidth": 80,
-    "semi": true,
-    "singleQuote": true,
-    "trailingComma": "es5"
-  },
-  "author": "Joao Paulo Furtado",
-  "module": "dist/long-bow.esm.js",
-  "size-limit": [
-    {
-      "path": "dist/long-bow.cjs.production.min.js",
-      "limit": "10 KB"
-    },
-    {
-      "path": "dist/long-bow.esm.js",
-      "limit": "10 KB"
-    }
-  ],
-  "devDependencies": {
-    "@babel/core": "^7.17.7",
-    "@size-limit/preset-small-lib": "^7.0.8",
-    "@storybook/addon-essentials": "^6.5.9",
-    "@storybook/addon-info": "^5.3.21",
-    "@storybook/addon-links": "^6.5.9",
-    "@storybook/addons": "^6.5.9",
-    "@storybook/react": "^6.5.9",
-    "@types/react": "^18.0.14",
-    "@types/react-dom": "^18.0.5",
-    "@types/styled-components": "^5.1.24",
-    "@types/uuid": "^8.3.4",
-    "babel-loader": "^8.2.3",
-    "babel-plugin-styled-components": "^2.0.6",
-    "husky": "^7.0.4",
-    "pretty-quick": "^3.1.3",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-is": "^17.0.2",
-    "rollup-plugin-image-base64": "^1.0.0",
-    "size-limit": "^7.0.8",
-    "storybook-dark-mode": "^1.1.0",
-    "styled-components": "^5.3.3",
-    "tsdx": "^0.14.1",
-    "tslib": "^2.3.1",
-    "typescript": "^4.6.2",
-    "uuid": "^8.3.2"
-  },
-  "dependencies": {
-    "@rollup/plugin-image": "^2.1.1",
-    "@rpg-engine/shared": "^0.3.40",
-    "dayjs": "^1.11.2",
-    "fs-extra": "^10.1.0",
-    "mobx": "^6.6.0",
-    "mobx-react": "^7.5.0",
-    "react-draggable": "^4.4.5",
-    "react-error-boundary": "^3.1.4",
-    "rollup-plugin-image-files": "^1.4.2",
-    "rpgui": "^1.0.3"
-  }
-}
+{
+  "name": "@rpg-engine/long-bow",
+  "version": "0.2.1",
+  "license": "MIT",
+  "main": "dist/index.js",
+  "typings": "dist/index.d.ts",
+  "publishConfig": {
+    "access": "public"
+  },
+  "directories": {
+    "dist": "dist",
+    "src": "src"
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "engines": {
+    "node": ">=10"
+  },
+  "scripts": {
+    "dev": "yarn install && start-storybook -p 6006",
+    "start": "tsdx watch",
+    "build": "tsdx build",
+    "test": "tsdx test --passWithNoTests",
+    "lint": "tsdx lint",
+    "prepare": "tsdx build",
+    "size": "size-limit",
+    "analyze": "size-limit --why",
+    "storybook": "start-storybook -p 6006",
+    "build-storybook": "build-storybook",
+    "configure": "./environment/download-credentials.sh",
+    "update:shared-deps": "yarn add @rpg-engine/shared"
+  },
+  "peerDependencies": {
+    "react": ">=16"
+  },
+  "prettier": {
+    "printWidth": 80,
+    "semi": true,
+    "singleQuote": true,
+    "trailingComma": "es5"
+  },
+  "author": "Joao Paulo Furtado",
+  "module": "dist/long-bow.esm.js",
+  "size-limit": [
+    {
+      "path": "dist/long-bow.cjs.production.min.js",
+      "limit": "10 KB"
+    },
+    {
+      "path": "dist/long-bow.esm.js",
+      "limit": "10 KB"
+    }
+  ],
+  "devDependencies": {
+    "@babel/core": "^7.17.7",
+    "@size-limit/preset-small-lib": "^7.0.8",
+    "@storybook/addon-essentials": "^6.5.9",
+    "@storybook/addon-info": "^5.3.21",
+    "@storybook/addon-links": "^6.5.9",
+    "@storybook/addons": "^6.5.9",
+    "@storybook/react": "^6.5.9",
+    "@types/react": "^18.0.14",
+    "@types/react-dom": "^18.0.5",
+    "@types/styled-components": "^5.1.24",
+    "@types/uuid": "^8.3.4",
+    "babel-loader": "^8.2.3",
+    "babel-plugin-styled-components": "^2.0.6",
+    "husky": "^7.0.4",
+    "pretty-quick": "^3.1.3",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-is": "^17.0.2",
+    "rollup-plugin-image-base64": "^1.0.0",
+    "size-limit": "^7.0.8",
+    "storybook-dark-mode": "^1.1.0",
+    "styled-components": "^5.3.3",
+    "tsdx": "^0.14.1",
+    "tslib": "^2.3.1",
+    "typescript": "^4.6.2",
+    "uuid": "^8.3.2"
+  },
+  "dependencies": {
+    "@rollup/plugin-image": "^2.1.1",
+    "@rpg-engine/shared": "^0.4.10",
+    "dayjs": "^1.11.2",
+    "fs-extra": "^10.1.0",
+    "lodash": "^4.17.21",
+    "lodash-es": "^4.17.21",
+    "mobx": "^6.6.0",
+    "mobx-react": "^7.5.0",
+    "react-draggable": "^4.4.5",
+    "react-error-boundary": "^3.1.4",
+    "rollup-plugin-image-files": "^1.4.2",
+    "rpgui": "^1.0.3"
+  }
+}

package/src/components/Abstractions/SlotsContainer.tsx

@@ -1,42 +1,42 @@
-import React from 'react';
-import { IPosition } from '../../types/eventTypes';
-import { DraggableContainer } from '../DraggableContainer';
-import { RPGUIContainerTypes } from '../RPGUIContainer';
-
-interface IProps {
-  children: React.ReactNode;
-  title: string;
-  onClose?: () => void;
-  onPositionChange?: (position: IPosition) => void;
-  onOutsideClick?: () => void;
-}
-
-export const SlotsContainer: React.FC<IProps> = ({
-  children,
-  title,
-  onClose,
-  onPositionChange,
-  onOutsideClick,
-}) => {
-  return (
-    <DraggableContainer
-      title={title}
-      type={RPGUIContainerTypes.Framed}
-      onCloseButton={() => {
-        if (onClose) {
-          onClose();
-        }
-      }}
-      width="330px"
-      cancelDrag=".item-container-body"
-      onPositionChange={({ x, y }) => {
-        if (onPositionChange) {
-          onPositionChange({ x, y });
-        }
-      }}
-      onOutsideClick={onOutsideClick}
-    >
-      {children}
-    </DraggableContainer>
-  );
-};
+import React from 'react';
+import { IPosition } from '../../types/eventTypes';
+import { DraggableContainer } from '../DraggableContainer';
+import { RPGUIContainerTypes } from '../RPGUIContainer';
+
+interface IProps {
+  children: React.ReactNode;
+  title: string;
+  onClose?: () => void;
+  onPositionChange?: (position: IPosition) => void;
+  onOutsideClick?: () => void;
+}
+
+export const SlotsContainer: React.FC<IProps> = ({
+  children,
+  title,
+  onClose,
+  onPositionChange,
+  onOutsideClick,
+}) => {
+  return (
+    <DraggableContainer
+      title={title}
+      type={RPGUIContainerTypes.Framed}
+      onCloseButton={() => {
+        if (onClose) {
+          onClose();
+        }
+      }}
+      width="330px"
+      cancelDrag=".item-container-body"
+      onPositionChange={({ x, y }) => {
+        if (onPositionChange) {
+          onPositionChange({ x, y });
+        }
+      }}
+      onOutsideClick={onOutsideClick}
+    >
+      {children}
+    </DraggableContainer>
+  );
+};

package/src/components/Button.tsx

@@ -1,29 +1,30 @@
-import React from 'react';
-import styled from 'styled-components';
-
-export enum ButtonTypes {
-  RPGUIButton = 'rpgui-button',
-  RPGUIGoldButton = 'rpgui-button golden',
-}
-
-export interface IButtonProps {
-  children: React.ReactNode;
-  buttonType: ButtonTypes;
-}
-
-export const Button: React.FC<IButtonProps &
-  React.DetailedHTMLProps<
-    React.ButtonHTMLAttributes<HTMLButtonElement>,
-    HTMLButtonElement
-  >> = ({ children, buttonType, ...props }) => {
-  return (
-    <ButtonContainer className={`${buttonType}`} {...props}>
-      <p>{children}</p>
-    </ButtonContainer>
-  );
-};
-
-const ButtonContainer = styled.button<any>`
-  height: 45px;
-  font-size: 11.5px;
-`;
+import React from 'react';
+import styled from 'styled-components';
+
+export enum ButtonTypes {
+  RPGUIButton = 'rpgui-button',
+  RPGUIGoldButton = 'rpgui-button golden',
+}
+
+export interface IButtonProps {
+  disabled?: boolean;
+  children: React.ReactNode;
+  buttonType: ButtonTypes;
+}
+
+export const Button: React.FC<IButtonProps &
+  React.DetailedHTMLProps<
+    React.ButtonHTMLAttributes<HTMLButtonElement>,
+    HTMLButtonElement
+  >> = ({ disabled = false, children, buttonType, ...props }) => {
+  return (
+    <ButtonContainer className={`${buttonType}`} disabled={disabled} {...props}>
+      <p>{children}</p>
+    </ButtonContainer>
+  );
+};
+
+const ButtonContainer = styled.button<any>`
+  height: 45px;
+  font-size: 11.5px;
+`;