@ornikar/kitt-universal 32.1.1-canary.28d1f9f68cb643b8c67559f72df59006a88da1e9.0 → 32.3.0

package/dist/index-metro.es.ios.js

@@ -7,7 +7,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
 import _extends from '@babel/runtime/helpers/extends';
 import Animated, { useSharedValue, useAnimatedStyle, interpolateColor, withSpring, withTiming, Easing as Easing$1, runOnJS, useDerivedValue, useAnimatedProps, withDelay, withRepeat, interpolate, ReducedMotionConfig, ReduceMotion } from 'react-native-reanimated';
-import { Platform, Animated as Animated$1, Easing, StyleSheet, Modal, Linking, Pressable as Pressable$2, Keyboard, Text as Text$1, useWindowDimensions, ScrollView as ScrollView$2, PixelRatio } from 'react-native';
+import { Platform, Animated as Animated$1, Easing, StyleSheet, Modal, ScrollView as ScrollView$2, View as View$2, Linking, Pressable as Pressable$2, Keyboard, Text as Text$1, useWindowDimensions, PixelRatio } from 'react-native';
 export { useWindowDimensions as useWindowSize } from 'react-native';
 import { SpinnerGapRegularIcon, UserRegularIcon, XRegularIcon, ArrowLeftRegularIcon, CaretUpFillIcon, CaretDownFillIcon, MapPinRegularIcon, EyeClosedRegularIcon, EyeRegularIcon, CheckCircleFillIcon, CaretDownRegularIcon, CaretRightRegularIcon, InfoRegularIcon, WarningRegularIcon, CheckRegularIcon, WarningCircleRegularIcon, ArrowCounterClockwiseRegularIcon, InfoFillIcon, WarningCircleFillIcon, WarningFillIcon } from '@ornikar/kitt-icons/phosphor';
 import { BottomSheetView, BottomSheetScrollView, BottomSheetSectionList, BottomSheetFlatList, BottomSheetHandle, BottomSheetBackdrop, BottomSheetFooter, BottomSheetTextInput, BottomSheetModal, useBottomSheetModal } from '@gorhom/bottom-sheet';
@@ -860,15 +860,15 @@ const card = {
   }
 };
 
-const webAnimationContentDuration$2 = 400;
-const webAnimationContentEasing$2 = {
+const webAnimationContentDuration$1 = 400;
+const webAnimationContentEasing$1 = {
   x1: 0.77,
   y1: 0,
   x2: 0.175,
   y2: 1
 };
-const webAnimationOverlayDuration$2 = 250;
-const webAnimationOverlayEasing$2 = {
+const webAnimationOverlayDuration$1 = 250;
+const webAnimationOverlayEasing$1 = {
   x1: 0.42,
   y1: 0,
   x2: 1,
@@ -903,12 +903,12 @@ const cardModal = {
   },
   animation: {
     overlay: {
-      duration: webAnimationOverlayDuration$2,
-      easing: webAnimationOverlayEasing$2
+      duration: webAnimationOverlayDuration$1,
+      easing: webAnimationOverlayEasing$1
     },
     content: {
-      duration: webAnimationContentDuration$2,
-      easing: webAnimationContentEasing$2
+      duration: webAnimationContentDuration$1,
+      easing: webAnimationContentEasing$1
     }
   }
 };
@@ -964,15 +964,15 @@ const choices = {
   }
 };
 
-const webAnimationContentDuration$1 = 400;
-const webAnimationContentEasing$1 = {
+const webAnimationContentDuration = 400;
+const webAnimationContentEasing = {
   x1: 0.77,
   y1: 0,
   x2: 0.175,
   y2: 1
 };
-const webAnimationOverlayDuration$1 = 250;
-const webAnimationOverlayEasing$1 = {
+const webAnimationOverlayDuration = 250;
+const webAnimationOverlayEasing = {
   x1: 0.42,
   y1: 0,
   x2: 1,
@@ -994,12 +994,12 @@ const dialogModal = {
   },
   animation: {
     overlay: {
-      duration: webAnimationOverlayDuration$1,
-      easing: webAnimationOverlayEasing$1
+      duration: webAnimationOverlayDuration,
+      easing: webAnimationOverlayEasing
     },
     content: {
-      duration: webAnimationContentDuration$1,
-      easing: webAnimationContentEasing$1
+      duration: webAnimationContentDuration,
+      easing: webAnimationContentEasing
     }
   }
 };
@@ -1908,20 +1908,6 @@ const forms = {
   timePicker
 };
 
-const webAnimationContentDuration = 600;
-const webAnimationContentEasing = {
-  x1: 0.77,
-  y1: 0,
-  x2: 0.175,
-  y2: 1
-};
-const webAnimationOverlayDuration = 250;
-const webAnimationOverlayEasing = {
-  x1: 0.42,
-  y1: 0,
-  x2: 1,
-  y2: 1
-};
 const fullscreenModal = {
   header: {
     height: 56
@@ -1935,12 +1921,22 @@ const fullscreenModal = {
   },
   animation: {
     overlay: {
-      duration: webAnimationOverlayDuration,
-      easing: webAnimationOverlayEasing
+      duration: 250,
+      easing: {
+        x1: 0.42,
+        y1: 0,
+        x2: 1,
+        y2: 1
+      }
     },
     content: {
-      duration: webAnimationContentDuration,
-      easing: webAnimationContentEasing
+      duration: 600,
+      easing: {
+        x1: 0.77,
+        y1: 0,
+        x2: 0.175,
+        y2: 1
+      }
     }
   }
 };
@@ -4811,7 +4807,6 @@ function AnimatedChoiceItemView({
   isDisabled,
   isSelected,
   hasError,
-  shouldExpand = false,
   animatedStyles
 }) {
   const sx = useSx();
@@ -4830,9 +4825,7 @@ function AnimatedChoiceItemView({
       isHovered,
       isPressed
     }),
-    padding: size === 'small' ? 'kitt.2' : 'kitt.4',
-    flexGrow: shouldExpand ? 1 : undefined,
-    flexShrink: shouldExpand ? 1 : undefined
+    padding: size === 'small' ? 'kitt.2' : 'kitt.4'
   });
   return /*#__PURE__*/jsx(Animated.View, {
     style: [style, animatedStyles],
@@ -4896,7 +4889,6 @@ function ChoiceItem({
   value,
   selected,
   disabled,
-  shouldExpand = false,
   children,
   isPressedInternal,
   isHoveredInternal,
@@ -4936,8 +4928,6 @@ function ChoiceItem({
       checked: selected
     },
     style: style,
-    flexGrow: shouldExpand ? 1 : undefined,
-    flexShrink: shouldExpand ? 1 : undefined,
     onBlur: onBlur,
     onFocus: onFocus,
     onPress: e => {
@@ -4957,8 +4947,6 @@ function ChoiceItem({
       });
       return /*#__PURE__*/jsxs(VStack, {
         space: "kitt.2",
-        flexGrow: shouldExpand ? 1 : undefined,
-        flexShrink: shouldExpand ? 1 : undefined,
         children: [/*#__PURE__*/jsxs(AnimatedChoiceItemView, {
           animatedStyles: backgroundStyles,
           isHovered: isHovered || isHoveredInternal,
@@ -4966,13 +4954,10 @@ function ChoiceItem({
           isSelected: selected,
           isPressed: isPressed || isPressedInternal,
           hasError: hasError,
-          shouldExpand: shouldExpand,
           size: size,
           children: [/*#__PURE__*/jsxs(Stack, {
             alignItems: "center",
             space: "kitt.2",
-            flexGrow: shouldExpand ? 1 : undefined,
-            flexShrink: shouldExpand ? 1 : undefined,
             children: [icon ? /*#__PURE__*/jsx(TypographyIcon, {
               color: textColor,
               icon: icon
@@ -5001,46 +4986,36 @@ function ChoiceItem({
 function ChoiceItemContainer({
   children,
   direction,
-  shouldExpand,
   isLast
 }) {
   const currentItemMarginValue = isLast ? undefined : 'kitt.3';
-  const directionFlexProps = direction === 'row' ? {
+  const flexProps = direction === 'row' ? {
     flexGrow: 1,
     flexShrink: 1,
     flexBasis: 0
   } : {};
-  const shouldExpandFlexProps = shouldExpand ? {
-    flexGrow: 1,
-    flexShrink: 1
-  } : {};
-  return /*#__PURE__*/jsx(View, _objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/jsx(View, _objectSpread(_objectSpread({
     marginRight: direction === 'row' ? currentItemMarginValue : undefined,
     marginBottom: direction === 'column' ? currentItemMarginValue : undefined
-  }, directionFlexProps), shouldExpandFlexProps), {}, {
+  }, flexProps), {}, {
     children: children
   }));
 }
 
-const _excluded$G = ["direction", "shouldExpand", "contentContainerStyle"];
+const _excluded$G = ["direction", "contentContainerStyle"];
 function ChoicesContainer(_ref) {
   let {
       direction,
-      shouldExpand,
       contentContainerStyle
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded$G);
-  const shouldExpandFlexProps = shouldExpand ? {
-    flexGrow: 1,
-    flexShrink: 1
-  } : {};
   if (direction === 'row') {
-    return /*#__PURE__*/jsx(ScrollView, _objectSpread(_objectSpread({
+    return /*#__PURE__*/jsx(ScrollView$2, _objectSpread({
       horizontal: true,
-      contentContainerStyle: shouldExpand ? shouldExpandFlexProps : contentContainerStyle
-    }, props), shouldExpandFlexProps));
+      contentContainerStyle: contentContainerStyle
+    }, props));
   }
-  return /*#__PURE__*/jsx(View, _objectSpread(_objectSpread({}, props), shouldExpandFlexProps));
+  return /*#__PURE__*/jsx(View$2, _objectSpread({}, props));
 }
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -5051,7 +5026,6 @@ function Choices({
   type,
   direction = 'column',
   disabled,
-  shouldExpand = false,
   children,
   value,
   onPress,
@@ -5068,7 +5042,6 @@ function Choices({
   const sharedProps = {
     type,
     disabled,
-    shouldExpand,
     onPress: !isForm ? onPress : undefined,
     onChange: isForm ? newValue => {
       setCurrentValue(newValue);
@@ -5080,7 +5053,6 @@ function Choices({
   };
   return /*#__PURE__*/jsx(ChoicesContainer, {
     direction: direction,
-    shouldExpand: shouldExpand,
     testID: testID,
     id: id,
     style: style,
@@ -5091,7 +5063,6 @@ function Choices({
       }, sharedProps));
       return /*#__PURE__*/jsx(ChoiceItemContainer, {
         direction: direction,
-        shouldExpand: shouldExpand,
         isLast: index === childrenArray.length - 1,
         children: element
       }, child.key);