@oneplatformdev/react-native-uikit 1.1.0 → 1.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oneplatformdev/react-native-uikit",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "main": "src/index.ts",
   "types": "src/index.ts",
   "bin": {

package/registry/manifest.json

@@ -49,7 +49,7 @@
     "files": ["ui/CustomAlert.tsx", "presenters/useCustomAlert.ts", "ui/styles.ts", "types/types.ts", "index.ts"],
     "componentDependencies": ["typography"],
     "foundations": ["useUITheme", "useScaling", "Typography", "UIColors", "UISpacing", "UIRadius", "ScalingFunctions"],
-    "dependencies": ["react", "react-native", "@oneplatformdev/react-native-uikit"],
+    "dependencies": ["react", "react-native", "@oneplatformdev/react-native-uikit", "react-native-keyboard-controller"],
     "rewrites": {
       "../../../theme": "@oneplatformdev/react-native-uikit",
       "../../../utils": "@oneplatformdev/react-native-uikit"

package/src/components/CustomAlert/types/types.ts

@@ -14,6 +14,7 @@ export interface CustomAlertProps {
     children?: ReactNode;
     footer?: ReactNode;
     showHandle?: boolean;
+    isKeyboardAvoiding?: boolean;
     closeAction?: CustomAlertCloseAction;
     style?: StyleProp<ViewStyle>;
     contentStyle?: StyleProp<ViewStyle>;

package/src/components/CustomAlert/ui/CustomAlert.tsx

@@ -1,5 +1,6 @@
 import React, { useMemo } from 'react';
 import { Animated, Modal, Pressable, ScrollView, View } from 'react-native';
+import { KeyboardAvoidingView } from 'react-native-keyboard-controller';
 import { Typography } from '../../Typography';
 import { useUITheme } from '../../../theme';
 import { useScaling } from '../../../utils';
@@ -14,6 +15,7 @@ export const CustomAlert = ({
     children,
     footer,
     showHandle = false,
+    isKeyboardAvoiding = false,
     closeAction,
     style,
     contentStyle,
@@ -31,7 +33,7 @@ export const CustomAlert = ({
 
     return (
         <Modal visible={isVisible} transparent animationType="none" statusBarTranslucent onRequestClose={onClosePress}>
-            <View style={styles.modalContainer}>
+            <KeyboardAvoidingView enabled={isKeyboardAvoiding} behavior="padding" style={styles.modalContainer}>
                 <Animated.View pointerEvents="none" style={[styles.backdrop, backdropStyle]} />
                 <Pressable
                     accessible={false}
@@ -45,7 +47,7 @@ export const CustomAlert = ({
                     onAccessibilityEscape={onClosePress}
                     style={[styles.alertContainer, alertStyle, style]}
                 >
-                    <ScrollView bounces={false} showsVerticalScrollIndicator={false}>
+                    <ScrollView bounces={false} showsVerticalScrollIndicator={false} keyboardShouldPersistTaps="handled">
                         {showHandle ? <View style={styles.handle} /> : null}
                         {header != null || closeAction ? (
                             <View style={styles.header}>
@@ -71,7 +73,7 @@ export const CustomAlert = ({
                         {footer != null ? <View style={styles.footer}>{footer}</View> : null}
                     </ScrollView>
                 </Animated.View>
-            </View>
+            </KeyboardAvoidingView>
         </Modal>
     );
 };

package/src/components/HeaderWithBackButton/types/types.ts

@@ -16,6 +16,7 @@ export interface HeaderWithBackButtonProps {
     titleSize?: TypographyProps['size'];
     subtitleVariant?: TypographyProps['variant'];
     subtitleSize?: TypographyProps['size'];
+    subtitleNumberOfLines?: number;
     style?: StyleProp<ViewStyle>;
     contentStyle?: StyleProp<ViewStyle>;
 }

package/src/components/HeaderWithBackButton/ui/HeaderWithBackButton.tsx

@@ -21,6 +21,7 @@ export const HeaderWithBackButton = ({
     titleSize,
     subtitleVariant = 'caption',
     subtitleSize,
+    subtitleNumberOfLines = 1,
     style,
     contentStyle,
 }: HeaderWithBackButtonProps) => {
@@ -71,7 +72,7 @@ export const HeaderWithBackButton = ({
                         text={subtitle}
                         variant={subtitleVariant}
                         size={subtitleSize}
-                        numberOfLines={1}
+                        numberOfLines={subtitleNumberOfLines}
                         style={[styles.subtitle, centered && styles.centeredText]}
                     />
                 ) : null}