ui-rn 1.0.9 → 1.0.11

package/README.md

@@ -7,22 +7,24 @@ npm install ui-rn
 ### Block :
 
 ```tsx
-import {Block, Text, Icon, Touch} from 'ui-rn';
-<Block
-  mar-5
-  pad-5
-  red
-  background={['red', 'blue']}
-  positionOption={{top: 10, left: 5}}
-  alignCenter
-  borderCircle
-  mid
-  row
-  width-150
-  height-300>
-  <Text size-14 red toUpperCase italic bold>
-    Hello
-  </Text>
-  <Icon name="home" size-45 type="MaterialIcons" />
-</Block>;
+import {Block, Text, Icon, Touch, Layout, LoadingView} from 'ui-rn';
+<Layout>
+  <Block
+    mar-5
+    pad-5
+    red
+    background={['red', 'blue']}
+    positionOption={{top: 10, left: 5}}
+    alignCenter
+    borderCircle
+    mid
+    row
+    width-150
+    height-300>
+    <Text size-14 red toUpperCase italic bold>
+      Hello
+    </Text>
+    <Icon name="home" size-45 type="MaterialIcons" />
+  </Block>
+</Layout>;
 ```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ui-rn",
-  "version": "1.0.9",
+  "version": "1.0.11",
   "repository": "https://github.com/phamha98/ui-rn",
   "description": "ui-rn",
   "author": "Phamha98",
@@ -11,7 +11,8 @@
     "validate-color": "^2.2.4",
     "react-native-safe-area-view": "^1.1.1",
     "react-native-linear-gradient": "^2.8.3",
-    "react-native-indicators": "^0.17.0"
+    "react-native-indicators": "^0.17.0",
+    "react-native-dropdownalert": "^4.5.1"
   },
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/src/Dropdown.tsx

@@ -9,7 +9,7 @@ export default function AlertApp() {
             ref={ref}
             inactiveStatusBarBackgroundColor={'green'}
             updateStatusBar={false}
-            errorColor={'#B57F00'}
+            errorColor={'#9A9891FFFF'}
             successColor={'#238209'}
             // errorImageSrc={Images('logo')}
             // successImageSrc={Images('logo')}

package/src/Icon/index.tsx

@@ -53,7 +53,7 @@ export default class IconApp extends React.PureComponent<Props> {
     }
     render() {
         const { size, color, style } = this.res
-        console.debug('res', this.res)
+        // console.debug('res', this.res)
         if (this.props.name === "none") return null
         const IconView = RNVectorIcon[this.props.type || 'Ionicons']
         if (typeof this.props.onPress != "function") {

package/src/Icon/makeProps.ts

@@ -27,7 +27,7 @@ export const makeProps = (props: { [key: string]: any }) => {
     let res = { size: props.size ?? 23, color: props.color ?? 'gray', name: props.name ?? 'home' }
     Object.keys(props).forEach((key) => {
         const match = key.match(/^(\w+)-(\w+)$/) as string[]
-        console.debug('COLORS11', key, COLORS[key])
+        // console.debug('COLORS11', key, COLORS[key])
         if (COLORS[key]) {
             console.debug('COLORS22', match)
             res['color'] = key

package/src/Text/makeStyle.ts

@@ -66,7 +66,7 @@ export const makeStyle = (props: { [key: string]: any }) => {
     Object.keys(props).forEach((key) => {
         const match = key.match(/^(\w+)-(\w+)$/) as string[]
         if (COLORS[key]) {
-            style['colors'] = key
+            style['color'] = key
         }
         else if (match) {
             const value = isNaN(parseInt(match[2], 10)) ? match[2] : parseInt(match[2], 10)

package/src/Touch/makeStyle.ts

@@ -62,15 +62,15 @@ export const makeStyle = (props: { [key: string]: any }) => {
     const style: { [key: string]: number | string } = {};
     Object.keys(props).forEach((key) => {
         const match = key.match(/^(\w+)-(\w+)$/) as string[]
-        console.debug(key, match)
+        // console.debug(key, match)
         if (COLORS[key]) {
             style['backgroundColor'] = key
         }
         else if (match) {
             const value = isNaN(parseInt(match[2], 10)) ? match[2] : parseInt(match[2], 10)
-            console.debug('value', value)
-            console.debug('value', parseInt(match[2], 10))
-            console.debug('value', isNumber(parseInt(match[2], 10)))
+            // console.debug('value', value)
+            // console.debug('value', parseInt(match[2], 10))
+            // console.debug('value', isNumber(parseInt(match[2], 10)))
             if (SHORT_VARIATIONS[match[1]]) style[SHORT_VARIATIONS[match[1]]] = value
             else style[match[1]] = value
         }
@@ -78,7 +78,7 @@ export const makeStyle = (props: { [key: string]: any }) => {
             if (SHORT_VARIATIONS[key]) {
                 style[SHORT_VARIATIONS[key]] = props[key]
             }
-            else style[key] = props[key]
+            // else style[key] = props[key]
         }
     });
     return StyleSheet.create({ style }).style;