ui-rn 1.0.2 → 1.0.4

package/package.json

@@ -1,10 +1,17 @@
 {
   "name": "ui-rn",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "repository": "https://github.com/phamha98/ui-rn",
   "description": "ui-rn",
   "author": "Phamha98",
   "main": "src/index.tsx",
+  "dependencies": {
+    "underscore": "^1.13.6",
+    "@types/underscore": "^1.11.15",
+    "validate-color": "^2.2.4",
+    "react-native-safe-area-view": "^1.1.1",
+    "react-native-linear-gradient": "^2.8.3"
+  },
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },

package/src/Layout.tsx

@@ -0,0 +1,43 @@
+import React from 'react'
+import SafeAreaView, { ForceInsetProp } from 'react-native-safe-area-view'
+import { Platform, StyleProp, ViewStyle } from 'react-native'
+export interface LayoutAppProps {
+  children?: any
+  forceInset?: ForceInsetProp
+  forceInsetBot?: ForceInsetProp
+  styleBot?: StyleProp<ViewStyle> | undefined
+  style?: StyleProp<ViewStyle> | undefined
+  isBack?: boolean
+  disable?: boolean
+}
+export default function Layout({
+  children,
+  forceInset = { top: 'always', horizontal: 'never', bottom: 'never' },
+  forceInsetBot = { vertical: 'never' },
+  styleBot,
+  style,
+  disable,
+}: LayoutAppProps) {
+  if (disable) return <>{children}</>
+  return (
+    <SafeAreaView
+      style={[
+        {
+          flex: 1,
+        },
+        style,
+      ]}
+      forceInset={forceInset}>
+      <SafeAreaView
+        style={[
+          {
+            flex: 1,
+          },
+          styleBot,
+        ]}
+        forceInset={forceInsetBot}>
+        {children}
+      </SafeAreaView>
+    </SafeAreaView>
+  )
+}

package/src/Text/index.tsx

@@ -0,0 +1,42 @@
+import { Colors, Language } from '../config'
+import React, { isValidElement } from 'react'
+import { StyleSheet, Text, View } from 'react-native'
+import { Style } from './Style'
+import { Props } from './Props'
+import { isArray, isObject } from 'underscore'
+const TextApp: React.FC<Props> = ({ style, children, ...props }) => {
+    const Children = () => {
+        const content = props?.lang ? Language(props?.lang) : undefined
+        if (typeof content !== 'undefined') {
+            if (typeof content == 'string' || typeof content == 'number' || isArray(children)) return content
+            if (typeof content == 'function') return "Error content == 'function'"
+            if (isObject(children)) return JSON.stringify(children)
+            if (isValidElement(content)) return content
+            return React.createElement(Text, {})
+        }
+        if (typeof children !== 'undefined') {
+            if (typeof children == 'string' || typeof children == 'number' || isArray(children)) return children
+            if (isObject(children)) return JSON.stringify(children)
+            if (typeof children == "function") return "Error children == 'function'"
+            if (isValidElement(children)) return children
+            return React.createElement(Text, {}, children)
+        }
+    }
+    return (
+        <Text
+            // adjustsFontSizeToFit
+            // selectable
+            style={[styles.default, Style(props), style]}{...props}>
+            {Children()}
+        </Text>
+    )
+}
+export default TextApp
+const styles = StyleSheet.create({
+    default: {
+        fontWeight: '300',
+        color: Colors('black'),
+        fontSize: 15,
+        paddingTop: 2
+    },
+})

package/src/index.tsx

@@ -1,2 +1,4 @@
 export { default as Touch } from './Touch/Touch'
-export { default as Block } from './Touch/Block'
+export { default as Block } from './Touch/Block'
+export { default as Text } from './Text'
+export { default as Icon } from './Icon'

package/src/text/TextApp.tsx

@@ -1,42 +0,0 @@
-import { Colors, Language } from '../config'
-import React, { isValidElement } from 'react'
-import { StyleSheet, Text, View } from 'react-native'
-import { Style } from './Style'
-import { Props } from './Props'
-import { isArray, isObject } from 'underscore'
-const TextApp: React.FC<Props> = ({ style, children, ...props }) => {
-  const Children = () => {
-    const content = props?.lang ? Language(props?.lang) : undefined
-    if (typeof content !== 'undefined') {
-      if (typeof content == 'string' || typeof content == 'number' || isArray(children)) return content
-      if (typeof content == 'function') return "Error content == 'function'"
-      if (isObject(children)) return JSON.stringify(children)
-      if (isValidElement(content)) return content
-      return React.createElement(Text, {})
-    }
-    if (typeof children !== 'undefined') {
-      if (typeof children == 'string' || typeof children == 'number' || isArray(children)) return children
-      if (isObject(children)) return JSON.stringify(children)
-      if (typeof children == "function") return "Error children == 'function'"
-      if (isValidElement(children)) return children
-      return React.createElement(Text, {}, children)
-    }
-  }
-  return (
-    <Text
-      // adjustsFontSizeToFit
-      // selectable
-      style={[styles.default, Style(props), style]}{...props}>
-      {Children()}
-    </Text>
-  )
-}
-export default TextApp
-const styles = StyleSheet.create({
-  default: {
-    fontWeight: '300',
-    color: Colors('black'),
-    fontSize: 15,
-    paddingTop: 2
-  },
-})

package/src/text/index.tsx

@@ -1 +0,0 @@
-export { default as TextApp } from './TextApp'