secullum-react-native-ui 4.3.3 → 4.3.6

package/lib/components/CheckBox.d.ts

@@ -6,6 +6,7 @@ interface Props {
     onChange?: (value: boolean) => void;
     disabled?: boolean;
     style?: StyleProp<ViewStyle>;
+    renderLabel?: () => React.ReactNode;
     labelStyle?: StyleProp<TextStyle>;
     nativeID?: string;
 }

package/lib/components/CheckBox.js

@@ -32,7 +32,7 @@ class CheckBox extends React.Component {
         };
     }
     render() {
-        const { label, value, onChange, disabled, style, labelStyle, nativeID } = this.props;
+        const { label, value, onChange, disabled, style, labelStyle, renderLabel, nativeID } = this.props;
         const styles = this.getStyles();
         return (React.createElement(react_native_1.TouchableOpacity, { style: [styles.container, style], disabled: disabled, onPress: () => {
                 if (onChange) {
@@ -40,7 +40,7 @@ class CheckBox extends React.Component {
                 }
             } },
             React.createElement(FontAwesome_1.default, { nativeID: nativeID, name: value ? 'check-square-o' : 'square-o', style: styles.icon }),
-            React.createElement(react_native_1.Text, { style: [styles.label, labelStyle] }, label)));
+            React.createElement(react_native_1.Text, { style: [styles.label, labelStyle] }, renderLabel ? renderLabel() : label)));
     }
 }
 exports.CheckBox = CheckBox;

package/lib/components/Delay.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export interface DelayProperties {
+    wait: number;
+}
+export interface DelayState {
+    hidden: boolean;
+}
+export declare class Delay extends React.Component<DelayProperties, DelayState> {
+    state: DelayState;
+    componentDidMount(): void;
+    render(): {} | null | undefined;
+}

package/lib/components/Delay.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = require("react");
+class Delay extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            hidden: true
+        };
+    }
+    componentDidMount() {
+        const { wait } = this.props;
+        setTimeout(() => {
+            this.setState({ hidden: false });
+        }, wait);
+    }
+    render() {
+        return this.state.hidden ? null : this.props.children;
+    }
+}
+exports.Delay = Delay;

package/lib/components/Message.js

@@ -24,7 +24,7 @@ class Message extends React.Component {
                     alignItems: 'center'
                 },
                 text: {
-                    color: theme.messageTextColor,
+                    color: theme.textColor3,
                     fontFamily: theme.fontFamily1,
                     fontSize: layout_1.isTablet() ? 25 : 16,
                     textAlign: 'center',

package/lib/components/RangeDatePicker.js

@@ -7,6 +7,7 @@ const FontAwesome_1 = require("react-native-vector-icons/FontAwesome");
 const format_1 = require("../modules/format");
 const layout_1 = require("../modules/layout");
 const theme_1 = require("../modules/theme");
+const Delay_1 = require("./Delay");
 const react_native_1 = require("react-native");
 class RangeDatePicker extends React.Component {
     constructor() {
@@ -116,9 +117,10 @@ class RangeDatePicker extends React.Component {
                 react_native_1.Platform.OS !== 'web' &&
                     (showStartDateModal ? (React.createElement(react_native_modal_datetime_picker_1.default, { date: startDate, isVisible: true, onConfirm: this.handleStartDateConfirm, onCancel: this.handleStartDateCancel, isDarkModeEnabled: isDarkModeEnabled, 
                         //@ts-ignore
-                        display: react_native_1.Platform.OS == 'ios' ? 'inline' : 'default' })) : showEndDateModal ? (React.createElement(react_native_modal_datetime_picker_1.default, { date: endDate, isVisible: true, onConfirm: this.handleEndDateConfirm, onCancel: this.handleEndDateCancel, isDarkModeEnabled: isDarkModeEnabled, 
-                        //@ts-ignore
-                        display: react_native_1.Platform.OS == 'ios' ? 'inline' : 'default' })) : null))));
+                        display: react_native_1.Platform.OS == 'ios' ? 'inline' : 'default' })) : showEndDateModal ? (React.createElement(Delay_1.Delay, { wait: 5 },
+                        React.createElement(react_native_modal_datetime_picker_1.default, { date: endDate, isVisible: true, onConfirm: this.handleEndDateConfirm, onCancel: this.handleEndDateCancel, isDarkModeEnabled: isDarkModeEnabled, 
+                            //@ts-ignore
+                            display: react_native_1.Platform.OS == 'ios' ? 'inline' : 'default' }))) : null))));
     }
 }
 exports.RangeDatePicker = RangeDatePicker;

package/lib/modules/theme.d.ts

@@ -1,6 +1,6 @@
 export declare const BLACK = "#282c37";
 export declare const WHITE = "#ffffff";
-export declare const GRAY = "#8c9aa8";
+export declare const GRAY = "#555";
 export declare const GRAY_1 = "#eef1f6";
 export declare const GRAY_2 = "#dddddd";
 export declare const GRAY_3 = "#c2c2c2";

package/lib/modules/theme.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const browser_1 = require("./browser");
 exports.BLACK = '#282c37';
 exports.WHITE = '#ffffff';
-exports.GRAY = '#8c9aa8';
+exports.GRAY = '#555';
 exports.GRAY_1 = '#eef1f6';
 exports.GRAY_2 = '#dddddd';
 exports.GRAY_3 = '#c2c2c2';

package/package.json

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