secullum-react-native-ui 4.3.9 → 4.3.11

package/lib/components/Card.d.ts

@@ -37,6 +37,9 @@ export declare class CardFooter extends React.Component<ViewProperties> {
 export declare class CardSection extends React.Component<ViewProperties> {
     render(): JSX.Element;
 }
+export declare class CardModal extends React.Component<ViewProperties> {
+    render(): JSX.Element;
+}
 export interface CardProperties extends ViewProperties {
     children: React.ReactNode;
     style?: StyleProp<ViewStyle>;
@@ -45,6 +48,7 @@ export declare class Card extends React.Component<CardProperties> {
     static Header: typeof CardHeader;
     static Section: typeof CardSection;
     static Footer: typeof CardFooter;
+    static Modal: typeof CardModal;
     getStyles: () => {
         container: {
             borderRadius: number;

package/lib/components/Card.js

@@ -67,6 +67,13 @@ class CardSection extends React.Component {
     }
 }
 exports.CardSection = CardSection;
+class CardModal extends React.Component {
+    render() {
+        const _a = this.props, { children, style } = _a, otherProps = __rest(_a, ["children", "style"]);
+        return (React.createElement(react_native_1.TouchableOpacity, Object.assign({ activeOpacity: 1, style: [{ padding: 16 }, style] }, otherProps), children));
+    }
+}
+exports.CardModal = CardModal;
 class Card extends React.Component {
     constructor() {
         super(...arguments);
@@ -104,6 +111,7 @@ class Card extends React.Component {
 Card.Header = CardHeader;
 Card.Section = CardSection;
 Card.Footer = CardFooter;
+Card.Modal = CardModal;
 exports.Card = Card;
 const cardSectionStyles = react_native_1.StyleSheet.create({
     container: {

package/lib/components/DatePicker.d.ts

@@ -8,6 +8,7 @@ export interface DatePickerProperties {
     onCancel?: () => void;
     style?: StyleProp<ViewStyle>;
     nativeID?: string;
+    disabled?: boolean;
 }
 export interface DatePickerState {
     showModal: boolean;
@@ -58,6 +59,9 @@ export declare class DatePicker extends React.Component<DatePickerProperties, Da
             borderWidth: number;
             marginLeft: string;
         };
+        readonly: {
+            backgroundColor: string;
+        };
     };
     render(): JSX.Element;
 }

package/lib/components/DatePicker.js

@@ -67,6 +67,9 @@ class DatePicker extends React.Component {
                 clearIcon: {
                     borderWidth: 0,
                     marginLeft: 'auto'
+                },
+                readonly: {
+                    backgroundColor: theme.disabledColor
                 }
             });
             return styles;
@@ -81,16 +84,16 @@ class DatePicker extends React.Component {
         this.appearanceSubscription.remove();
     }
     render() {
-        const { label, value, clearable, style, nativeID } = this.props;
+        const { label, value, clearable, style, nativeID, disabled } = this.props;
         const { showModal, isDarkModeEnabled } = this.state;
         const styles = this.getStyles();
         const theme = theme_1.getTheme();
-        return (React.createElement(react_native_1.TouchableWithoutFeedback, { onPress: this.handlePress },
-            React.createElement(react_native_1.View, { nativeID: nativeID, style: [styles.container, style] },
+        return (React.createElement(react_native_1.TouchableWithoutFeedback, { disabled: disabled, onPress: this.handlePress },
+            React.createElement(react_native_1.View, { nativeID: nativeID, style: [styles.container, style, disabled ? styles.readonly : null] },
                 React.createElement(react_native_1.View, null,
                     React.createElement(react_native_1.Text, { style: styles.label }, label),
                     React.createElement(react_native_1.Text, { style: styles.value }, value != undefined ? format_1.formatDate(value, 'dddd, DD/MM/YYYY') : '')),
-                React.createElement(ImageButton_1.ImageButton, { icon: value && clearable ? 'times' : 'calendar', style: styles.clearIcon, iconColor: value && clearable ? theme.textColor1 : theme.textColor2, onPress: value && clearable ? this.handleClear : this.handlePress, hitBoxSize: 30 }),
+                !disabled && (React.createElement(ImageButton_1.ImageButton, { icon: value && clearable ? 'times' : 'calendar', style: styles.clearIcon, iconColor: value && clearable ? theme.textColor1 : theme.textColor2, onPress: value && clearable ? this.handleClear : this.handlePress, hitBoxSize: 30 })),
                 react_native_1.Platform.OS !== 'web' && (React.createElement(react_native_modal_datetime_picker_1.default, { date: value, isVisible: showModal, onConfirm: this.handleConfirm, onCancel: this.handleCancel, isDarkModeEnabled: isDarkModeEnabled, 
                     //@ts-ignore
                     display: react_native_1.Platform.OS == 'ios' ? 'inline' : 'default' })))));

package/lib/components/KeyboardAvoidingView.d.ts

@@ -9,6 +9,7 @@ export interface KeyboardAvoidingViewProperties {
     }) => JSX.Element;
     scrollEnabled?: boolean;
     onScroll?: (event: NativeScrollEvent) => void;
+    keyBoardShow?: boolean;
 }
 export interface KeyboardAvoidingViewState {
     keyboardHeight: number;

package/lib/components/KeyboardAvoidingView.js

@@ -69,18 +69,19 @@ class KeyboardAvoidingView extends React.Component {
         this.keyboardDidHideSubscription.remove();
     }
     render() {
+        const { refreshControl, scrollEnabled, onScroll, children, keyBoardShow } = this.props;
         // Android devices with notch will report less `availableHeight` than it should
         // That's because of this: https://github.com/facebook/react-native/issues/23693
         // If I change it to 'screen', Android devices with virtual buttons will report more than it should
         const availableHeight = react_native_1.Dimensions.get('window').height -
             this.state.keyboardHeight -
             this.props.extraWindowHeight;
-        return (React.createElement(react_native_1.View, { style: { height: availableHeight } },
-            React.createElement(react_native_1.ScrollView, { ref: this.scrollViewRef, refreshControl: this.props.refreshControl, scrollEnabled: this.props.scrollEnabled, onScroll: (e) => {
-                    if (this.props.onScroll) {
-                        this.props.onScroll(e.nativeEvent);
+        return (React.createElement(react_native_1.View, { style: [{ height: availableHeight }, !keyBoardShow && { flex: 1 }] },
+            React.createElement(react_native_1.ScrollView, { ref: this.scrollViewRef, refreshControl: refreshControl, scrollEnabled: scrollEnabled, onScroll: (e) => {
+                    if (onScroll) {
+                        onScroll(e.nativeEvent);
                     }
-                } }, this.props.children({ availableHeight }))));
+                }, scrollEventThrottle: 16 }, children({ availableHeight }))));
     }
 }
 KeyboardAvoidingView.defaultProps = {

package/lib/components/Loading.js

@@ -14,8 +14,8 @@ const styles = react_native_1.StyleSheet.create({
     backgroundView: {
         zIndex: 9998,
         position: 'absolute',
-        width: '100%',
-        height: '100%',
+        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 +26,8 @@ const styles = react_native_1.StyleSheet.create({
     indicator: {
         zIndex: 9999,
         position: 'absolute',
-        width: '100%',
-        height: '100%',
+        width: react_native_1.Dimensions.get('screen').width,
+        height: react_native_1.Dimensions.get('screen').height,
         justifyContent: 'space-around',
         top: 0,
         bottom: 0,

package/lib/components/TextBox.d.ts

@@ -15,6 +15,7 @@ export interface TextBoxProperties {
     renderInput?: (props: TextBoxInputProps) => JSX.Element;
     onSubmitEditing?: () => void;
     inputRef?: (value: TextInput) => void;
+    onPress?: () => void;
     secureTextEntry?: boolean;
     multiline?: boolean;
     keyboardType?: KeyboardType;

package/lib/components/TextBox.js

@@ -42,7 +42,7 @@ class TextBox extends React.Component {
         this.renderInput = (props) => React.createElement(react_native_1.TextInput, Object.assign({}, props));
     }
     render() {
-        const { label, style, labelStyle, editable, inputRef, renderInput, icon } = this.props;
+        const { label, style, labelStyle, editable, inputRef, renderInput, icon, onPress } = this.props;
         const styles = this.getStyles();
         const incomingProps = {
             nativeID: this.props.nativeID,
@@ -85,9 +85,7 @@ class TextBox extends React.Component {
                 this.props.onKeyPress(react_native_1.Platform.OS === 'web' ? event : event.nativeEvent);
             }
         };
-        return (React.createElement(react_native_1.TouchableWithoutFeedback, { accessible: false, onPress: () => {
-                this.focus();
-            } },
+        return (React.createElement(react_native_1.TouchableWithoutFeedback, { accessible: false, onPress: () => (onPress ? onPress() : this.focus()) },
             React.createElement(react_native_1.View, { style: [styles.container, style, editable ? null : styles.readonly] },
                 icon ? (React.createElement(FontAwesome_1.default, { name: icon, style: styles.icon })) : (React.createElement(react_native_1.Text, { style: [styles.label, labelStyle] }, label)),
                 renderInput

package/package.json

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