@ornikar/kitt-universal 22.1.0 → 22.2.0

package/dist/index-node-18.18.es.mjs

@@ -11,7 +11,7 @@ import { BottomSheetScrollView, BottomSheetView, useBottomSheetDynamicSnapPoints
 import { SafeAreaView, useSafeAreaInsets } from 'react-native-safe-area-context';
 import { parse } from 'twemoji-parser';
 import * as WebBrowser from 'expo-web-browser';
-import { CaretUpFillIcon, CaretDownFillIcon, EyeSlashFillIcon, EyeFillIcon, XRegularIcon } from '@ornikar/kitt-icons/phosphor';
+import { CaretUpFillIcon, CaretDownFillIcon, EyeClosedRegularIcon, EyeRegularIcon, XRegularIcon } from '@ornikar/kitt-icons/phosphor';
 import Downshift from 'downshift';
 import DateTimePicker, { DateTimePickerAndroid } from '@react-native-community/datetimepicker';
 import { FormattedMessage } from 'react-intl';
@@ -768,6 +768,7 @@ const cardModal = {
   borderRadius: 20,
   maxWidth,
   maxWidthWithPadding: maxWidth + overlayHorizontalPadding * 2,
+  minHeight: 280,
   shadow: {
     color: colors.black,
     offsetX: 0,
@@ -786,7 +787,7 @@ const cardModal = {
   },
   overlayPadding: {
     horizontal: 24,
-    vertical: 32
+    vertical: 80
   },
   animation: {
     overlay: {
@@ -3066,6 +3067,10 @@ function CardModalRotationContainer(props) {
     paddingY: "kitt.cardModal.overlayPadding.vertical",
     maxWidth: "kitt.cardModal.maxWidthWithPadding",
     width: "100%",
+    maxHeight: "100%",
+    _web: {
+      maxHeight: '100svh'
+    },
     ...props
   });
 }
@@ -3212,20 +3217,6 @@ function CardModalAnimation({
   });
 }
 
-function CardModalScrollContainer({
-  children,
-  ...props
-}) {
-  if (Platform.OS !== 'web') {
-    return /*#__PURE__*/jsx(View, {
-      children: children
-    });
-  }
-  return /*#__PURE__*/jsx(ScrollView, {
-    ...props,
-    children: children
-  });
-}
 function CardModalBehaviour({
   children,
   visible,
@@ -3242,21 +3233,15 @@ function CardModalBehaviour({
   return /*#__PURE__*/jsx(ModalBehaviour, {
     visible: isModalBehaviourVisible,
     onClose: onClose,
-    children: /*#__PURE__*/jsx(CardModalScrollContainer, {
-      bounces: false,
-      contentContainerStyle: {
-        flexGrow: 1
+    children: /*#__PURE__*/jsx(CardModalAnimation, {
+      ...props,
+      visible: visible,
+      onExited: () => {
+        if (onExited) onExited();
+        setIsModalBehaviourVisible(false);
       },
-      children: /*#__PURE__*/jsx(CardModalAnimation, {
-        ...props,
-        visible: visible,
-        onExited: () => {
-          if (onExited) onExited();
-          setIsModalBehaviourVisible(false);
-        },
-        onClose: onClose,
-        children: children
-      })
+      onClose: onClose,
+      children: children
     })
   });
 }
@@ -3270,7 +3255,8 @@ function CardModalBody({
   paddingY = 'kitt.4',
   ...props
 }) {
-  return /*#__PURE__*/jsx(View, {
+  return /*#__PURE__*/jsx(ScrollView, {
+    showsVerticalScrollIndicator: false,
     paddingX: paddingX,
     paddingY: paddingY,
     ...props,
@@ -3370,6 +3356,7 @@ function CardModal({
     width: "100%",
     maxHeight: "100%",
     maxWidth: maxWidth,
+    minHeight: "kitt.cardModal.minHeight",
     children: children || /*#__PURE__*/jsxs(Fragment, {
       children: [header || null, body || null, footer || null]
     })
@@ -4082,7 +4069,7 @@ const InputText = /*#__PURE__*/forwardRef(({
   autoCorrect = true,
   textContentType = 'none',
   autoComplete = 'off',
-  inputMode = 'none',
+  inputMode = 'text',
   multiline,
   onSubmitEditing,
   ...props
@@ -5745,13 +5732,12 @@ function InputField({
 
 const InputNumber = /*#__PURE__*/forwardRef(({
   onChange,
-  keyboardType = 'numeric',
   ...props
 }, ref) => {
   return /*#__PURE__*/jsx(InputText, {
     ref: ref,
     ...props,
-    keyboardType: keyboardType,
+    inputMode: "numeric",
     onChange: event => {
       if (!onChange) return;
       const value = parseFloat(event.nativeEvent.text);
@@ -5783,7 +5769,7 @@ const InputPassword = /*#__PURE__*/forwardRef(({
       accessibilityRole: "button",
       onPress: () => setIsVisible(prev => !prev),
       children: /*#__PURE__*/jsx(InputIcon, {
-        icon: isVisible ? /*#__PURE__*/jsx(EyeSlashFillIcon, {}) : /*#__PURE__*/jsx(EyeFillIcon, {})
+        icon: isVisible ? /*#__PURE__*/jsx(EyeClosedRegularIcon, {}) : /*#__PURE__*/jsx(EyeRegularIcon, {})
       })
     })
   });
@@ -8037,7 +8023,8 @@ function createKittNativeBaseCustomTheme(theme, appTheme) {
             height: theme.cardModal.header.height
           },
           maxWidth: theme.cardModal.maxWidth,
-          maxWidthWithPadding: theme.cardModal.maxWidthWithPadding
+          maxWidthWithPadding: theme.cardModal.maxWidthWithPadding,
+          minHeight: theme.cardModal.minHeight
         },
         dialogModal: {
           maxWidth: theme.dialogModal.maxWidth,
@@ -8151,7 +8138,7 @@ function createKittNativeBaseCustomTheme(theme, appTheme) {
           padding: theme.button.padding
         },
         cardModal: {
-          overlayPadding: theme.dialogModal.overlayPadding
+          overlayPadding: theme.cardModal.overlayPadding
         },
         dialogModal: {
           overlayPadding: theme.dialogModal.overlayPadding
@@ -8936,11 +8923,6 @@ function KittNativeBaseProvider({
   });
 }
 
-function SimpleContainer({
-  children
-}) {
-  return children;
-}
 function NavigationModalBehaviour({
   children,
   visible,
@@ -8955,10 +8937,6 @@ function NavigationModalBehaviour({
     base: FullscreenModalAnimation,
     small: CardModalAnimation
   });
-  const CurrentContainerComponent = useBreakpointValue({
-    base: SimpleContainer,
-    small: CardModalScrollContainer
-  });
   const [isModalBehaviourVisible, setIsModalBehaviourVisible] = useState(visible);
   const [shouldAppear, setShouldAppear] = useState(appear);
   useEffect(() => {
@@ -8969,34 +8947,28 @@ function NavigationModalBehaviour({
   return /*#__PURE__*/jsx(ModalBehaviour, {
     visible: isModalBehaviourVisible,
     onClose: onClose,
-    children: /*#__PURE__*/jsx(CurrentContainerComponent, {
-      bounces: false,
-      contentContainerStyle: {
-        flexGrow: 1
-      },
-      children: /*#__PURE__*/jsx(AnimationComponent, {
-        ...props,
-        appear: shouldAppear,
-        visible: visible,
-        onEnter: () => {
-          if (onEnter) onEnter();
+    children: /*#__PURE__*/jsx(AnimationComponent, {
+      ...props,
+      appear: shouldAppear,
+      visible: visible,
+      onEnter: () => {
+        if (onEnter) onEnter();
 
-          // Once a children as been displayed, we force appear to false in order to avoid replaying animation on breakpoint change
-          setShouldAppear(false);
-        },
-        onExit: () => {
-          if (onExit) onExit();
+        // Once a children as been displayed, we force appear to false in order to avoid replaying animation on breakpoint change
+        setShouldAppear(false);
+      },
+      onExit: () => {
+        if (onExit) onExit();
 
-          // Reset appear value to its original value for future modal display
-          setShouldAppear(appear);
-        },
-        onExited: () => {
-          if (onExited) onExited();
-          setIsModalBehaviourVisible(false);
-        },
-        onClose: onClose,
-        children: children
-      })
+        // Reset appear value to its original value for future modal display
+        setShouldAppear(appear);
+      },
+      onExited: () => {
+        if (onExited) onExited();
+        setIsModalBehaviourVisible(false);
+      },
+      onClose: onClose,
+      children: children
     })
   });
 }