secullum-react-native-ui 4.3.13-beta.0 → 4.4.0

package/lib/components/FilePicker.d.ts

@@ -3,6 +3,7 @@ export interface FilePickerProperties {
     label: string;
     onPress: () => void;
     icon: string;
+    nativeID?: string;
 }
 export declare class FilePicker extends React.Component<FilePickerProperties> {
     static defaultProps: {

package/lib/components/FilePicker.js

@@ -30,12 +30,12 @@ class FilePicker extends React.Component {
         };
     }
     render() {
-        const { label, onPress, icon } = this.props;
+        const { label, onPress, icon, nativeID } = this.props;
         const theme = theme_1.getTheme();
         const styles = this.getStyles();
         return (React.createElement(react_native_1.TouchableOpacity, { activeOpacity: 0.5, style: styles.container, onPress: onPress },
             React.createElement(FontAwesome_1.default, { name: icon, color: theme.textColor3, size: 30 }),
-            React.createElement(react_native_1.Text, { style: styles.text }, label)));
+            React.createElement(react_native_1.Text, { nativeID: nativeID, style: styles.text }, label)));
     }
 }
 FilePicker.defaultProps = {

package/lib/components/Loading.d.ts

@@ -1,4 +1,8 @@
 import * as React from 'react';
 export declare class Loading extends React.Component {
+    getWidthAndHeight: () => {
+        width: number;
+        height: number;
+    };
     render(): JSX.Element;
 }

package/lib/components/Loading.js

@@ -3,10 +3,20 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const React = require("react");
 const react_native_1 = require("react-native");
 class Loading extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.getWidthAndHeight = () => {
+            const dim = react_native_1.Platform.OS === 'web' ? 'window' : 'screen';
+            return {
+                width: react_native_1.Dimensions.get(dim).width,
+                height: react_native_1.Dimensions.get(dim).height
+            };
+        };
+    }
     render() {
-        return (React.createElement(React.Fragment, null,
-            React.createElement(react_native_1.View, { style: styles.backgroundView }),
-            React.createElement(react_native_1.ActivityIndicator, { style: styles.indicator, size: "large", color: "#aaa" })));
+        const { width, height } = this.getWidthAndHeight();
+        return (React.createElement(react_native_1.View, { style: [styles.backgroundView, { width, height }] },
+            React.createElement(react_native_1.ActivityIndicator, { size: "large", color: "#aaa", style: [styles.indicator, { width, height }] })));
     }
 }
 exports.Loading = Loading;
@@ -14,8 +24,6 @@ const styles = react_native_1.StyleSheet.create({
     backgroundView: {
         zIndex: 9998,
         position: 'absolute',
-        width: react_native_1.Dimensions.get('screen').width,
-        height: react_native_1.Dimensions.get('screen').height,
         opacity: 0.6,
         backgroundColor: '#ccc',
         top: 0,
@@ -26,8 +34,6 @@ const styles = react_native_1.StyleSheet.create({
     indicator: {
         zIndex: 9999,
         position: 'absolute',
-        width: react_native_1.Dimensions.get('screen').width,
-        height: react_native_1.Dimensions.get('screen').height,
         justifyContent: 'space-around',
         top: 0,
         bottom: 0,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "secullum-react-native-ui",
-  "version": "4.3.13-beta.0",
+  "version": "4.4.0",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "files": [