@rpg-engine/long-bow 0.1.79 → 0.1.82

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (60) hide show
  1. package/LICENSE +20 -20
  2. package/README.md +181 -181
  3. package/dist/components/Equipment/EquipmentSet.d.ts +2 -2
  4. package/dist/components/store/UI.store.d.ts +0 -3
  5. package/dist/long-bow.cjs.development.js +282 -272
  6. package/dist/long-bow.cjs.development.js.map +1 -1
  7. package/dist/long-bow.cjs.production.min.js +1 -1
  8. package/dist/long-bow.cjs.production.min.js.map +1 -1
  9. package/dist/long-bow.esm.js +282 -272
  10. package/dist/long-bow.esm.js.map +1 -1
  11. package/dist/mocks/equipmentSet.mocks.d.ts +2 -2
  12. package/package.json +96 -96
  13. package/src/components/Abstractions/SlotsContainer.tsx +42 -42
  14. package/src/components/Button.tsx +29 -29
  15. package/src/components/Chat/Chat.tsx +193 -193
  16. package/src/components/CheckButton.tsx +65 -65
  17. package/src/components/DraggableContainer.tsx +150 -150
  18. package/src/components/Dropdown.tsx +57 -57
  19. package/src/components/Equipment/EquipmentSet.tsx +179 -179
  20. package/src/components/Input.tsx +11 -11
  21. package/src/components/Item/Cards/ItemCard.tsx +36 -36
  22. package/src/components/Item/Inventory/ItemContainer.tsx +113 -113
  23. package/src/components/Item/Inventory/ItemSlot.tsx +158 -158
  24. package/src/components/Item/Inventory/itemContainerHelper.ts +81 -81
  25. package/src/components/ListMenu.tsx +65 -65
  26. package/src/components/Multitab/Tab.tsx +57 -57
  27. package/src/components/Multitab/TabBody.tsx +13 -13
  28. package/src/components/Multitab/TabsContainer.tsx +97 -97
  29. package/src/components/NPCDialog/NPCDialog.tsx +145 -145
  30. package/src/components/NPCDialog/NPCDialogText.tsx +53 -53
  31. package/src/components/NPCDialog/QuestionDialog/QuestionDialog.tsx +242 -242
  32. package/src/components/ProgressBar.tsx +91 -91
  33. package/src/components/RPGUIContainer.tsx +47 -47
  34. package/src/components/RPGUIRoot.tsx +14 -14
  35. package/src/components/RadioButton.tsx +53 -53
  36. package/src/components/RangeSlider.tsx +68 -68
  37. package/src/components/ScrollList.tsx +77 -77
  38. package/src/components/SimpleProgressBar.tsx +62 -62
  39. package/src/components/SkillProgressBar.tsx +124 -124
  40. package/src/components/SkillsContainer.tsx +235 -235
  41. package/src/components/TextArea.tsx +11 -11
  42. package/src/components/Truncate.tsx +25 -25
  43. package/src/components/shared/Column.tsx +16 -16
  44. package/src/components/shared/SpriteFromAtlas.tsx +99 -99
  45. package/src/components/shared/SpriteIcon.tsx +67 -67
  46. package/src/components/store/UI.store.ts +192 -205
  47. package/src/components/typography/DynamicText.tsx +49 -49
  48. package/src/constants/uiColors.ts +10 -10
  49. package/src/hooks/useEventListener.ts +21 -21
  50. package/src/hooks/useOutsideAlerter.ts +25 -25
  51. package/src/index.tsx +25 -25
  52. package/src/libs/StringHelpers.ts +3 -3
  53. package/src/mocks/atlas/icons/icons.json +303 -303
  54. package/src/mocks/atlas/items/items.json +5215 -5195
  55. package/src/mocks/atlas/items/items.png +0 -0
  56. package/src/mocks/equipmentSet.mocks.ts +347 -347
  57. package/src/mocks/itemContainer.mocks.ts +249 -249
  58. package/src/mocks/skills.mocks.ts +122 -122
  59. package/src/types/eventTypes.ts +4 -4
  60. package/src/types/index.d.ts +2 -2
@@ -1,3 +1,3 @@
1
- import { IEquipementSet } from '@rpg-engine/shared';
1
+ import { IEquipmentSet } from '@rpg-engine/shared';
2
2
  export declare const items: any;
3
- export declare const equipmentSetMock: IEquipementSet;
3
+ export declare const equipmentSetMock: IEquipmentSet;
package/package.json CHANGED
@@ -1,96 +1,96 @@
1
- {
2
- "name": "@rpg-engine/long-bow",
3
- "version": "0.1.79",
4
- "license": "MIT",
5
- "main": "dist/index.js",
6
- "typings": "dist/index.d.ts",
7
- "publishConfig": {
8
- "access": "public"
9
- },
10
- "directories": {
11
- "dist": "dist",
12
- "src": "src"
13
- },
14
- "files": [
15
- "dist",
16
- "src"
17
- ],
18
- "engines": {
19
- "node": ">=10"
20
- },
21
- "scripts": {
22
- "dev": "start-storybook -p 6006",
23
- "start": "tsdx watch",
24
- "build": "tsdx build",
25
- "test": "tsdx test --passWithNoTests",
26
- "lint": "tsdx lint",
27
- "prepare": "tsdx build",
28
- "size": "size-limit",
29
- "analyze": "size-limit --why",
30
- "storybook": "start-storybook -p 6006",
31
- "build-storybook": "build-storybook",
32
- "configure": "./environment/download-credentials.sh",
33
- "update:shared-deps": "yarn add @rpg-engine/shared"
34
- },
35
- "peerDependencies": {
36
- "react": ">=16"
37
- },
38
- "prettier": {
39
- "printWidth": 80,
40
- "semi": true,
41
- "singleQuote": true,
42
- "trailingComma": "es5"
43
- },
44
- "author": "Joao Paulo Furtado",
45
- "module": "dist/long-bow.esm.js",
46
- "size-limit": [
47
- {
48
- "path": "dist/long-bow.cjs.production.min.js",
49
- "limit": "10 KB"
50
- },
51
- {
52
- "path": "dist/long-bow.esm.js",
53
- "limit": "10 KB"
54
- }
55
- ],
56
- "devDependencies": {
57
- "@babel/core": "^7.17.7",
58
- "@size-limit/preset-small-lib": "^7.0.8",
59
- "@storybook/addon-essentials": "^6.5.9",
60
- "@storybook/addon-info": "^5.3.21",
61
- "@storybook/addon-links": "^6.5.9",
62
- "@storybook/addons": "^6.5.9",
63
- "@storybook/react": "^6.5.9",
64
- "@types/react": "^18.0.14",
65
- "@types/react-dom": "^18.0.5",
66
- "@types/styled-components": "^5.1.24",
67
- "@types/uuid": "^8.3.4",
68
- "babel-loader": "^8.2.3",
69
- "babel-plugin-styled-components": "^2.0.6",
70
- "husky": "^7.0.4",
71
- "pretty-quick": "^3.1.3",
72
- "react": "^17.0.2",
73
- "react-dom": "^17.0.2",
74
- "react-is": "^17.0.2",
75
- "rollup-plugin-image-base64": "^1.0.0",
76
- "size-limit": "^7.0.8",
77
- "storybook-dark-mode": "^1.1.0",
78
- "styled-components": "^5.3.3",
79
- "tsdx": "^0.14.1",
80
- "tslib": "^2.3.1",
81
- "typescript": "^4.6.2",
82
- "uuid": "^8.3.2"
83
- },
84
- "dependencies": {
85
- "@rollup/plugin-image": "^2.1.1",
86
- "@rpg-engine/shared": "^0.3.40",
87
- "dayjs": "^1.11.2",
88
- "fs-extra": "^10.1.0",
89
- "mobx": "^6.6.0",
90
- "mobx-react": "^7.5.0",
91
- "react-draggable": "^4.4.5",
92
- "react-error-boundary": "^3.1.4",
93
- "rollup-plugin-image-files": "^1.4.2",
94
- "rpgui": "^1.0.3"
95
- }
96
- }
1
+ {
2
+ "name": "@rpg-engine/long-bow",
3
+ "version": "0.1.82",
4
+ "license": "MIT",
5
+ "main": "dist/index.js",
6
+ "typings": "dist/index.d.ts",
7
+ "publishConfig": {
8
+ "access": "public"
9
+ },
10
+ "directories": {
11
+ "dist": "dist",
12
+ "src": "src"
13
+ },
14
+ "files": [
15
+ "dist",
16
+ "src"
17
+ ],
18
+ "engines": {
19
+ "node": ">=10"
20
+ },
21
+ "scripts": {
22
+ "dev": "start-storybook -p 6006",
23
+ "start": "tsdx watch",
24
+ "build": "tsdx build",
25
+ "test": "tsdx test --passWithNoTests",
26
+ "lint": "tsdx lint",
27
+ "prepare": "tsdx build",
28
+ "size": "size-limit",
29
+ "analyze": "size-limit --why",
30
+ "storybook": "start-storybook -p 6006",
31
+ "build-storybook": "build-storybook",
32
+ "configure": "./environment/download-credentials.sh",
33
+ "update:shared-deps": "yarn add @rpg-engine/shared"
34
+ },
35
+ "peerDependencies": {
36
+ "react": ">=16"
37
+ },
38
+ "prettier": {
39
+ "printWidth": 80,
40
+ "semi": true,
41
+ "singleQuote": true,
42
+ "trailingComma": "es5"
43
+ },
44
+ "author": "Joao Paulo Furtado",
45
+ "module": "dist/long-bow.esm.js",
46
+ "size-limit": [
47
+ {
48
+ "path": "dist/long-bow.cjs.production.min.js",
49
+ "limit": "10 KB"
50
+ },
51
+ {
52
+ "path": "dist/long-bow.esm.js",
53
+ "limit": "10 KB"
54
+ }
55
+ ],
56
+ "devDependencies": {
57
+ "@babel/core": "^7.17.7",
58
+ "@size-limit/preset-small-lib": "^7.0.8",
59
+ "@storybook/addon-essentials": "^6.5.9",
60
+ "@storybook/addon-info": "^5.3.21",
61
+ "@storybook/addon-links": "^6.5.9",
62
+ "@storybook/addons": "^6.5.9",
63
+ "@storybook/react": "^6.5.9",
64
+ "@types/react": "^18.0.14",
65
+ "@types/react-dom": "^18.0.5",
66
+ "@types/styled-components": "^5.1.24",
67
+ "@types/uuid": "^8.3.4",
68
+ "babel-loader": "^8.2.3",
69
+ "babel-plugin-styled-components": "^2.0.6",
70
+ "husky": "^7.0.4",
71
+ "pretty-quick": "^3.1.3",
72
+ "react": "^17.0.2",
73
+ "react-dom": "^17.0.2",
74
+ "react-is": "^17.0.2",
75
+ "rollup-plugin-image-base64": "^1.0.0",
76
+ "size-limit": "^7.0.8",
77
+ "storybook-dark-mode": "^1.1.0",
78
+ "styled-components": "^5.3.3",
79
+ "tsdx": "^0.14.1",
80
+ "tslib": "^2.3.1",
81
+ "typescript": "^4.6.2",
82
+ "uuid": "^8.3.2"
83
+ },
84
+ "dependencies": {
85
+ "@rollup/plugin-image": "^2.1.1",
86
+ "@rpg-engine/shared": "^0.3.67",
87
+ "dayjs": "^1.11.2",
88
+ "fs-extra": "^10.1.0",
89
+ "mobx": "^6.6.0",
90
+ "mobx-react": "^7.5.0",
91
+ "react-draggable": "^4.4.5",
92
+ "react-error-boundary": "^3.1.4",
93
+ "rollup-plugin-image-files": "^1.4.2",
94
+ "rpgui": "^1.0.3"
95
+ }
96
+ }
@@ -1,42 +1,42 @@
1
- import React from 'react';
2
- import { IPosition } from '../../types/eventTypes';
3
- import { DraggableContainer } from '../DraggableContainer';
4
- import { RPGUIContainerTypes } from '../RPGUIContainer';
5
-
6
- interface IProps {
7
- children: React.ReactNode;
8
- title: string;
9
- onClose?: () => void;
10
- onPositionChange?: (position: IPosition) => void;
11
- onOutsideClick?: () => void;
12
- }
13
-
14
- export const SlotsContainer: React.FC<IProps> = ({
15
- children,
16
- title,
17
- onClose,
18
- onPositionChange,
19
- onOutsideClick,
20
- }) => {
21
- return (
22
- <DraggableContainer
23
- title={title}
24
- type={RPGUIContainerTypes.Framed}
25
- onCloseButton={() => {
26
- if (onClose) {
27
- onClose();
28
- }
29
- }}
30
- width="330px"
31
- cancelDrag=".item-container-body"
32
- onPositionChange={({ x, y }) => {
33
- if (onPositionChange) {
34
- onPositionChange({ x, y });
35
- }
36
- }}
37
- onOutsideClick={onOutsideClick}
38
- >
39
- {children}
40
- </DraggableContainer>
41
- );
42
- };
1
+ import React from 'react';
2
+ import { IPosition } from '../../types/eventTypes';
3
+ import { DraggableContainer } from '../DraggableContainer';
4
+ import { RPGUIContainerTypes } from '../RPGUIContainer';
5
+
6
+ interface IProps {
7
+ children: React.ReactNode;
8
+ title: string;
9
+ onClose?: () => void;
10
+ onPositionChange?: (position: IPosition) => void;
11
+ onOutsideClick?: () => void;
12
+ }
13
+
14
+ export const SlotsContainer: React.FC<IProps> = ({
15
+ children,
16
+ title,
17
+ onClose,
18
+ onPositionChange,
19
+ onOutsideClick,
20
+ }) => {
21
+ return (
22
+ <DraggableContainer
23
+ title={title}
24
+ type={RPGUIContainerTypes.Framed}
25
+ onCloseButton={() => {
26
+ if (onClose) {
27
+ onClose();
28
+ }
29
+ }}
30
+ width="330px"
31
+ cancelDrag=".item-container-body"
32
+ onPositionChange={({ x, y }) => {
33
+ if (onPositionChange) {
34
+ onPositionChange({ x, y });
35
+ }
36
+ }}
37
+ onOutsideClick={onOutsideClick}
38
+ >
39
+ {children}
40
+ </DraggableContainer>
41
+ );
42
+ };
@@ -1,29 +1,29 @@
1
- import React from 'react';
2
- import styled from 'styled-components';
3
-
4
- export enum ButtonTypes {
5
- RPGUIButton = 'rpgui-button',
6
- RPGUIGoldButton = 'rpgui-button golden',
7
- }
8
-
9
- export interface IButtonProps {
10
- children: React.ReactNode;
11
- buttonType: ButtonTypes;
12
- }
13
-
14
- export const Button: React.FC<IButtonProps &
15
- React.DetailedHTMLProps<
16
- React.ButtonHTMLAttributes<HTMLButtonElement>,
17
- HTMLButtonElement
18
- >> = ({ children, buttonType, ...props }) => {
19
- return (
20
- <ButtonContainer className={`${buttonType}`} {...props}>
21
- <p>{children}</p>
22
- </ButtonContainer>
23
- );
24
- };
25
-
26
- const ButtonContainer = styled.button<any>`
27
- height: 45px;
28
- font-size: 11.5px;
29
- `;
1
+ import React from 'react';
2
+ import styled from 'styled-components';
3
+
4
+ export enum ButtonTypes {
5
+ RPGUIButton = 'rpgui-button',
6
+ RPGUIGoldButton = 'rpgui-button golden',
7
+ }
8
+
9
+ export interface IButtonProps {
10
+ children: React.ReactNode;
11
+ buttonType: ButtonTypes;
12
+ }
13
+
14
+ export const Button: React.FC<IButtonProps &
15
+ React.DetailedHTMLProps<
16
+ React.ButtonHTMLAttributes<HTMLButtonElement>,
17
+ HTMLButtonElement
18
+ >> = ({ children, buttonType, ...props }) => {
19
+ return (
20
+ <ButtonContainer className={`${buttonType}`} {...props}>
21
+ <p>{children}</p>
22
+ </ButtonContainer>
23
+ );
24
+ };
25
+
26
+ const ButtonContainer = styled.button<any>`
27
+ height: 45px;
28
+ font-size: 11.5px;
29
+ `;