koylu-vampir-design 1.0.36 → 1.0.39

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 (7) hide show
  1. package/dist/Markets/MarketInfo.d.ts +9 -9
  2. package/dist/Markets/MarketInfo.d.ts.map +1 -1
  3. package/dist/Markets/MarketInfo.js +9 -9
  4. package/dist/Screens/SplitScreen.d.ts +2 -0
  5. package/dist/Screens/SplitScreen.d.ts.map +1 -1
  6. package/dist/Screens/SplitScreen.js +3 -3
  7. package/package.json +3 -3
package/dist/Markets/MarketInfo.d.ts CHANGED
@@ -1,15 +1,15 @@
1
- import { ImageSourcePropType, ViewProps } from "react-native";
2
1
  import React from "react";
2
+ import { ImageSourcePropType, ViewProps } from "react-native";
3
3
  declare type Props = {
4
- gold: number;
5
- diamond: number;
6
- ticket: number;
7
- gifts: number;
4
+ gold?: number | string;
5
+ diamond?: number | string;
6
+ ticket?: number | string;
7
+ gifts?: number | string;
8
8
  style: any;
9
- goldIcon: ImageSourcePropType;
10
- diamondIcon: ImageSourcePropType;
11
- ticketIcon: ImageSourcePropType;
12
- giftIcon: ImageSourcePropType;
9
+ goldIcon?: ImageSourcePropType;
10
+ diamondIcon?: ImageSourcePropType;
11
+ ticketIcon?: ImageSourcePropType;
12
+ giftIcon?: ImageSourcePropType;
13
13
  titleText?: string;
14
14
  myGoldsText?: string;
15
15
  myDiamondsText?: string;
package/dist/Markets/MarketInfo.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MarketInfo.d.ts","sourceRoot":"","sources":["../../src/Markets/MarketInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,mBAAmB,EAGnB,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,aAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,GAAG,CAAC;IACX,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,WAAW,EAAE,mBAAmB,CAAC;IACjC,UAAU,EAAE,mBAAmB,CAAC;IAChC,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AACF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,GAAG,SAAS,CA8ClD,CAAC"}
1
+ {"version":3,"file":"MarketInfo.d.ts","sourceRoot":"","sources":["../../src/Markets/MarketInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,mBAAmB,EAGnB,SAAS,EACV,MAAM,cAAc,CAAC;AAGtB,aAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,EAAE,GAAG,CAAC;IACX,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AACF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,GAAG,SAAS,CAyDlD,CAAC"}
package/dist/Markets/MarketInfo.js CHANGED
@@ -4,28 +4,28 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.MarketInfo = void 0;
7
- const react_native_1 = require("react-native");
8
7
  const react_1 = __importDefault(require("react"));
8
+ const react_native_1 = require("react-native");
9
9
  const Typography_1 = require("../Typography");
10
10
  const MarketInfo = ({ gold, diamond, gifts, style, ticket, goldIcon, diamondIcon, ticketIcon, giftIcon, titleText, myGoldsText = "Altınlarım:", myDiamondsText = "Elmaslarım:", myTicketsText = "Elmaslarım:", myGiftsText = "Hediyelerim:", }) => {
11
11
  return (react_1.default.createElement(react_native_1.View, { style: [styles.info, style] },
12
12
  !!titleText && (react_1.default.createElement(Typography_1.Typography, { bold: true, style: styles.title }, titleText)),
13
- react_1.default.createElement(react_native_1.View, { style: styles.line },
13
+ gold !== undefined && (react_1.default.createElement(react_native_1.View, { style: styles.line },
14
14
  react_1.default.createElement(Typography_1.Typography, { style: styles.label }, myGoldsText),
15
15
  react_1.default.createElement(Typography_1.Typography, { bold: true }, gold),
16
- react_1.default.createElement(react_native_1.Image, { style: styles.image, source: goldIcon })),
17
- react_1.default.createElement(react_native_1.View, { style: styles.line },
16
+ !!goldIcon && react_1.default.createElement(react_native_1.Image, { style: styles.image, source: goldIcon }))),
17
+ diamond !== undefined && (react_1.default.createElement(react_native_1.View, { style: styles.line },
18
18
  react_1.default.createElement(Typography_1.Typography, { style: styles.label }, myDiamondsText),
19
19
  react_1.default.createElement(Typography_1.Typography, { bold: true }, diamond),
20
- react_1.default.createElement(react_native_1.Image, { style: styles.image, source: diamondIcon })),
21
- react_1.default.createElement(react_native_1.View, { style: styles.line },
20
+ !!diamondIcon && react_1.default.createElement(react_native_1.Image, { style: styles.image, source: diamondIcon }))),
21
+ ticket !== undefined && (react_1.default.createElement(react_native_1.View, { style: styles.line },
22
22
  react_1.default.createElement(Typography_1.Typography, { style: styles.label }, myTicketsText),
23
23
  react_1.default.createElement(Typography_1.Typography, { bold: true }, ticket),
24
- react_1.default.createElement(react_native_1.Image, { style: styles.image, source: ticketIcon })),
25
- react_1.default.createElement(react_native_1.View, { style: styles.line },
24
+ !!ticketIcon && react_1.default.createElement(react_native_1.Image, { style: styles.image, source: ticketIcon }))),
25
+ gifts !== undefined && (react_1.default.createElement(react_native_1.View, { style: styles.line },
26
26
  react_1.default.createElement(Typography_1.Typography, { style: styles.label }, myGiftsText),
27
27
  react_1.default.createElement(Typography_1.Typography, { bold: true }, gifts),
28
- react_1.default.createElement(react_native_1.Image, { style: styles.image, source: giftIcon }))));
28
+ !!giftIcon && react_1.default.createElement(react_native_1.Image, { style: styles.image, source: giftIcon })))));
29
29
  };
30
30
  exports.MarketInfo = MarketInfo;
31
31
  const styles = react_native_1.StyleSheet.create({
package/dist/Screens/SplitScreen.d.ts CHANGED
@@ -15,6 +15,8 @@ declare type Props = {
15
15
  edgeSize?: number;
16
16
  onAccept?: (any: any) => void;
17
17
  children?: React.ReactNode;
18
+ splitBackground?: ImageSourcePropType;
19
+ contentStyle?: StyleProp<any>;
18
20
  renderHeader?: React.Component | React.FC | string | number;
19
21
  };
20
22
  export declare const SplitScreen: React.FC<Props>;
package/dist/Screens/SplitScreen.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SplitScreen.d.ts","sourceRoot":"","sources":["../../src/Screens/SplitScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,mBAAmB,EAEnB,SAAS,EAGV,MAAM,cAAc,CAAC;AAMtB,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,CAAC,GAAG,KAAA,KAAK,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,GAAG,KAAA,KAAK,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,EAAE,GAAG,MAAM,GAAG,MAAM,CAAC;CAC7D,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAkFvC,CAAC"}
1
+ {"version":3,"file":"SplitScreen.d.ts","sourceRoot":"","sources":["../../src/Screens/SplitScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,mBAAmB,EAEnB,SAAS,EAGV,MAAM,cAAc,CAAC;AAMtB,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,CAAC,GAAG,KAAA,KAAK,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,GAAG,KAAA,KAAK,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,YAAY,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,EAAE,GAAG,MAAM,GAAG,MAAM,CAAC;CAC7D,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAuFvC,CAAC"}
package/dist/Screens/SplitScreen.js CHANGED
@@ -10,14 +10,14 @@ const react_native_safe_area_context_1 = require("react-native-safe-area-context
10
10
  const Themes_1 = require("../Themes");
11
11
  const Utils_1 = require("../Utils");
12
12
  const ScreenBase_1 = require("./ScreenBase");
13
- const SplitScreen = ({ children, style, icon, title, transparent, onBack, background, scrollable, onAccept, noPaddings, renderHeader, acceptText, splitSize, noScrollView, edgeSize, }) => {
13
+ const SplitScreen = ({ children, style, icon, title, transparent, onBack, background, scrollable, onAccept, noPaddings, renderHeader, acceptText, splitSize, noScrollView, splitBackground, contentStyle, edgeSize, }) => {
14
14
  const { dimBackgroundColor } = Themes_1.useColors();
15
15
  const insets = react_native_safe_area_context_1.useSafeAreaInsets();
16
16
  const splitHeight = splitSize || 256;
17
17
  const edgeHeight = edgeSize || 64;
18
18
  const childArray = react_1.default.Children.toArray(children);
19
19
  const firstChild = childArray.shift();
20
- const mainBg = Utils_1.Assets.getSource("image", "generalScreenDarkBackground");
20
+ const mainBg = splitBackground || Utils_1.Assets.getSource("image", "generalScreenDarkBackground");
21
21
  return (react_1.default.createElement(ScreenBase_1.ScreenBase, Object.assign({}, {
22
22
  icon,
23
23
  title,
@@ -38,7 +38,7 @@ const SplitScreen = ({ children, style, icon, title, transparent, onBack, backgr
38
38
  backgroundColor: dimBackgroundColor,
39
39
  },
40
40
  ] }, firstChild),
41
- react_1.default.createElement(react_native_1.View, { style: [styles.bottomArea, { marginTop: -edgeHeight }] },
41
+ react_1.default.createElement(react_native_1.View, { style: [styles.bottomArea, { marginTop: -edgeHeight }, contentStyle] },
42
42
  react_1.default.createElement(react_native_1.ImageBackground, { source: mainBg, imageStyle: styles.scrollBackImage, style: [
43
43
  styles.scrollBack,
44
44
  {
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "koylu-vampir-design",
3
- "version": "1.0.36",
3
+ "version": "1.0.39",
4
4
  "description": "Design System for Koylu Vampir Game",
5
5
  "keywords": [
6
6
  "react-native",
7
7
  "design-system"
8
8
  ],
9
- "homepage": "",
9
+ "homepage": "https://koyluvampir.com",
10
10
  "license": "MIT",
11
11
  "author": "Oktay Baskus <98oktay@gmail.com>",
12
12
  "main": "./dist/index.js",
@@ -20,7 +20,7 @@
20
20
  "copy-files": "copyfiles -u 1 ./src/assets/*/*.* ./dist/",
21
21
  "build-storybook": "build-storybook",
22
22
  "lint": "eslint src --ext .ts,.tsx --cache",
23
- "storybook": "start-storybook -p 6006",
23
+ "storybook": "NODE_OPTIONS=--openssl-legacy-provider start-storybook -p 6006",
24
24
  "type-check": "tsc --noEmit",
25
25
  "storycap:all": "rm -rf ./__screenshots__ && yarn storycap http://localhost:6006 --serverCmd 'yarn storybook --ci' --viewport '414x736' --serverTimeout '200000'"
26
26
  },