react-native-package-fast 0.1.2 → 0.1.4

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "react-native-package-fast",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "test",
   "main": "./src/module/index.js",
   "types": "./src/typescript/index.d.ts",
   "scripts": {
-    "test": "test1"
+    "test": "test1",
+    "pub": "npm publish"
   },
   "author": "dung.dang",
   "license": "ISC"
- 
 }

package/src/module/cores/ButtonApp.js

@@ -10,7 +10,8 @@ const ButtonApp = props => {
     propsText,
     normal,
     disable,
-    whiteNormal
+    whiteNormal,
+    grayNormal
   } = props;
   let _propsText = propsText;
   let styleAll = parseStyles({
@@ -25,7 +26,7 @@ const ButtonApp = props => {
       black: true
     };
   }
-  if (disable) {
+  if (disable || grayNormal) {
     _propsText = {
       ..._propsText,
       h3: true,

package/src/module/cores/DeviceUtils.js

@@ -4,7 +4,7 @@ const {
   height: heightScreen
 } = Dimensions.get('window');
 const RFValueHorizontal = function (fontSize) {
-  let standardScreenHeight = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 375;
+  let standardScreenHeight = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : widthScreen;
   const heightPercent = Math.round(fontSize * widthScreen / standardScreenHeight);
   return heightPercent > fontSize + 5 ? fontSize + 5 : heightPercent;
 };

package/src/module/cores/ImageApp.js

@@ -0,0 +1,45 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from 'react';
+import { Image } from 'react-native';
+import { ImageAppStyles, parseStyles } from './Utils';
+import { ScaleSize } from './DeviceUtils';
+const ImageApp = props => {
+  const {
+    size,
+    source,
+    ratio,
+    color
+  } = props;
+  let styleAll = parseStyles({
+    passStyle: ['flex', 'width', 'height', 'ratio'],
+    styles: ImageAppStyles,
+    props
+  });
+  if (size) {
+    styleAll = {
+      ...styleAll,
+      width: ScaleSize(size),
+      height: ScaleSize(size)
+    };
+  }
+  if (ratio) {
+    styleAll = {
+      ...styleAll,
+      aspectRatio: ratio
+    };
+  }
+  if (color) {
+    styleAll = {
+      ...styleAll,
+      tintColor: color
+    };
+  }
+  return /*#__PURE__*/React.createElement(Image, _extends({}, props, {
+    style: styleAll,
+    source: typeof source === 'string' ? {
+      uri: source
+    } : source
+  }));
+};
+export default ImageApp;
+//# sourceMappingURL=ImageApp.js.map

package/src/module/cores/ImageFastApp.js

@@ -0,0 +1,45 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from 'react';
+import Image from 'react-native-fast-image';
+import { ImageAppStyles, parseStyles } from './Utils';
+import { ScaleSize } from './DeviceUtils';
+const ImageFastApp = props => {
+  const {
+    size,
+    source,
+    ratio,
+    color
+  } = props;
+  let styleAll = parseStyles({
+    passStyle: ['flex', 'width', 'height', 'ratio'],
+    styles: ImageAppStyles,
+    props
+  });
+  if (size) {
+    styleAll = {
+      ...styleAll,
+      width: ScaleSize(size),
+      height: ScaleSize(size)
+    };
+  }
+  if (ratio) {
+    styleAll = {
+      ...styleAll,
+      aspectRatio: ratio
+    };
+  }
+  if (color) {
+    styleAll = {
+      ...styleAll,
+      tintColor: color
+    };
+  }
+  return /*#__PURE__*/React.createElement(Image, _extends({}, props, {
+    style: styleAll,
+    source: typeof source === 'string' ? {
+      uri: source
+    } : source
+  }));
+};
+export default ImageFastApp;
+//# sourceMappingURL=ImageFastApp.js.map

package/src/module/cores/InputApp.js

@@ -0,0 +1,16 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from 'react';
+import { TextInput } from 'react-native';
+import { InputAppStyles, parseStyles } from './Utils';
+const InputApp = props => {
+  let styleAll = parseStyles({
+    passStyle: ['flex', 'width', 'height'],
+    styles: InputAppStyles,
+    props
+  });
+  return /*#__PURE__*/React.createElement(TextInput, _extends({}, props, {
+    style: styleAll
+  }));
+};
+export default InputApp;
+//# sourceMappingURL=InputApp.js.map

package/src/module/cores/Utils.js

@@ -5,7 +5,31 @@ const colors = {
   yellow: '#FEBD00',
   grey: '#9C9C9C',
   black: '#303030',
-  white: '#ffffff'
+  white: '#ffffff',
+  Yellow: '#FEBD00',
+  Red: '#E42939',
+  Orange: '#EE780C',
+  Gray1: '#5C5C5C',
+  Gray2: '#C4C4C4',
+  Gray3: '#D1D1D1',
+  Gray4: '#E0E0E0',
+  Gray5: '#575757',
+  Gray6: '#D8D8D8',
+  Gray7: '#747474',
+  Gray8: '#D9D9D9',
+  Gray9: '#A8A8A8',
+  Gray10: '#FAFAFA',
+  Gray11: '#686868',
+  Gray12: '#F4F4F4',
+  Gray13: '#9C9C9C',
+  Gray14: '#B0B0B0',
+  Gray15: '#595959',
+  Gray16: '#E3E3E3',
+  Gray17: '#ACACAC',
+  Gray18: '#E0E0E0',
+  Gray19: '#E5E5E5',
+  Gray20: '#E7E7E7',
+  Black: '#000000'
 };
 const numStyles = [{
   key: 'padding-',
@@ -99,6 +123,20 @@ const numStyles = [{
       borderWidth: ScaleSize(value)
     };
   }
+}, {
+  key: 'font-',
+  func: value => {
+    return {
+      fontSize: ScaleSize(value)
+    };
+  }
+}, {
+  key: 'line-',
+  func: value => {
+    return {
+      lineHeight: ScaleSize(value)
+    };
+  }
 }];
 export const parseStyles = _ref => {
   var _Object$keys;
@@ -145,8 +183,21 @@ const CommonStyles = StyleSheet.create({
     position: 'absolute',
     top: 0,
     left: 0
+  },
+  center: {
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  centerItem: {
+    alignItems: 'center'
+  },
+  centerContent: {
+    justifyContent: 'center'
   }
+  //  center: { alignItems: 'center' },
+  //  center: { alignSelf: 'center' },
 });
+
 export const ViewAppStyles = StyleSheet.create({
   ...CommonStyles,
   Black: {
@@ -171,6 +222,11 @@ export const ViewAppStyles = StyleSheet.create({
 export const TextAppStyles = StyleSheet.create({
   ...CommonStyles,
   //size
+  default: {
+    fontSize: ScaleSize(14),
+    lineHeight: ScaleSize(20),
+    fontFamily: 'NotoSansKR-Regular'
+  },
   h1: {
     fontSize: ScaleSize(20),
     lineHeight: ScaleSize(26)
@@ -219,15 +275,36 @@ export const TextAppStyles = StyleSheet.create({
   orange: {
     color: colors.orange
   },
+  Gray5: {
+    color: colors.Gray5
+  },
   //weight
+  Bold: {
+    fontFamily: 'NotoSansKR-Black'
+  },
   bold: {
-    fontWeight: 'bold'
+    fontFamily: 'NotoSansKR-Bold'
+  },
+  medium: {
+    fontFamily: 'NotoSansKR-Medium'
   },
   thin: {
-    fontWeight: '100'
+    fontFamily: 'NotoSansKR-Thin'
   },
-  medium: {
-    fontWeight: '500'
+  light: {
+    fontFamily: 'NotoSansKR-Light'
+  },
+  regular: {
+    fontFamily: 'NotoSansKR-Regular'
+  },
+  gs_light: {
+    fontFamily: 'GmarketSansTTFLight'
+  },
+  gs_bold: {
+    fontFamily: 'GmarketSansTTFBold'
+  },
+  gs_medium: {
+    fontFamily: 'GmarketSansTTFMedium'
   },
   //style
   line: {
@@ -243,6 +320,14 @@ export const TextAppStyles = StyleSheet.create({
 });
 export const ButtonAppStyles = StyleSheet.create({
   ...ViewAppStyles,
+  tabNormal: {
+    paddingHorizontal: 16,
+    paddingBottom: 7,
+    paddingTop: 6,
+    borderRadius: 50,
+    borderWidth: 1,
+    borderColor: colors.Gray2
+  },
   normal: {
     paddingVertical: 10,
     alignItems: 'center',
@@ -250,6 +335,13 @@ export const ButtonAppStyles = StyleSheet.create({
     backgroundColor: colors.yellow,
     borderRadius: 5
   },
+  grayNormal: {
+    paddingVertical: 10,
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: '#D1D1D1',
+    borderRadius: 5
+  },
   yellowSmall: {
     paddingVertical: 7,
     alignItems: 'center',
@@ -274,4 +366,27 @@ export const ButtonAppStyles = StyleSheet.create({
     borderRadius: 5
   }
 });
+export const InputAppStyles = StyleSheet.create({
+  ...CommonStyles,
+  borderType: {
+    paddingHorizontal: ScaleSize(10),
+    borderWidth: ScaleSize(1),
+    borderColor: colors.Gray2,
+    height: ScaleSize(40),
+    justifyContent: 'center',
+    borderRadius: ScaleSize(3)
+  }
+});
+export const ImageAppStyles = StyleSheet.create({
+  ...CommonStyles,
+  contain: {
+    resizeMode: 'contain'
+  },
+  cover: {
+    resizeMode: 'cover'
+  },
+  stretch: {
+    resizeMode: 'stretch'
+  }
+});
 //# sourceMappingURL=Utils.js.map

package/src/module/index.js

@@ -1,6 +1,9 @@
 import TextApp from './cores/TextApp';
 import ViewApp from './cores/ViewApp';
 import ButtonApp from './cores/ButtonApp';
+import ImageApp from './cores/ImageApp';
+import InputApp from './cores/InputApp';
+import ImageFastApp from './cores/ImageFastApp';
 import { ScaleSize } from './cores/DeviceUtils';
-export { TextApp, ScaleSize, ButtonApp, ViewApp };
+export { TextApp, ScaleSize, ButtonApp, ViewApp, InputApp, ImageApp, ImageFastApp };
 //# sourceMappingURL=index.js.map

package/src/typescript/cores/ImageApp.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ImageAppProps } from './Utils';
+declare const ImageApp: (props: ImageAppProps) => React.JSX.Element;
+export default ImageApp;
+//# sourceMappingURL=ImageApp.d.ts.map

package/src/typescript/cores/ImageFastApp.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ImageFastAppProps } from './Utils';
+declare const ImageFastApp: (props: ImageFastAppProps) => React.JSX.Element;
+export default ImageFastApp;
+//# sourceMappingURL=ImageFastApp.d.ts.map

package/src/typescript/cores/InputApp.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { InputAppProps } from './Utils';
+declare const InputApp: (props: InputAppProps) => React.JSX.Element;
+export default InputApp;
+//# sourceMappingURL=InputApp.d.ts.map

package/src/typescript/cores/Utils.d.ts

@@ -1,5 +1,6 @@
-import { TextProps, ViewProps } from 'react-native';
+import { ImageProps, TextInputProps, TextProps, ViewProps } from 'react-native';
 import { TouchableOpacityProps } from 'react-native';
+import { FastImageProps } from 'react-native-fast-image';
 interface ByPassProps {
     flex?: any;
     width?: any;
@@ -8,6 +9,9 @@ interface ByPassProps {
 export declare const parseStyles: ({ passStyle, styles, props }: any) => any;
 interface CommonProps extends ByPassProps {
     topLeft?: any;
+    center?: boolean;
+    centerItem?: boolean;
+    centerContent?: boolean;
 }
 export interface ViewAppProps extends ViewProps, CommonProps {
     Black?: boolean;
@@ -49,6 +53,16 @@ export declare const ViewAppStyles: {
         top: number;
         left: number;
     };
+    center: {
+        justifyContent: "center";
+        alignItems: "center";
+    };
+    centerItem: {
+        alignItems: "center";
+    };
+    centerContent: {
+        justifyContent: "center";
+    };
 };
 export interface TextAppProps extends TextProps, CommonProps {
     h1?: boolean;
@@ -64,9 +78,16 @@ export interface TextAppProps extends TextProps, CommonProps {
     white?: boolean;
     yellow?: boolean;
     orange?: boolean;
+    Gray5?: boolean;
     bold?: boolean;
     medium?: boolean;
     thin?: boolean;
+    regular?: boolean;
+    Bold?: boolean;
+    light?: boolean;
+    gs_light?: boolean;
+    gs_bold?: boolean;
+    gs_medium?: boolean;
     line?: boolean;
     center?: boolean;
     left?: boolean;
@@ -75,6 +96,11 @@ export interface TextAppProps extends TextProps, CommonProps {
     hardHeight?: boolean;
 }
 export declare const TextAppStyles: {
+    default: {
+        fontSize: any;
+        lineHeight: any;
+        fontFamily: string;
+    };
     h1: {
         fontSize: any;
         lineHeight: any;
@@ -122,14 +148,35 @@ export declare const TextAppStyles: {
     orange: {
         color: string;
     };
+    Gray5: {
+        color: string;
+    };
+    Bold: {
+        fontFamily: string;
+    };
     bold: {
-        fontWeight: "bold";
+        fontFamily: string;
+    };
+    medium: {
+        fontFamily: string;
     };
     thin: {
-        fontWeight: "100";
+        fontFamily: string;
     };
-    medium: {
-        fontWeight: "500";
+    light: {
+        fontFamily: string;
+    };
+    regular: {
+        fontFamily: string;
+    };
+    gs_light: {
+        fontFamily: string;
+    };
+    gs_bold: {
+        fontFamily: string;
+    };
+    gs_medium: {
+        fontFamily: string;
     };
     line: {
         textDecorationLine: "underline";
@@ -146,8 +193,14 @@ export declare const TextAppStyles: {
         top: number;
         left: number;
     };
+    centerItem: {
+        alignItems: "center";
+    };
+    centerContent: {
+        justifyContent: "center";
+    };
 };
-export interface ButtonAppProps extends ViewAppProps {
+export interface ButtonAppProps extends TouchAppProps {
     title?: String;
     children?: any;
     propsText?: TextAppProps;
@@ -155,8 +208,18 @@ export interface ButtonAppProps extends ViewAppProps {
     disable?: boolean;
     yellowSmall?: boolean;
     whiteNormal?: boolean;
+    grayNormal?: any;
+    tabNormal?: any;
 }
 export declare const ButtonAppStyles: {
+    tabNormal: {
+        paddingHorizontal: number;
+        paddingBottom: number;
+        paddingTop: number;
+        borderRadius: number;
+        borderWidth: number;
+        borderColor: string;
+    };
     normal: {
         paddingVertical: number;
         alignItems: "center";
@@ -164,6 +227,13 @@ export declare const ButtonAppStyles: {
         backgroundColor: string;
         borderRadius: number;
     };
+    grayNormal: {
+        paddingVertical: number;
+        alignItems: "center";
+        justifyContent: "center";
+        backgroundColor: string;
+        borderRadius: number;
+    };
     yellowSmall: {
         paddingVertical: number;
         alignItems: "center";
@@ -209,6 +279,86 @@ export declare const ButtonAppStyles: {
         top: number;
         left: number;
     };
+    center: {
+        justifyContent: "center";
+        alignItems: "center";
+    };
+    centerItem: {
+        alignItems: "center";
+    };
+    centerContent: {
+        justifyContent: "center";
+    };
+};
+export interface InputAppProps extends TextInputProps, CommonProps {
+    borderType?: any;
+}
+export declare const InputAppStyles: {
+    borderType: {
+        paddingHorizontal: any;
+        borderWidth: any;
+        borderColor: string;
+        height: any;
+        justifyContent: "center";
+        borderRadius: any;
+    };
+    topLeft: {
+        position: "absolute";
+        top: number;
+        left: number;
+    };
+    center: {
+        justifyContent: "center";
+        alignItems: "center";
+    };
+    centerItem: {
+        alignItems: "center";
+    };
+    centerContent: {
+        justifyContent: "center";
+    };
+};
+export interface ImageFastAppProps extends FastImageProps, CommonProps {
+    contain?: any;
+    cover?: any;
+    stretch?: any;
+    size?: any;
+    ratio?: any;
+    color?: any;
+}
+export interface ImageAppProps extends ImageProps, CommonProps {
+    contain?: any;
+    cover?: any;
+    stretch?: any;
+    size?: any;
+    ratio?: any;
+    color?: any;
+}
+export declare const ImageAppStyles: {
+    contain: {
+        resizeMode: "contain";
+    };
+    cover: {
+        resizeMode: "cover";
+    };
+    stretch: {
+        resizeMode: "stretch";
+    };
+    topLeft: {
+        position: "absolute";
+        top: number;
+        left: number;
+    };
+    center: {
+        justifyContent: "center";
+        alignItems: "center";
+    };
+    centerItem: {
+        alignItems: "center";
+    };
+    centerContent: {
+        justifyContent: "center";
+    };
 };
 export {};
 //# sourceMappingURL=Utils.d.ts.map

package/src/typescript/index.d.ts

@@ -1,6 +1,9 @@
 import TextApp from './cores/TextApp';
 import ViewApp from './cores/ViewApp';
 import ButtonApp from './cores/ButtonApp';
+import ImageApp from './cores/ImageApp';
+import InputApp from './cores/InputApp';
+import ImageFastApp from './cores/ImageFastApp';
 import { ScaleSize } from './cores/DeviceUtils';
-export { TextApp, ScaleSize, ButtonApp, ViewApp };
+export { TextApp, ScaleSize, ButtonApp, ViewApp, InputApp, ImageApp, ImageFastApp, };
 //# sourceMappingURL=index.d.ts.map