react-native-package-fast 0.1.0 → 0.1.2

package/package.json

@@ -1,162 +1,13 @@
 {
   "name": "react-native-package-fast",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "test",
-  "main": "lib/commonjs/index",
-  "module": "lib/module/index",
-  "types": "lib/typescript/index.d.ts",
-  "react-native": "src/index",
-  "source": "src/index",
-  "files": [
-    "src",
-    "lib",
-    "android",
-    "ios",
-    "cpp",
-    "*.podspec",
-    "!lib/typescript/example",
-    "!ios/build",
-    "!android/build",
-    "!android/gradle",
-    "!android/gradlew",
-    "!android/gradlew.bat",
-    "!android/local.properties",
-    "!**/__tests__",
-    "!**/__fixtures__",
-    "!**/__mocks__",
-    "!**/.*"
-  ],
+  "main": "./src/module/index.js",
+  "types": "./src/typescript/index.d.ts",
   "scripts": {
-    "test": "jest",
-    "typecheck": "tsc --noEmit",
-    "lint": "eslint \"**/*.{js,ts,tsx}\"",
-    "prepack": "bob build",
-    "release": "release-it",
-    "example": "yarn --cwd example",
-    "bootstrap": "yarn example && yarn install",
-    "build:dev": "babel src -d dist --copy-files",
-    "build:min": "BABEL_ENV=minify babel src -d dist --out-file-extension .min.js",
-    "build": "npm run build:dev && npm run build:min",
-    "android": "react-native run-android",
-    "ios": "react-native run-ios",
-    "all": "rm -rf package-lock.json && rm -rf node_modules/ && rm -fr $TMPDIR/metro* && npm install",
-    "add:core": "npm install --save git+https://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:x-oauth-basic@github.com/dungctt101/dd-libs-core.git",
-    "move:plat": "node -e 'require(\"./build.js\").moveLibToPlatform()'",
-    "move:public": "node -e 'require(\"./build.js\").moveLibToPublic()'",
-    "remove:map": "node -e 'require(\"./build.js\").removeAllFileMap()'",
-    "up:core": "node -e 'require(\"./build.js\").removeFileBuild()' && bob build &&node -e 'require(\"./build.js\").removeAllFileMap()' && node -e 'require(\"./build.js\").moveLibToPublic()' && node -e 'require(\"./build.js\").moveLibToPlatform()'",
-    "pub": "cd ../BUILDS",
-    "test1": " cd ./src/libs/core && bash publish.sh",
-    "build:ios": "react-native bundle --platform ios     --dev false --entry-file index.js --bundle-output build/output/ios/ios/main.jsbundle --assets-dest build/output/ios/ios",
-    "build:ios:dev": "yarn build:ios && node -e 'require(\"./build.js\").zipBuild()'",
-    "build:and":"react-native bundle --platform android --dev false --entry-file index.js --bundle-output build/output/android/android/main.jsbundle --assets-dest build/output/android/android",
-    "build:android:dev": "yarn build:and && node -e 'require(\"./build.js\").zipBuildAndroid()'",
-    "build:all": "yarn build:ios:dev && yarn build:android:dev",
-    "reload": "node reload.js",
-    "start": "react-native start --port 2003 --reset-cache",
-    "start:pack": "react-native webpack-start --webpackConfig webpack.config.js --port 2003",
-    "lib":"node -e 'require(\"./build.js\").preBuild()' && bob build &&node -e 'require(\"./build.js\").lastBuild()'"
+    "test": "test1"
   },
-  "keywords": [
-    "react-native",
-    "ios",
-    "android"
-  ],
-  "repository": "https://github.com/",
-  "author": "dung.dang1 <tiendung221992@gmail.com> (https://github.com/)",
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com//issues"
-  },
-  "homepage": "https://github.com/#readme",
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  },
-  "devDependencies": {
-    "@commitlint/config-conventional": "^17.0.2",
-    "@react-native-community/eslint-config": "^3.0.2",
-    "@release-it/conventional-changelog": "^5.0.0",
-    "@types/jest": "^28.1.2",
-    "@types/react": "~17.0.21",
-    "@types/react-native": "0.70.0",
-    "commitlint": "^17.0.2",
-    "del-cli": "^5.0.0",
-    "eslint": "^8.4.1",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-prettier": "^4.0.0",
-    "jest": "^28.1.1",
-    "pod-install": "^0.1.0",
-    "prettier": "^2.0.5",
-    "react": "18.2.0",
-    "react-native": "0.71.7",
-    "react-native-builder-bob": "^0.20.4",
-    "typescript": "^4.5.2"
-  },
-  "resolutions": {
-    "@types/react": "17.0.21"
-  },
-  "peerDependencies": {
-    "react": "*",
-    "react-native": "*"
-  },
-  "engines": {
-    "node": ">= 16.0.0"
-  },
-  "packageManager": "^yarn@1.22.15",
-  "jest": {
-    "preset": "react-native",
-    "modulePathIgnorePatterns": [
-      "<rootDir>/example/node_modules",
-      "<rootDir>/lib/"
-    ]
-  },
-  "commitlint": {
-    "extends": [
-      "@commitlint/config-conventional"
-    ]
-  },
-  "eslintConfig": {
-    "root": true,
-    "extends": [
-      "@react-native-community",
-      "prettier"
-    ],
-    "rules": {
-      "prettier/prettier": [
-        "error",
-        {
-          "quoteProps": "consistent",
-          "singleQuote": true,
-          "tabWidth": 1,
-          "trailingComma": "es5",
-          "useTabs": false
-        }
-      ]
-    }
-  },
-  "eslintIgnore": [
-    "node_modules/",
-    "lib/"
-  ],
-  "prettier": {
-    "quoteProps": "consistent",
-    "singleQuote": true,
-    "tabWidth": 1,
-    "trailingComma": "es5",
-    "useTabs": false
-  },
-  "react-native-builder-bob": {
-    "source": "sources",
-    "output": "lib",
-    "targets": [
-      "commonjs",
-      "module",
-      [
-        "typescript",
-        {
-          "project": "tsconfig.build.json"
-        }
-      ]
-    ]
-  }
+  "author": "dung.dang",
+  "license": "ISC"
+ 
 }

package/src/module/cores/ButtonApp.js

@@ -0,0 +1,44 @@
+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 { TouchableOpacity } from 'react-native';
+import TextApp from './TextApp';
+import { ButtonAppStyles, parseStyles } from './Utils';
+const ButtonApp = props => {
+  const {
+    title,
+    children,
+    propsText,
+    normal,
+    disable,
+    whiteNormal
+  } = props;
+  let _propsText = propsText;
+  let styleAll = parseStyles({
+    passStyle: ['flex', 'width', 'height'],
+    styles: ButtonAppStyles,
+    props
+  });
+  if (normal || whiteNormal) {
+    _propsText = {
+      ..._propsText,
+      h3: true,
+      black: true
+    };
+  }
+  if (disable) {
+    _propsText = {
+      ..._propsText,
+      h3: true,
+      style: {
+        color: '#686868'
+      }
+    };
+  }
+  return /*#__PURE__*/React.createElement(TouchableOpacity, _extends({
+    disabled: disable
+  }, props, {
+    style: styleAll
+  }), /*#__PURE__*/React.createElement(TextApp, _propsText, title || children));
+};
+export default ButtonApp;
+//# sourceMappingURL=ButtonApp.js.map

package/src/module/cores/DeviceUtils.js

@@ -3,37 +3,11 @@ const {
   width: widthScreen,
   height: heightScreen
 } = Dimensions.get('window');
-const parseStyles = _ref => {
-  var _Object$keys;
-  let {
-    passStyle,
-    styles,
-    props
-  } = _ref;
-  let styleAll = (styles === null || styles === void 0 ? void 0 : styles.default) || {};
-  (_Object$keys = Object.keys(props)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.map(_item => {
-    if (passStyle !== null && passStyle !== void 0 && passStyle.includes(_item)) {
-      styleAll = {
-        ...styleAll,
-        [_item]: props === null || props === void 0 ? void 0 : props[_item]
-      };
-      return;
-    }
-    if (Object.keys(styles).includes(_item) && props !== null && props !== void 0 && props[_item]) {
-      styleAll = {
-        ...styleAll,
-        ...(styles === null || styles === void 0 ? void 0 : styles[_item])
-      };
-      return;
-    }
-  });
-  return styleAll;
-};
 const RFValueHorizontal = function (fontSize) {
   let standardScreenHeight = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 375;
   const heightPercent = Math.round(fontSize * widthScreen / standardScreenHeight);
   return heightPercent > fontSize + 5 ? fontSize + 5 : heightPercent;
 };
 export const ScaleSize = RFValueHorizontal;
-export { widthScreen, heightScreen, parseStyles };
+export { widthScreen, heightScreen };
 //# sourceMappingURL=DeviceUtils.js.map

package/src/module/cores/TextApp.js

@@ -1,118 +1,21 @@
 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 { StyleSheet, Text } from 'react-native';
 import React from 'react';
-import { ScaleSize, parseStyles } from './DeviceUtils';
+import { Text } from 'react-native';
+import { parseStyles } from './Utils';
+import { TextAppStyles } from './Utils';
 const TextApp = props => {
-  var _newTitle$toLocaleUpp;
   const {
     title,
-    children,
-    upper
+    children
   } = props;
   let styleAll = parseStyles({
     passStyle: ['flex', 'width', 'height'],
-    styles,
+    styles: TextAppStyles,
     props
   });
-  //_STYLE_OTHER
-
-  const newTitle = title || children;
-  if (!newTitle && newTitle === '') return null;
   return /*#__PURE__*/React.createElement(Text, _extends({}, props, {
     style: styleAll
-  }), upper ? newTitle === null || newTitle === void 0 ? void 0 : (_newTitle$toLocaleUpp = newTitle.toLocaleUpperCase) === null || _newTitle$toLocaleUpp === void 0 ? void 0 : _newTitle$toLocaleUpp.call(newTitle) : newTitle);
+  }), title || children);
 };
-const styles = StyleSheet.create({
-  'default': {
-    fontSize: ScaleSize(14),
-    lineHeight: ScaleSize(16)
-  },
-  'black': {
-    color: '#000000'
-  },
-  'grey': {
-    color: '#00000080'
-  },
-  'white': {
-    color: '#FFFFFF'
-  },
-  'border': {
-    textShadowColor: '#FFFFFF',
-    textShadowOffset: {
-      width: ScaleSize(1),
-      height: ScaleSize(1)
-    },
-    textShadowRadius: ScaleSize(0)
-  },
-  'line': {
-    textDecorationLine: 'underline'
-  },
-  'body': {
-    marginLeft: 4,
-    fontSize: 14,
-    fontWeight: '500',
-    color: '#969696'
-  },
-  'border-bl': {
-    textShadowColor: '#000000',
-    textShadowOffset: {
-      width: ScaleSize(2),
-      height: ScaleSize(2)
-    },
-    textShadowRadius: ScaleSize(2)
-  },
-  'b1': {
-    fontSize: ScaleSize(56),
-    lineHeight: ScaleSize(58)
-  },
-  'b5': {
-    fontSize: ScaleSize(26),
-    lineHeight: ScaleSize(28)
-  },
-  'h1': {
-    fontSize: ScaleSize(20),
-    lineHeight: ScaleSize(22)
-  },
-  'h2': {
-    fontSize: ScaleSize(18),
-    lineHeight: ScaleSize(20)
-  },
-  'h3': {
-    fontSize: ScaleSize(16),
-    lineHeight: ScaleSize(18)
-  },
-  'h4': {
-    fontSize: ScaleSize(14),
-    lineHeight: ScaleSize(16)
-  },
-  'h5': {
-    fontSize: ScaleSize(12),
-    lineHeight: ScaleSize(14)
-  },
-  'h6': {
-    fontSize: ScaleSize(10),
-    lineHeight: ScaleSize(12)
-  },
-  'h7': {
-    fontSize: ScaleSize(9),
-    lineHeight: ScaleSize(11)
-  },
-  'bold': {
-    fontWeight: 'bold'
-  },
-  'thin': {
-    fontWeight: '100'
-  },
-  'medium': {
-    fontWeight: '300'
-  },
-  'center': {
-    textAlign: 'center',
-    textAlignVertical: 'center'
-  },
-  'left': {
-    textAlign: 'left'
-  }
-});
 export default TextApp;
 //# sourceMappingURL=TextApp.js.map

package/src/module/cores/Utils.js

@@ -0,0 +1,277 @@
+import { StyleSheet } from 'react-native';
+import { ScaleSize } from './DeviceUtils';
+const colors = {
+  orange: '#EE780C',
+  yellow: '#FEBD00',
+  grey: '#9C9C9C',
+  black: '#303030',
+  white: '#ffffff'
+};
+const numStyles = [{
+  key: 'padding-',
+  func: value => ({
+    padding: ScaleSize(value)
+  })
+}, {
+  key: 'hoz-',
+  func: value => ({
+    paddingHorizontal: ScaleSize(value)
+  })
+}, {
+  key: 'ver-',
+  func: value => ({
+    paddingVertical: ScaleSize(value)
+  })
+}, {
+  key: 'top-',
+  func: value => ({
+    paddingTop: ScaleSize(value)
+  })
+}, {
+  key: 'bot-',
+  func: value => ({
+    paddingBottom: ScaleSize(value)
+  })
+}, {
+  key: 'left-',
+  func: value => ({
+    paddingLeft: ScaleSize(value)
+  })
+}, {
+  key: 'right-',
+  func: value => ({
+    paddingRight: ScaleSize(value)
+  })
+}, {
+  key: 'margin-',
+  func: value => ({
+    margin: ScaleSize(value)
+  })
+}, {
+  key: 'Hoz-',
+  func: value => ({
+    marginHorizontal: ScaleSize(value)
+  })
+}, {
+  key: 'Ver-',
+  func: value => ({
+    marginVertical: ScaleSize(value)
+  })
+}, {
+  key: 'Top-',
+  func: value => ({
+    marginTop: ScaleSize(value)
+  })
+}, {
+  key: 'Bot-',
+  func: value => ({
+    marginBottom: ScaleSize(value)
+  })
+}, {
+  key: 'Left-',
+  func: value => ({
+    marginLeft: ScaleSize(value)
+  })
+}, {
+  key: 'Right-',
+  func: value => ({
+    marginRight: ScaleSize(value)
+  })
+}, {
+  key: 'radius-',
+  func: value => {
+    return {
+      borderRadius: ScaleSize(value)
+    };
+  }
+}, {
+  key: 'ads-',
+  func: value => {
+    return {
+      position: 'absolute',
+      top: ScaleSize(value)
+    };
+  }
+}, {
+  key: 'border-',
+  func: value => {
+    return {
+      borderWidth: ScaleSize(value)
+    };
+  }
+}];
+export const parseStyles = _ref => {
+  var _Object$keys;
+  let {
+    passStyle,
+    styles,
+    props
+  } = _ref;
+  let styleAll = (styles === null || styles === void 0 ? void 0 : styles.default) || {};
+  (_Object$keys = Object.keys(props)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.map(_item => {
+    if (passStyle !== null && passStyle !== void 0 && passStyle.includes(_item)) {
+      styleAll = {
+        ...styleAll,
+        [_item]: props === null || props === void 0 ? void 0 : props[_item]
+      };
+      return;
+    }
+    if (Object.keys(styles).includes(_item) && props !== null && props !== void 0 && props[_item]) {
+      styleAll = {
+        ...styleAll,
+        ...(styles === null || styles === void 0 ? void 0 : styles[_item])
+      };
+      return;
+    }
+    const numFind = numStyles.find(_value => _item === null || _item === void 0 ? void 0 : _item.includes(_value === null || _value === void 0 ? void 0 : _value.key));
+    if (numFind) {
+      const num = _item === null || _item === void 0 ? void 0 : _item.replace(numFind === null || numFind === void 0 ? void 0 : numFind.key, '');
+      if (parseInt !== null && parseInt !== void 0 && parseInt(num, 10)) {
+        styleAll = {
+          ...styleAll,
+          ...(numFind === null || numFind === void 0 ? void 0 : numFind.func(num))
+        };
+        return;
+      }
+    }
+  });
+  return {
+    ...styleAll,
+    ...(props === null || props === void 0 ? void 0 : props.style)
+  };
+};
+const CommonStyles = StyleSheet.create({
+  topLeft: {
+    position: 'absolute',
+    top: 0,
+    left: 0
+  }
+});
+export const ViewAppStyles = StyleSheet.create({
+  ...CommonStyles,
+  Black: {
+    backgroundColor: colors.black
+  },
+  Grey: {
+    backgroundColor: colors.grey
+  },
+  White: {
+    backgroundColor: colors.white
+  },
+  Yellow: {
+    backgroundColor: colors.yellow
+  },
+  row: {
+    flexDirection: 'row'
+  },
+  wrap: {
+    flexWrap: 'wrap'
+  }
+});
+export const TextAppStyles = StyleSheet.create({
+  ...CommonStyles,
+  //size
+  h1: {
+    fontSize: ScaleSize(20),
+    lineHeight: ScaleSize(26)
+  },
+  h2: {
+    fontSize: ScaleSize(18),
+    lineHeight: ScaleSize(24)
+  },
+  h3: {
+    fontSize: ScaleSize(16),
+    lineHeight: ScaleSize(22)
+  },
+  h4: {
+    fontSize: ScaleSize(14),
+    lineHeight: ScaleSize(20)
+  },
+  h5: {
+    fontSize: ScaleSize(12),
+    lineHeight: ScaleSize(18)
+  },
+  h6: {
+    fontSize: ScaleSize(10),
+    lineHeight: ScaleSize(16)
+  },
+  h7: {
+    fontSize: ScaleSize(9),
+    lineHeight: ScaleSize(15)
+  },
+  header: {
+    fontSize: ScaleSize(24),
+    lineHeight: ScaleSize(33)
+  },
+  //color
+  black: {
+    color: colors.black
+  },
+  grey: {
+    color: colors.grey
+  },
+  yellow: {
+    color: colors.yellow
+  },
+  white: {
+    color: colors.white
+  },
+  orange: {
+    color: colors.orange
+  },
+  //weight
+  bold: {
+    fontWeight: 'bold'
+  },
+  thin: {
+    fontWeight: '100'
+  },
+  medium: {
+    fontWeight: '500'
+  },
+  //style
+  line: {
+    textDecorationLine: 'underline'
+  },
+  center: {
+    textAlign: 'center',
+    textAlignVertical: 'center'
+  },
+  left: {
+    textAlign: 'left'
+  }
+});
+export const ButtonAppStyles = StyleSheet.create({
+  ...ViewAppStyles,
+  normal: {
+    paddingVertical: 10,
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: colors.yellow,
+    borderRadius: 5
+  },
+  yellowSmall: {
+    paddingVertical: 7,
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: colors.yellow,
+    borderRadius: 50
+  },
+  whiteNormal: {
+    paddingVertical: 10,
+    alignItems: 'center',
+    justifyContent: 'center',
+    //   backgroundColor: colors.white,
+    borderWidth: 1,
+    borderColor: colors.grey,
+    borderRadius: 5
+  },
+  disable: {
+    paddingVertical: 10,
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: '#D1D1D1',
+    borderRadius: 5
+  }
+});
+//# sourceMappingURL=Utils.js.map

package/src/module/cores/ViewApp.js

@@ -0,0 +1,19 @@
+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 { View } from 'react-native';
+import { ViewAppStyles, parseStyles } from './Utils';
+const ViewApp = props => {
+  const {
+    children
+  } = props;
+  let styleAll = parseStyles({
+    passStyle: ['flex', 'width', 'height'],
+    styles: ViewAppStyles,
+    props
+  });
+  return /*#__PURE__*/React.createElement(View, _extends({}, props, {
+    style: styleAll
+  }), children);
+};
+export default ViewApp;
+//# sourceMappingURL=ViewApp.js.map

package/src/module/index.js

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

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

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

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

@@ -0,0 +1,4 @@
+declare const widthScreen: number, heightScreen: number;
+export declare const ScaleSize: (fontSize: any, standardScreenHeight?: number) => any;
+export { widthScreen, heightScreen };
+//# sourceMappingURL=DeviceUtils.d.ts.map

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

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