@ornikar/kitt-universal 22.1.0 → 22.2.0

package/dist/index.es.js

@@ -19,7 +19,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';
@@ -786,6 +786,7 @@ var cardModal = {
   borderRadius: 20,
   maxWidth: maxWidth,
   maxWidthWithPadding: maxWidth + overlayHorizontalPadding * 2,
+  minHeight: 280,
   shadow: {
     color: colors.black,
     offsetX: 0,
@@ -804,7 +805,7 @@ var cardModal = {
   },
   overlayPadding: {
     horizontal: 24,
-    vertical: 32
+    vertical: 80
   },
   animation: {
     overlay: {
@@ -2277,7 +2278,7 @@ function Icon(_ref) {
 }
 
 var _excluded$K = ["color", "size"],
-  _excluded2$6 = ["color"];
+  _excluded2$5 = ["color"];
 function getIconSizeConfigKeyFromTypeName(breakpointName) {
   return breakpointName === KittBreakpointNameEnum.BASE || breakpointName === KittBreakpointNameEnum.SMALL ? 'baseAndSmall' : 'mediumAndWide';
 }
@@ -2319,7 +2320,7 @@ function TypographyIconInheritColor(props) {
 }
 function TypographyIcon(_ref2) {
   var color = _ref2.color,
-    props = _objectWithoutProperties(_ref2, _excluded2$6);
+    props = _objectWithoutProperties(_ref2, _excluded2$5);
   if (color) {
     return /*#__PURE__*/jsx(TypographyIconSpecifiedColor, _objectSpread({
       color: color
@@ -3102,7 +3103,11 @@ function CardModalRotationContainer(props) {
     paddingX: "kitt.cardModal.overlayPadding.horizontal",
     paddingY: "kitt.cardModal.overlayPadding.vertical",
     maxWidth: "kitt.cardModal.maxWidthWithPadding",
-    width: "100%"
+    width: "100%",
+    maxHeight: "100%",
+    _web: {
+      maxHeight: '100svh'
+    }
   }, props));
 }
 
@@ -3257,26 +3262,13 @@ function CardModalAnimation(_ref) {
   });
 }
 
-var _excluded$F = ["children"],
-  _excluded2$5 = ["children", "visible", "onClose", "onExited"];
-function CardModalScrollContainer(_ref) {
+var _excluded$F = ["children", "visible", "onClose", "onExited"];
+function CardModalBehaviour(_ref) {
   var children = _ref.children,
+    visible = _ref.visible,
+    onClose = _ref.onClose,
+    onExited = _ref.onExited,
     props = _objectWithoutProperties(_ref, _excluded$F);
-  if (Platform.OS !== 'web') {
-    return /*#__PURE__*/jsx(View, {
-      children: children
-    });
-  }
-  return /*#__PURE__*/jsx(ScrollView, _objectSpread(_objectSpread({}, props), {}, {
-    children: children
-  }));
-}
-function CardModalBehaviour(_ref2) {
-  var children = _ref2.children,
-    visible = _ref2.visible,
-    onClose = _ref2.onClose,
-    onExited = _ref2.onExited,
-    props = _objectWithoutProperties(_ref2, _excluded2$5);
   var _useState = useState(visible),
     _useState2 = _slicedToArray(_useState, 2),
     isModalBehaviourVisible = _useState2[0],
@@ -3289,21 +3281,15 @@ function CardModalBehaviour(_ref2) {
   return /*#__PURE__*/jsx(ModalBehaviour, {
     visible: isModalBehaviourVisible,
     onClose: onClose,
-    children: /*#__PURE__*/jsx(CardModalScrollContainer, {
-      bounces: false,
-      contentContainerStyle: {
-        flexGrow: 1
+    children: /*#__PURE__*/jsx(CardModalAnimation, _objectSpread(_objectSpread({}, props), {}, {
+      visible: visible,
+      onExited: function handleExitAnimationDone() {
+        if (onExited) onExited();
+        setIsModalBehaviourVisible(false);
       },
-      children: /*#__PURE__*/jsx(CardModalAnimation, _objectSpread(_objectSpread({}, props), {}, {
-        visible: visible,
-        onExited: function handleExitAnimationDone() {
-          if (onExited) onExited();
-          setIsModalBehaviourVisible(false);
-        },
-        onClose: onClose,
-        children: children
-      }))
-    })
+      onClose: onClose,
+      children: children
+    }))
   });
 }
 
@@ -3318,7 +3304,8 @@ function CardModalBody(_ref) {
     _ref$paddingY = _ref.paddingY,
     paddingY = _ref$paddingY === void 0 ? 'kitt.4' : _ref$paddingY,
     props = _objectWithoutProperties(_ref, _excluded$E);
-  return /*#__PURE__*/jsx(View, _objectSpread(_objectSpread({
+  return /*#__PURE__*/jsx(ScrollView, _objectSpread(_objectSpread({
+    showsVerticalScrollIndicator: false,
     paddingX: paddingX,
     paddingY: paddingY
   }, props), {}, {
@@ -3421,6 +3408,7 @@ function CardModal(_ref) {
     width: "100%",
     maxHeight: "100%",
     maxWidth: maxWidth,
+    minHeight: "kitt.cardModal.minHeight",
     children: children || /*#__PURE__*/jsxs(Fragment, {
       children: [header || null, body || null, footer || null]
     })
@@ -4189,7 +4177,7 @@ var InputText = /*#__PURE__*/forwardRef(function (_ref, ref) {
     _ref$autoComplete = _ref.autoComplete,
     autoComplete = _ref$autoComplete === void 0 ? 'off' : _ref$autoComplete,
     _ref$inputMode = _ref.inputMode,
-    inputMode = _ref$inputMode === void 0 ? 'none' : _ref$inputMode,
+    inputMode = _ref$inputMode === void 0 ? 'text' : _ref$inputMode,
     multiline = _ref.multiline,
     onSubmitEditing = _ref.onSubmitEditing,
     props = _objectWithoutProperties(_ref, _excluded$v);
@@ -5954,16 +5942,14 @@ function InputField(_ref) {
   });
 }
 
-var _excluded$l = ["onChange", "keyboardType"];
+var _excluded$l = ["onChange"];
 var InputNumber = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var onChange = _ref.onChange,
-    _ref$keyboardType = _ref.keyboardType,
-    keyboardType = _ref$keyboardType === void 0 ? 'numeric' : _ref$keyboardType,
     props = _objectWithoutProperties(_ref, _excluded$l);
   return /*#__PURE__*/jsx(InputText, _objectSpread(_objectSpread({
     ref: ref
   }, props), {}, {
-    keyboardType: keyboardType,
+    inputMode: "numeric",
     onChange: function handleChange(event) {
       if (!onChange) return;
       var value = parseFloat(event.nativeEvent.text);
@@ -6002,7 +5988,7 @@ var InputPassword = /*#__PURE__*/forwardRef(function (_ref, ref) {
         });
       },
       children: /*#__PURE__*/jsx(InputIcon, {
-        icon: isVisible ? /*#__PURE__*/jsx(EyeSlashFillIcon, {}) : /*#__PURE__*/jsx(EyeFillIcon, {})
+        icon: isVisible ? /*#__PURE__*/jsx(EyeClosedRegularIcon, {}) : /*#__PURE__*/jsx(EyeRegularIcon, {})
       })
     })
   }));
@@ -8245,7 +8231,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,
@@ -8356,7 +8343,7 @@ function createKittNativeBaseCustomTheme(theme, appTheme) {
           padding: theme.button.padding
         },
         cardModal: {
-          overlayPadding: theme.dialogModal.overlayPadding
+          overlayPadding: theme.cardModal.overlayPadding
         },
         dialogModal: {
           overlayPadding: theme.dialogModal.overlayPadding
@@ -9142,28 +9129,20 @@ function KittNativeBaseProvider(_ref) {
 }
 
 var _excluded$9 = ["children", "visible", "appear", "onExited", "onEnter", "onExit", "onClose"];
-function SimpleContainer(_ref) {
-  var children = _ref.children;
-  return children;
-}
-function NavigationModalBehaviour(_ref2) {
-  var children = _ref2.children,
-    visible = _ref2.visible,
-    _ref2$appear = _ref2.appear,
-    appear = _ref2$appear === void 0 ? true : _ref2$appear,
-    onExited = _ref2.onExited,
-    onEnter = _ref2.onEnter,
-    onExit = _ref2.onExit,
-    onClose = _ref2.onClose,
-    props = _objectWithoutProperties(_ref2, _excluded$9);
+function NavigationModalBehaviour(_ref) {
+  var children = _ref.children,
+    visible = _ref.visible,
+    _ref$appear = _ref.appear,
+    appear = _ref$appear === void 0 ? true : _ref$appear,
+    onExited = _ref.onExited,
+    onEnter = _ref.onEnter,
+    onExit = _ref.onExit,
+    onClose = _ref.onClose,
+    props = _objectWithoutProperties(_ref, _excluded$9);
   var AnimationComponent = useBreakpointValue({
     base: FullscreenModalAnimation,
     small: CardModalAnimation
   });
-  var CurrentContainerComponent = useBreakpointValue({
-    base: SimpleContainer,
-    small: CardModalScrollContainer
-  });
   var _useState = useState(visible),
     _useState2 = _slicedToArray(_useState, 2),
     isModalBehaviourVisible = _useState2[0],
@@ -9180,34 +9159,28 @@ function NavigationModalBehaviour(_ref2) {
   return /*#__PURE__*/jsx(ModalBehaviour, {
     visible: isModalBehaviourVisible,
     onClose: onClose,
-    children: /*#__PURE__*/jsx(CurrentContainerComponent, {
-      bounces: false,
-      contentContainerStyle: {
-        flexGrow: 1
-      },
-      children: /*#__PURE__*/jsx(AnimationComponent, _objectSpread(_objectSpread({}, props), {}, {
-        appear: shouldAppear,
-        visible: visible,
-        onEnter: function handleEnter() {
-          if (onEnter) onEnter();
+    children: /*#__PURE__*/jsx(AnimationComponent, _objectSpread(_objectSpread({}, props), {}, {
+      appear: shouldAppear,
+      visible: visible,
+      onEnter: function handleEnter() {
+        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: function handleExit() {
-          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: function handleExit() {
+        if (onExit) onExit();
 
-          // Reset appear value to its original value for future modal display
-          setShouldAppear(appear);
-        },
-        onExited: function handleExitAnimationDone() {
-          if (onExited) onExited();
-          setIsModalBehaviourVisible(false);
-        },
-        onClose: onClose,
-        children: children
-      }))
-    })
+        // Reset appear value to its original value for future modal display
+        setShouldAppear(appear);
+      },
+      onExited: function handleExitAnimationDone() {
+        if (onExited) onExited();
+        setIsModalBehaviourVisible(false);
+      },
+      onClose: onClose,
+      children: children
+    }))
   });
 }