@rpg-engine/long-bow 0.3.43 → 0.3.45
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.
- package/dist/long-bow.cjs.development.js +1 -2
- package/dist/long-bow.cjs.development.js.map +1 -1
- package/dist/long-bow.cjs.production.min.js +1 -1
- package/dist/long-bow.cjs.production.min.js.map +1 -1
- package/dist/long-bow.esm.js +1 -2
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +2 -2
- package/src/components/Chat/Chat.tsx +0 -1
- package/src/components/TradingMenu/items.mock.ts +0 -1
- package/dist/components/CaracterStatus/CaracterStatus.d.ts +0 -9
- package/dist/stories/CaracterStatus.stories.d.ts +0 -5
- package/src/.DS_Store +0 -0
- package/src/components/.DS_Store +0 -0
- package/src/components/CaracterStatus/CaracterStatus.tsx +0 -86
- package/src/components/CaracterStatus/Character.png +0 -0
- package/src/components/NPCDialog/.DS_Store +0 -0
- package/src/components/NPCDialog/img/.DS_Store +0 -0
- package/src/mocks/.DS_Store +0 -0
- package/src/mocks/atlas/.DS_Store +0 -0
- package/src/stories/CaracterStatus.stories.tsx +0 -29
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rpg-engine/long-bow",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.45",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"typings": "dist/index.d.ts",
|
|
@@ -83,7 +83,7 @@
|
|
|
83
83
|
},
|
|
84
84
|
"dependencies": {
|
|
85
85
|
"@rollup/plugin-image": "^2.1.1",
|
|
86
|
-
"@rpg-engine/shared": "^0.6.
|
|
86
|
+
"@rpg-engine/shared": "^0.6.79",
|
|
87
87
|
"dayjs": "^1.11.2",
|
|
88
88
|
"font-awesome": "^4.7.0",
|
|
89
89
|
"fs-extra": "^10.1.0",
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { Meta } from '@storybook/react';
|
|
2
|
-
import { ICharacterStatusProps } from '../components/CaracterStatus/CaracterStatus';
|
|
3
|
-
declare const meta: Meta;
|
|
4
|
-
export default meta;
|
|
5
|
-
export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, ICharacterStatusProps>;
|
package/src/.DS_Store
DELETED
|
Binary file
|
package/src/components/.DS_Store
DELETED
|
Binary file
|
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import styled from 'styled-components';
|
|
3
|
-
import { uiColors } from '../../constants/uiColors';
|
|
4
|
-
import { ProgressBar } from '../ProgressBar';
|
|
5
|
-
import Character from './Character.png';
|
|
6
|
-
|
|
7
|
-
export interface ICharacterStatusProps {
|
|
8
|
-
healthValue: number;
|
|
9
|
-
healthMaxValue: number;
|
|
10
|
-
manaValue: number;
|
|
11
|
-
manaMaxValue: number;
|
|
12
|
-
charName: string;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
export const CharacterStatus: React.FC<ICharacterStatusProps> = ({
|
|
16
|
-
healthValue,
|
|
17
|
-
healthMaxValue,
|
|
18
|
-
manaValue,
|
|
19
|
-
manaMaxValue,
|
|
20
|
-
charName,
|
|
21
|
-
}) => {
|
|
22
|
-
return (
|
|
23
|
-
<StatusContainer>
|
|
24
|
-
<ImgContainer
|
|
25
|
-
style={{
|
|
26
|
-
background: `url(${Character})`,
|
|
27
|
-
backgroundPositionX: 'center',
|
|
28
|
-
}}
|
|
29
|
-
/>
|
|
30
|
-
<div>
|
|
31
|
-
<CharNameContainer>{charName}</CharNameContainer>
|
|
32
|
-
<ProgressContainer>
|
|
33
|
-
<StyledProgressBar
|
|
34
|
-
max={healthMaxValue}
|
|
35
|
-
value={healthValue}
|
|
36
|
-
color={'red'}
|
|
37
|
-
minWidth={200}
|
|
38
|
-
/>
|
|
39
|
-
<StyledProgressBar
|
|
40
|
-
max={manaMaxValue}
|
|
41
|
-
value={manaValue}
|
|
42
|
-
color={'blue'}
|
|
43
|
-
minWidth={200}
|
|
44
|
-
/>
|
|
45
|
-
</ProgressContainer>
|
|
46
|
-
</div>
|
|
47
|
-
</StatusContainer>
|
|
48
|
-
);
|
|
49
|
-
};
|
|
50
|
-
|
|
51
|
-
const CharNameContainer = styled.div`
|
|
52
|
-
color: black;
|
|
53
|
-
margin: auto;
|
|
54
|
-
display: flex;
|
|
55
|
-
justify-content: space-around;
|
|
56
|
-
background-color: rgba(117, 113, 97, 0.3);
|
|
57
|
-
align-items: center;
|
|
58
|
-
height: 30px;
|
|
59
|
-
border-radius: 10px;
|
|
60
|
-
`;
|
|
61
|
-
|
|
62
|
-
const StatusContainer = styled.div`
|
|
63
|
-
display: flex;
|
|
64
|
-
scale: 0.7;
|
|
65
|
-
`;
|
|
66
|
-
|
|
67
|
-
const ProgressContainer = styled.div`
|
|
68
|
-
display: flex;
|
|
69
|
-
flex-direction: row;
|
|
70
|
-
`;
|
|
71
|
-
|
|
72
|
-
const StyledProgressBar = styled(ProgressBar)`
|
|
73
|
-
.rpgui-progress-left-edge,
|
|
74
|
-
.rpgui-progress-right-edge {
|
|
75
|
-
width: 20px;
|
|
76
|
-
}
|
|
77
|
-
`;
|
|
78
|
-
|
|
79
|
-
const ImgContainer = styled.div`
|
|
80
|
-
width: 4.3rem;
|
|
81
|
-
height: 4.3rem;
|
|
82
|
-
border: 2px solid ${uiColors.darkGray};
|
|
83
|
-
border-radius: 50%;
|
|
84
|
-
border-radius: 50%;
|
|
85
|
-
margin-right: 8px;
|
|
86
|
-
`;
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
package/src/mocks/.DS_Store
DELETED
|
Binary file
|
|
Binary file
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { Meta, Story } from '@storybook/react';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import {
|
|
4
|
-
CharacterStatus,
|
|
5
|
-
ICharacterStatusProps,
|
|
6
|
-
} from '../components/CaracterStatus/CaracterStatus';
|
|
7
|
-
import { RPGUIRoot } from '../components/RPGUIRoot';
|
|
8
|
-
|
|
9
|
-
const meta: Meta = {
|
|
10
|
-
title: 'Caracter Status',
|
|
11
|
-
component: CharacterStatus,
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
export default meta;
|
|
15
|
-
|
|
16
|
-
const Template: Story<ICharacterStatusProps> = args => (
|
|
17
|
-
<RPGUIRoot>
|
|
18
|
-
<CharacterStatus {...args} />
|
|
19
|
-
</RPGUIRoot>
|
|
20
|
-
);
|
|
21
|
-
|
|
22
|
-
export const Default = Template.bind({});
|
|
23
|
-
Default.args = {
|
|
24
|
-
healthValue: 30,
|
|
25
|
-
healthMaxValue: 100,
|
|
26
|
-
manaValue: 30,
|
|
27
|
-
manaMaxValue: 100,
|
|
28
|
-
charName: 'Char Name',
|
|
29
|
-
};
|