@rpg-engine/long-bow 0.1.78 → 0.1.79

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 (57) hide show
  1. package/LICENSE +20 -20
  2. package/README.md +181 -181
  3. package/dist/components/store/UI.store.d.ts +3 -0
  4. package/dist/long-bow.cjs.development.js +19 -10
  5. package/dist/long-bow.cjs.development.js.map +1 -1
  6. package/dist/long-bow.cjs.production.min.js +1 -1
  7. package/dist/long-bow.cjs.production.min.js.map +1 -1
  8. package/dist/long-bow.esm.js +19 -10
  9. package/dist/long-bow.esm.js.map +1 -1
  10. package/package.json +96 -96
  11. package/src/components/Abstractions/SlotsContainer.tsx +42 -42
  12. package/src/components/Button.tsx +29 -29
  13. package/src/components/Chat/Chat.tsx +193 -193
  14. package/src/components/CheckButton.tsx +65 -65
  15. package/src/components/DraggableContainer.tsx +150 -150
  16. package/src/components/Dropdown.tsx +57 -57
  17. package/src/components/Equipment/EquipmentSet.tsx +179 -179
  18. package/src/components/Input.tsx +11 -11
  19. package/src/components/Item/Cards/ItemCard.tsx +36 -36
  20. package/src/components/Item/Inventory/ItemContainer.tsx +113 -113
  21. package/src/components/Item/Inventory/ItemSlot.tsx +158 -158
  22. package/src/components/Item/Inventory/itemContainerHelper.ts +81 -81
  23. package/src/components/ListMenu.tsx +65 -65
  24. package/src/components/Multitab/Tab.tsx +57 -57
  25. package/src/components/Multitab/TabBody.tsx +13 -13
  26. package/src/components/Multitab/TabsContainer.tsx +97 -97
  27. package/src/components/NPCDialog/NPCDialog.tsx +145 -145
  28. package/src/components/NPCDialog/NPCDialogText.tsx +53 -53
  29. package/src/components/NPCDialog/QuestionDialog/QuestionDialog.tsx +242 -242
  30. package/src/components/ProgressBar.tsx +91 -91
  31. package/src/components/RPGUIContainer.tsx +47 -47
  32. package/src/components/RPGUIRoot.tsx +14 -14
  33. package/src/components/RadioButton.tsx +53 -53
  34. package/src/components/RangeSlider.tsx +68 -68
  35. package/src/components/ScrollList.tsx +77 -77
  36. package/src/components/SimpleProgressBar.tsx +62 -62
  37. package/src/components/SkillProgressBar.tsx +124 -124
  38. package/src/components/SkillsContainer.tsx +235 -235
  39. package/src/components/TextArea.tsx +11 -11
  40. package/src/components/Truncate.tsx +25 -25
  41. package/src/components/shared/Column.tsx +16 -16
  42. package/src/components/shared/SpriteFromAtlas.tsx +99 -99
  43. package/src/components/shared/SpriteIcon.tsx +67 -67
  44. package/src/components/store/UI.store.ts +205 -192
  45. package/src/components/typography/DynamicText.tsx +49 -49
  46. package/src/constants/uiColors.ts +10 -10
  47. package/src/hooks/useEventListener.ts +21 -21
  48. package/src/hooks/useOutsideAlerter.ts +25 -25
  49. package/src/index.tsx +25 -25
  50. package/src/libs/StringHelpers.ts +3 -3
  51. package/src/mocks/atlas/icons/icons.json +303 -303
  52. package/src/mocks/atlas/items/items.json +5195 -5195
  53. package/src/mocks/equipmentSet.mocks.ts +347 -347
  54. package/src/mocks/itemContainer.mocks.ts +249 -249
  55. package/src/mocks/skills.mocks.ts +122 -122
  56. package/src/types/eventTypes.ts +4 -4
  57. package/src/types/index.d.ts +2 -2
package/package.json CHANGED
@@ -1,96 +1,96 @@
1
- {
2
- "name": "@rpg-engine/long-bow",
3
- "version": "0.1.78",
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.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,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
+ `;