secullum-react-native-ui 4.3.4 → 4.3.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface DelayProperties {
|
|
3
|
+
wait: number;
|
|
4
|
+
}
|
|
5
|
+
export interface DelayState {
|
|
6
|
+
hidden: boolean;
|
|
7
|
+
}
|
|
8
|
+
export declare class Delay extends React.Component<DelayProperties, DelayState> {
|
|
9
|
+
state: DelayState;
|
|
10
|
+
componentDidMount(): void;
|
|
11
|
+
render(): {} | null | undefined;
|
|
12
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const React = require("react");
|
|
4
|
+
class Delay extends React.Component {
|
|
5
|
+
constructor() {
|
|
6
|
+
super(...arguments);
|
|
7
|
+
this.state = {
|
|
8
|
+
hidden: true
|
|
9
|
+
};
|
|
10
|
+
}
|
|
11
|
+
componentDidMount() {
|
|
12
|
+
const { wait } = this.props;
|
|
13
|
+
setTimeout(() => {
|
|
14
|
+
this.setState({ hidden: false });
|
|
15
|
+
}, wait);
|
|
16
|
+
}
|
|
17
|
+
render() {
|
|
18
|
+
return this.state.hidden ? null : this.props.children;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
exports.Delay = Delay;
|
package/lib/components/Modal.js
CHANGED
|
@@ -6,7 +6,7 @@ const react_native_1 = require("react-native");
|
|
|
6
6
|
class Modal extends React.Component {
|
|
7
7
|
render() {
|
|
8
8
|
const { children, visible, overlayStyle, onRequestClose } = this.props;
|
|
9
|
-
return (React.createElement(react_native_web_modal_1.default, { animationType: "fade", transparent: true, visible: visible, onRequestClose: onRequestClose },
|
|
9
|
+
return (React.createElement(react_native_web_modal_1.default, { animationType: "fade", transparent: true, visible: visible, supportedOrientations: ['landscape', 'portrait'], onRequestClose: onRequestClose },
|
|
10
10
|
React.createElement(react_native_1.TouchableWithoutFeedback, { onPress: onRequestClose },
|
|
11
11
|
React.createElement(react_native_1.View, { style: [styles.overlay, overlayStyle] }, children))));
|
|
12
12
|
}
|
|
@@ -7,6 +7,7 @@ const FontAwesome_1 = require("react-native-vector-icons/FontAwesome");
|
|
|
7
7
|
const format_1 = require("../modules/format");
|
|
8
8
|
const layout_1 = require("../modules/layout");
|
|
9
9
|
const theme_1 = require("../modules/theme");
|
|
10
|
+
const Delay_1 = require("./Delay");
|
|
10
11
|
const react_native_1 = require("react-native");
|
|
11
12
|
class RangeDatePicker extends React.Component {
|
|
12
13
|
constructor() {
|
|
@@ -116,9 +117,10 @@ class RangeDatePicker extends React.Component {
|
|
|
116
117
|
react_native_1.Platform.OS !== 'web' &&
|
|
117
118
|
(showStartDateModal ? (React.createElement(react_native_modal_datetime_picker_1.default, { date: startDate, isVisible: true, onConfirm: this.handleStartDateConfirm, onCancel: this.handleStartDateCancel, isDarkModeEnabled: isDarkModeEnabled,
|
|
118
119
|
//@ts-ignore
|
|
119
|
-
display: react_native_1.Platform.OS == 'ios' ? 'inline' : 'default' })) : showEndDateModal ? (React.createElement(
|
|
120
|
-
|
|
121
|
-
|
|
120
|
+
display: react_native_1.Platform.OS == 'ios' ? 'inline' : 'default' })) : showEndDateModal ? (React.createElement(Delay_1.Delay, { wait: 5 },
|
|
121
|
+
React.createElement(react_native_modal_datetime_picker_1.default, { date: endDate, isVisible: true, onConfirm: this.handleEndDateConfirm, onCancel: this.handleEndDateCancel, isDarkModeEnabled: isDarkModeEnabled,
|
|
122
|
+
//@ts-ignore
|
|
123
|
+
display: react_native_1.Platform.OS == 'ios' ? 'inline' : 'default' }))) : null))));
|
|
122
124
|
}
|
|
123
125
|
}
|
|
124
126
|
exports.RangeDatePicker = RangeDatePicker;
|