koylu-vampir-design 1.0.45 → 1.0.46

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 (44) hide show
  1. package/dist/Buttons/FabButton.d.ts +1 -0
  2. package/dist/Buttons/FabButton.d.ts.map +1 -1
  3. package/dist/Buttons/FabButton.js +5 -1
  4. package/dist/Buttons/GameButton.d.ts +1 -0
  5. package/dist/Buttons/GameButton.d.ts.map +1 -1
  6. package/dist/Buttons/ProfileScoreButton.d.ts +2 -2
  7. package/dist/Buttons/ProfileScoreButton.d.ts.map +1 -1
  8. package/dist/Inputs/Checkbox.d.ts +1 -0
  9. package/dist/Inputs/Checkbox.d.ts.map +1 -1
  10. package/dist/Inputs/Checkbox.js +13 -10
  11. package/dist/Listings/UserListItem.d.ts +1 -0
  12. package/dist/Listings/UserListItem.d.ts.map +1 -1
  13. package/dist/Markets/MarketCard.d.ts +1 -0
  14. package/dist/Markets/MarketCard.d.ts.map +1 -1
  15. package/dist/Markets/MarketCard.js +4 -4
  16. package/dist/Menus/MenuLabel.d.ts +1 -0
  17. package/dist/Menus/MenuLabel.d.ts.map +1 -1
  18. package/dist/Menus/MenuLabel.js +2 -2
  19. package/dist/Menus/MenuOptions.d.ts +1 -0
  20. package/dist/Menus/MenuOptions.d.ts.map +1 -1
  21. package/dist/Menus/MenuOptions.js +2 -2
  22. package/dist/Menus/MenuUserItem.d.ts +1 -0
  23. package/dist/Menus/MenuUserItem.d.ts.map +1 -1
  24. package/dist/Menus/MenuUserItem.js +2 -2
  25. package/dist/Players/AvatarSelector.d.ts +1 -0
  26. package/dist/Players/AvatarSelector.d.ts.map +1 -1
  27. package/dist/Players/AvatarSelector.js +24 -21
  28. package/dist/Roles/RoleInfoBox.d.ts +1 -0
  29. package/dist/Roles/RoleInfoBox.d.ts.map +1 -1
  30. package/dist/Roles/RoleInfoBox.js +1 -1
  31. package/dist/Scores/ScoreCard.d.ts +1 -0
  32. package/dist/Scores/ScoreCard.d.ts.map +1 -1
  33. package/dist/Tabs/TabButton.d.ts +1 -0
  34. package/dist/Tabs/TabButton.d.ts.map +1 -1
  35. package/dist/Teams/TeamHeader.d.ts +1 -0
  36. package/dist/Teams/TeamHeader.d.ts.map +1 -1
  37. package/dist/Teams/TeamHeader.js +8 -8
  38. package/dist/Views/MaskedGradientView.d.ts +1 -0
  39. package/dist/Views/MaskedGradientView.d.ts.map +1 -1
  40. package/dist/Views/MaskedGradientView.js +2 -2
  41. package/dist/Views/MaskedGradientView.web.d.ts +1 -0
  42. package/dist/Views/MaskedGradientView.web.d.ts.map +1 -1
  43. package/dist/Views/MaskedGradientView.web.js +2 -2
  44. package/package.json +1 -1
@@ -1,6 +1,7 @@
1
1
  import React from "react";
2
2
  import { GestureResponderEvent, ImageSourcePropType, StyleProp } from "react-native";
3
3
  declare type Props = {
4
+ children?: React.ReactNode;
4
5
  style?: StyleProp<any>;
5
6
  iconStyle?: StyleProp<any>;
6
7
  shadowColor?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"FabButton.d.ts","sourceRoot":"","sources":["../../src/Buttons/FabButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAS,mBAAmB,EAAE,SAAS,EAAc,MAAM,cAAc,CAAC;AAGxG,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;CAClD,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAwBrC,CAAC"}
1
+ {"version":3,"file":"FabButton.d.ts","sourceRoot":"","sources":["../../src/Buttons/FabButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,qBAAqB,EAErB,mBAAmB,EACnB,SAAS,EAEV,MAAM,cAAc,CAAC;AAGtB,aAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;CAClD,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA2BrC,CAAC"}
@@ -8,7 +8,11 @@ const react_1 = __importDefault(require("react"));
8
8
  const react_native_1 = require("react-native");
9
9
  const Views_1 = require("../Views");
10
10
  const FabButton = ({ children, source, style, onPress, accessibilityLabel, shadowColor, iconStyle, }) => {
11
- return (react_1.default.createElement(Views_1.TouchableView, { out: true, style: [styles.button, !!shadowColor && { shadowColor, shadowOpacity: .4 }, style], onPress: onPress, accessibilityLabel: accessibilityLabel }, children
11
+ return (react_1.default.createElement(Views_1.TouchableView, { out: true, style: [
12
+ styles.button,
13
+ !!shadowColor && { shadowColor, shadowOpacity: 0.4 },
14
+ style,
15
+ ], onPress: onPress, accessibilityLabel: accessibilityLabel }, children
12
16
  ? children
13
17
  : !!source && (react_1.default.createElement(react_native_1.Image, { source: source, style: [styles.icon, iconStyle] }))));
14
18
  };
@@ -1,6 +1,7 @@
1
1
  import React from "react";
2
2
  import { GestureResponderEvent, ImageSourcePropType, StyleProp } from "react-native";
3
3
  declare type Props = {
4
+ children?: React.ReactNode;
4
5
  style?: StyleProp<any>;
5
6
  buttonStyle?: StyleProp<any>;
6
7
  textStyle?: StyleProp<any>;
@@ -1 +1 @@
1
- {"version":3,"file":"GameButton.d.ts","sourceRoot":"","sources":["../../src/Buttons/GameButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,qBAAqB,EAErB,mBAAmB,EACnB,SAAS,EAGV,MAAM,cAAc,CAAC;AAGtB,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,WAAW,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAC3B,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,EAAE,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;CACzE,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA2DtC,CAAC"}
1
+ {"version":3,"file":"GameButton.d.ts","sourceRoot":"","sources":["../../src/Buttons/GameButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,qBAAqB,EAErB,mBAAmB,EACnB,SAAS,EAGV,MAAM,cAAc,CAAC;AAGtB,aAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,WAAW,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAC3B,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,EAAE,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;CACzE,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA2DtC,CAAC"}
@@ -1,11 +1,11 @@
1
1
  import * as React from "react";
2
2
  import { GestureResponderEvent } from "react-native";
3
- export declare type MenuButtonProps = {
3
+ export declare type ProfileScoreButtonProps = {
4
4
  icon?: string;
5
5
  color?: string;
6
6
  onPress: (event?: GestureResponderEvent) => void;
7
7
  onLongPress?: (event?: GestureResponderEvent) => void;
8
8
  disabled?: boolean;
9
9
  };
10
- export declare const ProfileScoreButton: React.FC<MenuButtonProps>;
10
+ export declare const ProfileScoreButton: React.FC<ProfileScoreButtonProps>;
11
11
  //# sourceMappingURL=ProfileScoreButton.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ProfileScoreButton.d.ts","sourceRoot":"","sources":["../../src/Buttons/ProfileScoreButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAc,MAAM,cAAc,CAAC;AAIjE,oBAAY,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAyBxD,CAAC"}
1
+ {"version":3,"file":"ProfileScoreButton.d.ts","sourceRoot":"","sources":["../../src/Buttons/ProfileScoreButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAc,MAAM,cAAc,CAAC;AAIjE,oBAAY,uBAAuB,GAAG;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAyBhE,CAAC"}
@@ -1,6 +1,7 @@
1
1
  import React from "react";
2
2
  import { GestureResponderEvent } from "react-native";
3
3
  declare type Props = {
4
+ children?: React.ReactNode | string;
4
5
  checked?: boolean;
5
6
  checkedTitle?: string;
6
7
  onPress?: (event?: GestureResponderEvent) => void;
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/Inputs/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAoB,MAAM,cAAc,CAAC;AAMvE,aAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAClD,WAAW,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACvD,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAmBpC,CAAC"}
1
+ {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/Inputs/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAoB,MAAM,cAAc,CAAC;AAMvE,aAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAClD,WAAW,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACvD,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAkCpC,CAAC"}
@@ -6,17 +6,20 @@ Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.Checkbox = void 0;
7
7
  const react_1 = __importDefault(require("react"));
8
8
  const react_native_1 = require("react-native");
9
- const Views_1 = require("../Views");
10
- const Utils_1 = require("../Utils");
11
- const Typography_1 = require("../Typography");
12
9
  const Themes_1 = require("../Themes");
13
- const Checkbox = ({ children, checked, checkedTitle, onPress, onTextPress }) => {
10
+ const Typography_1 = require("../Typography");
11
+ const Utils_1 = require("../Utils");
12
+ const Views_1 = require("../Views");
13
+ const Checkbox = ({ children, checked, checkedTitle, onPress, onTextPress, }) => {
14
14
  const { baseTextColor, dimBackgroundColorTransparent } = Themes_1.useColors();
15
- return react_1.default.createElement(react_native_1.View, { style: [styles.wrapper, { backgroundColor: dimBackgroundColorTransparent }] },
15
+ return (react_1.default.createElement(react_native_1.View, { style: [
16
+ styles.wrapper,
17
+ { backgroundColor: dimBackgroundColorTransparent },
18
+ ] },
16
19
  react_1.default.createElement(Views_1.TouchableView, { style: styles.iconBox, onPress: onPress },
17
20
  react_1.default.createElement(Utils_1.Icon, { color: baseTextColor, size: 24, name: checked ? "checkbox" : "square-outline" })),
18
21
  react_1.default.createElement(Views_1.TouchableView, { disabled: !onTextPress, onPress: onTextPress, style: styles.textBox, wrapperStyle: { flex: 0, flexShrink: 1 } },
19
- react_1.default.createElement(Typography_1.Typography, { style: styles.text }, !!checkedTitle && checked ? checkedTitle : children)));
22
+ react_1.default.createElement(Typography_1.Typography, { style: styles.text }, !!checkedTitle && checked ? checkedTitle : children))));
20
23
  };
21
24
  exports.Checkbox = Checkbox;
22
25
  const styles = react_native_1.StyleSheet.create({
@@ -26,17 +29,17 @@ const styles = react_native_1.StyleSheet.create({
26
29
  backgroundColor: "#00000022",
27
30
  borderRadius: 32,
28
31
  borderWidth: 0,
29
- marginBottom: 10
32
+ marginBottom: 10,
30
33
  },
31
34
  iconBox: {
32
35
  paddingVertical: 10,
33
36
  paddingHorizontal: 20,
34
- paddingRight: 10
37
+ paddingRight: 10,
35
38
  },
36
39
  text: {},
37
40
  textBox: {
38
41
  paddingHorizontal: 10,
39
42
  paddingVertical: 10,
40
- paddingLeft: 0
41
- }
43
+ paddingLeft: 0,
44
+ },
42
45
  });
@@ -1,6 +1,7 @@
1
1
  import React from "react";
2
2
  import { ImageSourcePropType, StyleProp } from "react-native";
3
3
  declare type Props = {
4
+ children?: React.ReactNode;
4
5
  number: number;
5
6
  value?: number;
6
7
  avatar?: ImageSourcePropType;
@@ -1 +1 @@
1
- {"version":3,"file":"UserListItem.d.ts","sourceRoot":"","sources":["../../src/Listings/UserListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAoB,MAAM,cAAc,CAAC;AAIhF,aAAK,KAAK,GAAG;IACX,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAyBjD,CAAC;AAwCF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAqC,CAAC"}
1
+ {"version":3,"file":"UserListItem.d.ts","sourceRoot":"","sources":["../../src/Listings/UserListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAoB,MAAM,cAAc,CAAC;AAIhF,aAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAyBjD,CAAC;AAwCF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAqC,CAAC"}
@@ -1,6 +1,7 @@
1
1
  import React from "react";
2
2
  import { StyleProp } from "react-native";
3
3
  declare type Props = {
4
+ children?: React.ReactNode;
4
5
  title?: string;
5
6
  style?: StyleProp<any>;
6
7
  };
@@ -1 +1 @@
1
- {"version":3,"file":"MarketCard.d.ts","sourceRoot":"","sources":["../../src/Markets/MarketCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAoB,MAAM,cAAc,CAAC;AAG3D,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAA;CACvB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAUtC,CAAC"}
1
+ {"version":3,"file":"MarketCard.d.ts","sourceRoot":"","sources":["../../src/Markets/MarketCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAoB,MAAM,cAAc,CAAC;AAG3D,aAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAQtC,CAAC"}
@@ -17,11 +17,11 @@ exports.MarketCard = MarketCard;
17
17
  const styles = react_native_1.StyleSheet.create({
18
18
  card: {
19
19
  width: "100%",
20
- marginBottom: 20
20
+ marginBottom: 20,
21
21
  },
22
22
  cardTitle: {
23
23
  fontWeight: "bold",
24
- marginRight: "auto"
24
+ marginRight: "auto",
25
25
  },
26
26
  content: {},
27
27
  hr: {
@@ -29,6 +29,6 @@ const styles = react_native_1.StyleSheet.create({
29
29
  width: "100%",
30
30
  marginTop: 10,
31
31
  marginBottom: 20,
32
- backgroundColor: "#aaaaaa66"
33
- }
32
+ backgroundColor: "#aaaaaa66",
33
+ },
34
34
  });
@@ -1,6 +1,7 @@
1
1
  import React from "react";
2
2
  import { StyleProp } from "react-native";
3
3
  declare type Props = {
4
+ children?: React.ReactNode;
4
5
  style?: StyleProp<any>;
5
6
  color?: string;
6
7
  iconName?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"MenuLabel.d.ts","sourceRoot":"","sources":["../../src/Menus/MenuLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAoB,MAAM,cAAc,CAAC;AAK3D,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA+BpC,CAAC"}
1
+ {"version":3,"file":"MenuLabel.d.ts","sourceRoot":"","sources":["../../src/Menus/MenuLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAoB,MAAM,cAAc,CAAC;AAK3D,aAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA2BrC,CAAC"}
@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.MenuLabel = void 0;
7
7
  const react_1 = __importDefault(require("react"));
8
8
  const react_native_1 = require("react-native");
9
+ const Themes_1 = require("../Themes");
9
10
  const Typography_1 = require("../Typography");
10
11
  const Utils_1 = require("../Utils");
11
- const Themes_1 = require("../Themes");
12
- exports.MenuLabel = react_1.default.memo(({ children, style, color, rightText, iconName, }) => {
12
+ exports.MenuLabel = react_1.default.memo(({ children, style, color, rightText, iconName }) => {
13
13
  const { baseTextColor } = Themes_1.useColors();
14
14
  const textColor = color ? color : baseTextColor;
15
15
  return (react_1.default.createElement(react_native_1.View, { style: styles.container },
@@ -6,6 +6,7 @@ declare type OptionItem = {
6
6
  value: ItemValueType;
7
7
  };
8
8
  declare type Props = {
9
+ children?: React.ReactNode;
9
10
  style?: StyleProp<any>;
10
11
  iconName?: string;
11
12
  iconFont?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"MenuOptions.d.ts","sourceRoot":"","sources":["../../src/Menus/MenuOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EACL,qBAAqB,EACrB,SAAS,EAIV,MAAM,cAAc,CAAC;AAMtB,aAAK,aAAa,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC;AAEtD,aAAK,UAAU,GAAG;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,aAAa,CAAC;CACtB,CAAC;AAEF,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC5B,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAmFvC,CAAC"}
1
+ {"version":3,"file":"MenuOptions.d.ts","sourceRoot":"","sources":["../../src/Menus/MenuOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,qBAAqB,EACrB,SAAS,EAIV,MAAM,cAAc,CAAC;AAMtB,aAAK,aAAa,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC;AAEtD,aAAK,UAAU,GAAG;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,aAAa,CAAC;CACtB,CAAC;AAEF,aAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC5B,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAmFvC,CAAC"}
@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.MenuOptions = void 0;
7
7
  const react_1 = __importDefault(require("react"));
8
8
  const react_native_1 = require("react-native");
9
- const Views_1 = require("../Views");
9
+ const Themes_1 = require("../Themes");
10
10
  const Typography_1 = require("../Typography");
11
11
  const Utils_1 = require("../Utils");
12
- const Themes_1 = require("../Themes");
12
+ const Views_1 = require("../Views");
13
13
  const MenuOptions = ({ children, style, color, onPress, feature, iconName, disabled, iconFont = "MaterialIcons", badge, value, options, onChange, }) => {
14
14
  const { baseTextColor } = Themes_1.useColors();
15
15
  const textColor = color ? color : baseTextColor;
@@ -1,6 +1,7 @@
1
1
  import React from "react";
2
2
  import { ImageSourcePropType, StyleProp } from "react-native";
3
3
  declare type Props = {
4
+ children?: React.ReactNode;
4
5
  style?: StyleProp<any>;
5
6
  avatarStyle?: StyleProp<any>;
6
7
  icon?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"MenuUserItem.d.ts","sourceRoot":"","sources":["../../src/Menus/MenuUserItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,mBAAmB,EACnB,SAAS,EAIV,MAAM,cAAc,CAAC;AAKtB,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,WAAW,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,mBAAmB,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAqDjD,CAAC;AAmCF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAqC,CAAC"}
1
+ {"version":3,"file":"MenuUserItem.d.ts","sourceRoot":"","sources":["../../src/Menus/MenuUserItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,mBAAmB,EACnB,SAAS,EAIV,MAAM,cAAc,CAAC;AAKtB,aAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,WAAW,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,mBAAmB,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAqDjD,CAAC;AAmCF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAqC,CAAC"}
@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.MenuUserItem = exports.MenuUserItemComponent = void 0;
7
7
  const react_1 = __importDefault(require("react"));
8
8
  const react_native_1 = require("react-native");
9
- const Utils_1 = require("../Utils");
10
- const Typography_1 = require("../Typography");
11
9
  const Themes_1 = require("../Themes");
10
+ const Typography_1 = require("../Typography");
11
+ const Utils_1 = require("../Utils");
12
12
  const MenuUserItemComponent = ({ children, color, isOnline, avatar, icon, style, onNamePress, avatarStyle, userName, }) => {
13
13
  const { baseTextColor } = Themes_1.useColors();
14
14
  const textColor = color ? color : baseTextColor;
@@ -1,5 +1,6 @@
1
1
  import React from "react";
2
2
  declare type Props = {
3
+ children?: React.ReactNode;
3
4
  items?: any;
4
5
  selected?: any;
5
6
  onSelect?: any;
@@ -1 +1 @@
1
- {"version":3,"file":"AvatarSelector.d.ts","sourceRoot":"","sources":["../../src/Players/AvatarSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAUnD,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,QAAQ,CAAC,EAAE,GAAG,CAAA;CACf,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAuF1C,CAAC"}
1
+ {"version":3,"file":"AvatarSelector.d.ts","sourceRoot":"","sources":["../../src/Players/AvatarSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AASzC,aAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,QAAQ,CAAC,EAAE,GAAG,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6G1C,CAAC"}
@@ -21,35 +21,38 @@ var __importStar = (this && this.__importStar) || function (mod) {
21
21
  Object.defineProperty(exports, "__esModule", { value: true });
22
22
  exports.AvatarSelector = void 0;
23
23
  const react_1 = __importStar(require("react"));
24
- const Utils_1 = require("../Utils");
25
- const Buttons_1 = require("../Buttons");
26
24
  const react_native_1 = require("react-native");
25
+ const Buttons_1 = require("../Buttons");
26
+ const Utils_1 = require("../Utils");
27
27
  const { width, height } = react_native_1.Dimensions.get("window");
28
28
  const isSmallDevice = height < 740;
29
29
  const isMiniDevice = height < 600;
30
- const AvatarSelector = ({ items = [], selected = 0, onSelect, children }) => {
30
+ const AvatarSelector = ({ items = [], selected = 0, onSelect, children, }) => {
31
31
  const _carousel = react_1.default.useRef();
32
32
  const _renderItem = ({ item, index }) => {
33
33
  const avatarSource = Utils_1.Assets.getSource("avatar", item);
34
34
  let isSelected = selected === item || selected === index;
35
35
  return (react_1.default.createElement(react_native_1.View, { style: styles.slide, key: item },
36
- react_1.default.createElement(react_native_1.View, { style: [styles.imageWrapper, isSelected ? styles.imageWrapperSelected : {}], accessibilityLabel: `${index + 1}. sıradaki avatar.` },
36
+ react_1.default.createElement(react_native_1.View, { style: [
37
+ styles.imageWrapper,
38
+ isSelected ? styles.imageWrapperSelected : {},
39
+ ], accessibilityLabel: `${index + 1}. sıradaki avatar.` },
37
40
  react_1.default.createElement(Utils_1.FadeImage, { opacity: 0.2, source: avatarSource, style: styles.image }))));
38
41
  };
39
42
  react_1.useEffect(() => {
40
43
  if (items && items.length) {
41
- const firstItem = Math.max(items.findIndex(i => i === selected.toString()), 0);
44
+ const firstItem = Math.max(items.findIndex((i) => i === selected.toString()), 0);
42
45
  _carousel.current.snapToItem(firstItem, false);
43
46
  }
44
47
  }, [items]);
45
48
  react_1.useEffect(() => {
46
49
  var _a;
47
50
  if (items && items.length) {
48
- const firstItem = Math.max(items.findIndex(i => i === selected.toString()), 0);
51
+ const firstItem = Math.max(items.findIndex((i) => i === selected.toString()), 0);
49
52
  (_a = _carousel.current) === null || _a === void 0 ? void 0 : _a.snapToItem(firstItem, false);
50
53
  }
51
54
  }, [selected]);
52
- const _selected = slideIndex => {
55
+ const _selected = (slideIndex) => {
53
56
  const selectedItem = items[slideIndex] || items[0];
54
57
  onSelect && onSelect(selectedItem);
55
58
  };
@@ -64,16 +67,16 @@ const AvatarSelector = ({ items = [], selected = 0, onSelect, children }) => {
64
67
  if (!items.length) {
65
68
  return null;
66
69
  }
67
- const firstItem = Math.max(items.findIndex(i => i === selected.toString()), 0);
68
- return react_1.default.createElement(react_native_1.View, { style: styles.wrapper },
69
- react_1.default.createElement(Utils_1.Carousel, { ref: _carousel, data: items, useScrollView: true, firstItem: firstItem, keyExtractor: item => item, renderItem: _renderItem, sliderWidth: width, enableMomentum: false, scrollEnabled: true, enableSnap: true, onSnapToItem: _selected, apparitionDelay: 0, inactiveSlideShift: -70, inactiveSlideScale: 0.5, itemWidth: isSmallDevice ? 100 : 130 }),
70
+ const firstItem = Math.max(items.findIndex((i) => i === selected.toString()), 0);
71
+ return (react_1.default.createElement(react_native_1.View, { style: styles.wrapper },
72
+ react_1.default.createElement(Utils_1.Carousel, { ref: _carousel, data: items, useScrollView: true, firstItem: firstItem, keyExtractor: (item) => item, renderItem: _renderItem, sliderWidth: width, enableMomentum: false, scrollEnabled: true, enableSnap: true, onSnapToItem: _selected, apparitionDelay: 0, inactiveSlideShift: -70, inactiveSlideScale: 0.5, itemWidth: isSmallDevice ? 100 : 130 }),
70
73
  react_1.default.createElement(react_native_1.View, { style: styles.child }, children),
71
74
  react_1.default.createElement(react_native_1.View, { style: styles.leftArrow },
72
75
  react_1.default.createElement(Buttons_1.FabButton, { onPress: _snapToPrev, iconStyle: [styles.arrow, styles.arrowInverted], accessibilityLabel: "Sola Kaydır" },
73
76
  react_1.default.createElement(Utils_1.Icon, { size: 20, name: "arrow-back" }))),
74
77
  react_1.default.createElement(react_native_1.View, { style: styles.rightArrow },
75
78
  react_1.default.createElement(Buttons_1.FabButton, { onPress: _snapToNext, iconStyle: styles.arrow, accessibilityLabel: "Sağa Kaydır" },
76
- react_1.default.createElement(Utils_1.Icon, { size: 20, name: "arrow-forward" }))));
79
+ react_1.default.createElement(Utils_1.Icon, { size: 20, name: "arrow-forward" })))));
77
80
  };
78
81
  exports.AvatarSelector = AvatarSelector;
79
82
  const styles = react_native_1.StyleSheet.create({
@@ -81,21 +84,21 @@ const styles = react_native_1.StyleSheet.create({
81
84
  slide: {
82
85
  height: 200,
83
86
  alignItems: "center",
84
- justifyContent: "center"
87
+ justifyContent: "center",
85
88
  },
86
89
  imageWrapper: {
87
90
  marginBottom: 40,
88
91
  backgroundColor: "#00000022",
89
92
  padding: 5,
90
- borderRadius: 20
93
+ borderRadius: 20,
91
94
  },
92
95
  imageWrapperSelected: {
93
- backgroundColor: '#722bc9',
96
+ backgroundColor: "#722bc9",
94
97
  },
95
98
  leftArrow: {
96
99
  position: "absolute",
97
100
  bottom: 30,
98
- left: 10
101
+ left: 10,
99
102
  },
100
103
  child: {
101
104
  position: "absolute",
@@ -103,26 +106,26 @@ const styles = react_native_1.StyleSheet.create({
103
106
  justifyContent: "center",
104
107
  bottom: 30,
105
108
  right: 100,
106
- left: 100
109
+ left: 100,
107
110
  },
108
111
  rightArrow: {
109
112
  position: "absolute",
110
113
  bottom: 30,
111
- right: 10
114
+ right: 10,
112
115
  },
113
116
  arrow: {
114
117
  width: 18,
115
118
  height: 18,
116
- resizeMode: "contain"
119
+ resizeMode: "contain",
117
120
  },
118
121
  arrowInverted: {
119
122
  marginRight: 6,
120
- transform: [{ rotate: "180deg" }]
123
+ transform: [{ rotate: "180deg" }],
121
124
  },
122
125
  image: {
123
126
  width: isSmallDevice ? 100 : 130,
124
127
  height: isSmallDevice ? 100 : 130,
125
128
  backgroundColor: "#888888",
126
- borderRadius: 16
127
- }
129
+ borderRadius: 16,
130
+ },
128
131
  });
@@ -1,6 +1,7 @@
1
1
  import React from "react";
2
2
  import { ImageSourcePropType, StyleProp } from "react-native";
3
3
  declare type Props = {
4
+ children?: React.ReactNode;
4
5
  icon?: ImageSourcePropType;
5
6
  title?: string;
6
7
  team?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"RoleInfoBox.d.ts","sourceRoot":"","sources":["../../src/Roles/RoleInfoBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,mBAAmB,EACnB,SAAS,EAGV,MAAM,cAAc,CAAC;AAItB,aAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,KAAK,CAAC,YAAY,CAAC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAwCvC,CAAC"}
1
+ {"version":3,"file":"RoleInfoBox.d.ts","sourceRoot":"","sources":["../../src/Roles/RoleInfoBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,mBAAmB,EACnB,SAAS,EAGV,MAAM,cAAc,CAAC;AAItB,aAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,KAAK,CAAC,YAAY,CAAC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAwCvC,CAAC"}
@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.RoleInfoBox = void 0;
7
7
  const react_1 = __importDefault(require("react"));
8
8
  const react_native_1 = require("react-native");
9
- const Typography_1 = require("../Typography");
10
9
  const Themes_1 = require("../Themes");
10
+ const Typography_1 = require("../Typography");
11
11
  const RoleInfoBox = ({ children, icon, team, title, iconButton, teamText = "Takım", fontSize = 14, style, }) => {
12
12
  const { baseTextColor } = Themes_1.useColors();
13
13
  return (react_1.default.createElement(react_native_1.View, { style: [styles.base, style] },
@@ -1,6 +1,7 @@
1
1
  import React from "react";
2
2
  declare type Props = {
3
3
  title?: string;
4
+ children?: React.ReactNode;
4
5
  };
5
6
  export declare const ScoreCard: React.FC<Props>;
6
7
  export {};
@@ -1 +1 @@
1
- {"version":3,"file":"ScoreCard.d.ts","sourceRoot":"","sources":["../../src/Scores/ScoreCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAQrC,CAAC"}
1
+ {"version":3,"file":"ScoreCard.d.ts","sourceRoot":"","sources":["../../src/Scores/ScoreCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAQrC,CAAC"}
@@ -1,6 +1,7 @@
1
1
  import React from "react";
2
2
  import { GestureResponderEvent, StyleProp } from "react-native";
3
3
  declare type Props = {
4
+ children?: React.ReactNode;
4
5
  style?: StyleProp<any>;
5
6
  buttonStyle?: StyleProp<any>;
6
7
  textStyle?: StyleProp<any>;
@@ -1 +1 @@
1
- {"version":3,"file":"TabButton.d.ts","sourceRoot":"","sources":["../../src/Tabs/TabButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAAgC,MAAM,cAAc,CAAC;AAG9F,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,WAAW,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACvD,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAwBrC,CAAC"}
1
+ {"version":3,"file":"TabButton.d.ts","sourceRoot":"","sources":["../../src/Tabs/TabButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,qBAAqB,EACrB,SAAS,EAGV,MAAM,cAAc,CAAC;AAGtB,aAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,WAAW,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACvD,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAwBrC,CAAC"}
@@ -1,6 +1,7 @@
1
1
  import React from "react";
2
2
  import { ImageSourcePropType, StyleProp } from "react-native";
3
3
  declare type Props = {
4
+ children?: React.ReactNode;
4
5
  style?: StyleProp<any>;
5
6
  logo?: ImageSourcePropType;
6
7
  created?: number;
@@ -1 +1 @@
1
- {"version":3,"file":"TeamHeader.d.ts","sourceRoot":"","sources":["../../src/Teams/TeamHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAoB,MAAM,cAAc,CAAC;AAMhF,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,GAAG,CAAC;CACb,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAmCtC,CAAC"}
1
+ {"version":3,"file":"TeamHeader.d.ts","sourceRoot":"","sources":["../../src/Teams/TeamHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAoB,MAAM,cAAc,CAAC;AAIhF,aAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,GAAG,CAAC;CACb,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAmCtC,CAAC"}
@@ -4,12 +4,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.TeamHeader = void 0;
7
+ const moment_1 = __importDefault(require("moment"));
7
8
  const react_1 = __importDefault(require("react"));
8
9
  const react_native_1 = require("react-native");
9
10
  const Typography_1 = require("../Typography");
10
11
  const Utils_1 = require("../Utils");
11
- const moment_1 = __importDefault(require("moment"));
12
- const TeamHeader = ({ children, logo, title, owner, created, style, descriptionText = "{userName} tarafından {date} tarihinde oluşturuldu.", memberText = "Üye", count }) => {
12
+ const TeamHeader = ({ children, logo, title, owner, created, style, descriptionText = "{userName} tarafından {date} tarihinde oluşturuldu.", memberText = "Üye", count, }) => {
13
13
  const description = descriptionText
14
14
  .replace("{userName}", owner.name)
15
15
  .replace("{date}", moment_1.default(created).format("DD/MM/YYYY"));
@@ -34,23 +34,23 @@ const styles = react_native_1.StyleSheet.create({
34
34
  height: 64,
35
35
  borderRadius: 16,
36
36
  marginRight: 10,
37
- backgroundColor: "#000000"
37
+ backgroundColor: "#000000",
38
38
  },
39
39
  row: {
40
40
  flexDirection: "row",
41
41
  alignItems: "center",
42
- marginBottom: 10
42
+ marginBottom: 10,
43
43
  },
44
44
  names: {
45
45
  flex: 1,
46
- flexDirection: "column"
46
+ flexDirection: "column",
47
47
  },
48
48
  description: {
49
49
  opacity: 0.7,
50
- marginTop: 5
50
+ marginTop: 5,
51
51
  },
52
52
  count: {
53
53
  marginBottom: 25,
54
- marginRight: "auto"
55
- }
54
+ marginRight: "auto",
55
+ },
56
56
  });
@@ -1,6 +1,7 @@
1
1
  import React from "react";
2
2
  import { StyleProp } from "react-native";
3
3
  declare type Props = {
4
+ children?: React.ReactNode;
4
5
  style?: StyleProp<any>;
5
6
  active?: boolean;
6
7
  };
@@ -1 +1 @@
1
- {"version":3,"file":"MaskedGradientView.d.ts","sourceRoot":"","sources":["../../src/Views/MaskedGradientView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAC;AAI/C,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,MAAM,CAAC,EAAC,OAAO,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiB9C,CAAC"}
1
+ {"version":3,"file":"MaskedGradientView.d.ts","sourceRoot":"","sources":["../../src/Views/MaskedGradientView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC,aAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAkB9C,CAAC"}
@@ -4,10 +4,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.MaskedGradientView = void 0;
7
+ const masked_view_1 = __importDefault(require("@react-native-community/masked-view"));
7
8
  const react_1 = __importDefault(require("react"));
8
9
  const react_native_linear_gradient_1 = __importDefault(require("react-native-linear-gradient"));
9
- const masked_view_1 = __importDefault(require("@react-native-community/masked-view"));
10
- const MaskedGradientView = ({ children, style, active = true }) => {
10
+ const MaskedGradientView = ({ children, style, active = true, }) => {
11
11
  let colors = ["#00000000", "#000000ff", "#000000ff", "#000000ff"];
12
12
  if (!active) {
13
13
  colors = ["#000000ff", "#000000ff"];
@@ -1,6 +1,7 @@
1
1
  import React from "react";
2
2
  import { StyleProp } from "react-native";
3
3
  declare type Props = {
4
+ children?: React.ReactNode;
4
5
  style?: StyleProp<any>;
5
6
  active?: boolean;
6
7
  };
@@ -1 +1 @@
1
- {"version":3,"file":"MaskedGradientView.web.d.ts","sourceRoot":"","sources":["../../src/Views/MaskedGradientView.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAC;AAE/C,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAU9C,CAAC"}
1
+ {"version":3,"file":"MaskedGradientView.web.d.ts","sourceRoot":"","sources":["../../src/Views/MaskedGradientView.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAQ,MAAM,cAAc,CAAC;AAE/C,aAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAM9C,CAAC"}
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.MaskedGradientView = void 0;
7
7
  const react_1 = __importDefault(require("react"));
8
8
  const react_native_1 = require("react-native");
9
- const MaskedGradientView = ({ children, style, active = true }) => {
10
- return (react_1.default.createElement(react_native_1.View, { style: [{ flex: 1 }, style] }, children));
9
+ const MaskedGradientView = ({ children, style, active = true, }) => {
10
+ return react_1.default.createElement(react_native_1.View, { style: [{ flex: 1 }, style] }, children);
11
11
  };
12
12
  exports.MaskedGradientView = MaskedGradientView;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "koylu-vampir-design",
3
- "version": "1.0.45",
3
+ "version": "1.0.46",
4
4
  "description": "Design System for Koylu Vampir Game",
5
5
  "keywords": [
6
6
  "react-native",