koylu-vampir-design 1.0.29 → 1.0.30

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 (12) hide show
  1. package/dist/Players/PlayerName.js +2 -1
  2. package/dist/Players/PlayerNumber copy.d.ts +11 -0
  3. package/dist/Players/PlayerNumber copy.d.ts.map +1 -0
  4. package/dist/Players/PlayerNumber copy.js +49 -0
  5. package/dist/Players/PlayerNumber.js +1 -1
  6. package/dist/Players/PlayerRozet.d.ts +7 -0
  7. package/dist/Players/PlayerRozet.d.ts.map +1 -0
  8. package/dist/Players/PlayerRozet.js +36 -0
  9. package/dist/Players/PlayerView.d.ts +1 -0
  10. package/dist/Players/PlayerView.d.ts.map +1 -1
  11. package/dist/Players/PlayerView.js +3 -1
  12. package/package.json +2 -2
package/dist/Players/PlayerName.js CHANGED
@@ -34,11 +34,12 @@ exports.PlayerName = PlayerName;
34
34
  const styles = react_native_1.StyleSheet.create({
35
35
  name: {
36
36
  marginTop: "auto",
37
- marginBottom: "auto",
38
37
  position: "relative",
39
38
  zIndex: 1,
39
+ paddingVertical: 3,
40
40
  paddingHorizontal: 5,
41
41
  fontSize: 11,
42
+ marginBottom: -4,
42
43
  color: "#ffffff",
43
44
  fontWeight: "bold",
44
45
  textAlign: "center",
package/dist/Players/PlayerNumber copy.d.ts ADDED
@@ -0,0 +1,11 @@
1
+ import React from "react";
2
+ declare type Props = {
3
+ number?: string | number;
4
+ isSelf?: boolean;
5
+ dimmed?: boolean;
6
+ size?: number;
7
+ bottom?: boolean;
8
+ };
9
+ export declare const PlayerNumber: React.FC<Props>;
10
+ export {};
11
+ //# sourceMappingURL=PlayerNumber%20copy.d.ts.map
package/dist/Players/PlayerNumber copy.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PlayerNumber copy.d.ts","sourceRoot":"","sources":["../../src/Players/PlayerNumber copy.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,aAAK,KAAK,GAAG;IACX,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiCxC,CAAC"}
package/dist/Players/PlayerNumber copy.js ADDED
@@ -0,0 +1,49 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.PlayerNumber = void 0;
7
+ const react_1 = __importDefault(require("react"));
8
+ const react_native_1 = require("react-native");
9
+ const PlayerNumber = ({ isSelf, number, dimmed, size, bottom, }) => {
10
+ if (!number) {
11
+ return null;
12
+ }
13
+ const textSize = { fontSize: size && size < 100 ? 11 : 14 };
14
+ return (react_1.default.createElement(react_native_1.View, { style: [
15
+ styles.number,
16
+ isSelf && styles.numberIsSelf,
17
+ bottom && {
18
+ top: "80%",
19
+ },
20
+ dimmed && {
21
+ opacity: 0.6,
22
+ },
23
+ ] },
24
+ react_1.default.createElement(react_native_1.Text, { accessibilityLabel: `${number} numara.`, style: [styles.numberText, textSize, isSelf && styles.numberIsSelfText] }, number)));
25
+ };
26
+ exports.PlayerNumber = PlayerNumber;
27
+ const styles = react_native_1.StyleSheet.create({
28
+ number: {
29
+ position: "absolute",
30
+ left: "4%",
31
+ top: "50%",
32
+ marginTop: -8,
33
+ backgroundColor: "#4F93B177",
34
+ width: 16,
35
+ height: 16,
36
+ borderRadius: 13,
37
+ alignItems: "center",
38
+ justifyContent: "center",
39
+ },
40
+ numberIsSelf: { backgroundColor: "yellow" },
41
+ numberIsSelfText: { color: "gray" },
42
+ numberText: {
43
+ color: "#ffffff",
44
+ fontWeight: "700",
45
+ textAlign: "center",
46
+ fontSize: 14,
47
+ lineHeight: 16,
48
+ },
49
+ });
package/dist/Players/PlayerNumber.js CHANGED
@@ -27,7 +27,7 @@ exports.PlayerNumber = PlayerNumber;
27
27
  const styles = react_native_1.StyleSheet.create({
28
28
  number: {
29
29
  position: "absolute",
30
- left: "4%",
30
+ left: "6%",
31
31
  top: "50%",
32
32
  marginTop: -8,
33
33
  backgroundColor: "#4F93B177",
package/dist/Players/PlayerRozet.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+ declare type Props = {
3
+ code?: string;
4
+ };
5
+ export declare const PlayerRozet: React.FC<Props>;
6
+ export {};
7
+ //# sourceMappingURL=PlayerRozet.d.ts.map
package/dist/Players/PlayerRozet.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PlayerRozet.d.ts","sourceRoot":"","sources":["../../src/Players/PlayerRozet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,aAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAkBvC,CAAC"}
package/dist/Players/PlayerRozet.js ADDED
@@ -0,0 +1,36 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.PlayerRozet = void 0;
7
+ const react_1 = __importDefault(require("react"));
8
+ const react_native_1 = require("react-native");
9
+ const Utils_1 = require("../Utils");
10
+ const PlayerRozet = ({ code }) => {
11
+ if (!code) {
12
+ return null;
13
+ }
14
+ return (react_1.default.createElement(react_native_1.View, { style: [styles.wrapper] },
15
+ react_1.default.createElement(react_native_1.Image, { style: {
16
+ width: 22,
17
+ height: 22,
18
+ position: "absolute",
19
+ left: 0,
20
+ top: 0,
21
+ }, source: Utils_1.Assets.getSource("badge", code) })));
22
+ };
23
+ exports.PlayerRozet = PlayerRozet;
24
+ const styles = react_native_1.StyleSheet.create({
25
+ wrapper: {
26
+ position: "absolute",
27
+ left: "3.5%",
28
+ top: "50%",
29
+ marginTop: -32,
30
+ width: 22,
31
+ height: 22,
32
+ borderRadius: 13,
33
+ alignItems: "center",
34
+ justifyContent: "center",
35
+ },
36
+ });
package/dist/Players/PlayerView.d.ts CHANGED
@@ -13,6 +13,7 @@ declare type Props = {
13
13
  style?: StyleProp<any>;
14
14
  deadAvatar?: string;
15
15
  role?: string;
16
+ ro?: string;
16
17
  visibleRole?: string;
17
18
  customName?: string;
18
19
  deadReason?: string;
package/dist/Players/PlayerView.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PlayerView.d.ts","sourceRoot":"","sources":["../../src/Players/PlayerView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAKL,SAAS,EACT,qBAAqB,EAEtB,MAAM,cAAc,CAAC;AAWtB,aAAK,KAAK,GAAG;IACX,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kBAAkB,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACnC,cAAc,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAClD,WAAW,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAaF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA2N1C,CAAC;AAsHF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAA8B,CAAC"}
1
+ {"version":3,"file":"PlayerView.d.ts","sourceRoot":"","sources":["../../src/Players/PlayerView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAKL,SAAS,EACT,qBAAqB,EAEtB,MAAM,cAAc,CAAC;AAYtB,aAAK,KAAK,GAAG;IACX,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kBAAkB,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACnC,cAAc,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAClD,WAAW,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAaF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6N1C,CAAC;AAsHF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAA8B,CAAC"}
package/dist/Players/PlayerView.js CHANGED
@@ -34,6 +34,7 @@ const PlayerNumber_1 = require("./PlayerNumber");
34
34
  const PlayerGifts_1 = require("./PlayerGifts");
35
35
  const Typography_1 = require("../Typography");
36
36
  const Themes_1 = require("../Themes");
37
+ const PlayerRozet_1 = require("./PlayerRozet");
37
38
  const deadReasonMap = (reason) => {
38
39
  switch (reason) {
39
40
  case "exit":
@@ -44,7 +45,7 @@ const deadReasonMap = (reason) => {
44
45
  return "öldü";
45
46
  }
46
47
  };
47
- const PlayerViewBase = ({ isSelf, name, avatar, userId, bg, bc, da, number, isAnonymous, fr, invisible, customName, size, space, empty, isDead, deadReason, isTarget, gifts, voiceUserId, role, visibleRole, onPress, onLongPress, micEffectComponent: MicEffectComponent, isAfkComponent: IsAfkComponent, roleVisible, hideRoleVisible, targetPoint, myTarget, isSaved, targetNumber, isPaired, hideSelections, }) => {
48
+ const PlayerViewBase = ({ isSelf, name, avatar, userId, bg, bc, da, ro, number, isAnonymous, fr, invisible, customName, size, space, empty, isDead, deadReason, isTarget, gifts, voiceUserId, role, visibleRole, onPress, onLongPress, micEffectComponent: MicEffectComponent, isAfkComponent: IsAfkComponent, roleVisible, hideRoleVisible, targetPoint, myTarget, isSaved, targetNumber, isPaired, hideSelections, }) => {
48
49
  const { baseBackgroundColor, baseTextColor } = Themes_1.useColors();
49
50
  const border = bc ? bc : !isAnonymous ? "#ffffff" : null;
50
51
  let isRoleVisible = roleVisible || isSelf || isDead;
@@ -78,6 +79,7 @@ const PlayerViewBase = ({ isSelf, name, avatar, userId, bg, bc, da, number, isAn
78
79
  react_1.default.createElement(PlayerName_1.PlayerName, Object.assign({}, { name, customName, size })),
79
80
  !!avatar && (react_1.default.createElement(react_native_1.View, { style: [styles.avatarWrapper, !!da && styles.deadAvatarWrapper] },
80
81
  react_1.default.createElement(PlayerNumber_1.PlayerNumber, Object.assign({}, { number, isSelf, size })),
82
+ react_1.default.createElement(PlayerRozet_1.PlayerRozet, { code: ro }),
81
83
  !!isDead && !!da ? (react_1.default.createElement(Animatable.Image, { animation: "slideInUp", source: Utils_1.Assets.getSource("tombStone", da), style: [styles.avatar, styles.deadAvatar] })) : (react_1.default.createElement(Utils_1.FadeImage, { source: Utils_1.Assets.getSource("avatar", avatar), style: [styles.avatar] })),
82
84
  react_1.default.createElement(PlayerGifts_1.PlayerGifts, { gifts: gifts, size: size }),
83
85
  !!isPaired && (react_1.default.createElement(Animatable.Image, { animation: "pulse", iterationCount: "infinite", source: Utils_1.Assets.getSource("icon", "eroPair"), style: [styles.erosPairImage, { tintColor: "#fa80fa" }] })),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "koylu-vampir-design",
3
- "version": "1.0.29",
3
+ "version": "1.0.30",
4
4
  "description": "Design System for Koylu Vampir Game",
5
5
  "keywords": [
6
6
  "react-native",
@@ -30,7 +30,7 @@
30
30
  "react-native-animatable": "^1.3.3",
31
31
  "react-native-gesture-handler": "^1.10.3",
32
32
  "react-native-linear-gradient": "^2.5.6",
33
- "react-native-safe-area-context": "^3.2.0",
33
+ "react-native-safe-area-context": "5.4.1",
34
34
  "react-native-snap-carousel": "^3.9.1",
35
35
  "react-native-svg": "^12.1.1",
36
36
  "react-native-vector-icons": "^8.1.0"