@ornikar/kitt-universal 32.3.0 → 32.3.1-canary.e5e3462569f2f32f91e8d06437eb0642c84cb55f.0

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

@@ -3,7 +3,7 @@ import { View as View$1, ScrollView as ScrollView$1, Pressable as Pressable$1, I
 export { useClipboard, useContrastText, useMediaQuery, useSx, useToken } from 'native-base';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 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, ScrollView as ScrollView$2, View as View$2, Linking, Pressable as Pressable$2, Keyboard, Text as Text$1, useWindowDimensions, PixelRatio } from 'react-native';
+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';
 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';
@@ -4810,6 +4810,7 @@ function AnimatedChoiceItemView({
   isDisabled,
   isSelected,
   hasError,
+  shouldExpand = false,
   animatedStyles
 }) {
   const sx = useSx();
@@ -4828,7 +4829,9 @@ function AnimatedChoiceItemView({
       isHovered,
       isPressed
     }),
-    padding: size === 'small' ? 'kitt.2' : 'kitt.4'
+    padding: size === 'small' ? 'kitt.2' : 'kitt.4',
+    flexGrow: shouldExpand ? 1 : undefined,
+    flexShrink: shouldExpand ? 1 : undefined
   });
   return /*#__PURE__*/jsx(Animated.View, {
     style: [style, animatedStyles],
@@ -4892,6 +4895,7 @@ function ChoiceItem({
   value,
   selected,
   disabled,
+  shouldExpand = false,
   children,
   isPressedInternal,
   isHoveredInternal,
@@ -4931,6 +4935,8 @@ function ChoiceItem({
       checked: selected
     },
     style: style,
+    flexGrow: shouldExpand ? 1 : undefined,
+    flexShrink: shouldExpand ? 1 : undefined,
     onBlur: onBlur,
     onFocus: onFocus,
     onPress: e => {
@@ -4950,6 +4956,8 @@ 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,
@@ -4957,10 +4965,13 @@ 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
@@ -4989,36 +5000,49 @@ function ChoiceItem({
 function ChoiceItemContainer({
   children,
   direction,
+  shouldExpand,
   isLast
 }) {
   const currentItemMarginValue = isLast ? undefined : 'kitt.3';
-  const flexProps = direction === 'row' ? {
+  const directionFlexProps = direction === 'row' ? {
     flexGrow: 1,
     flexShrink: 1,
     flexBasis: 0
   } : {};
+  const shouldExpandFlexProps = shouldExpand ? {
+    flexGrow: 1,
+    flexShrink: 1
+  } : {};
   return /*#__PURE__*/jsx(View, {
     marginRight: direction === 'row' ? currentItemMarginValue : undefined,
     marginBottom: direction === 'column' ? currentItemMarginValue : undefined,
-    ...flexProps,
+    ...directionFlexProps,
+    ...shouldExpandFlexProps,
     children: children
   });
 }
 
 function ChoicesContainer({
   direction,
+  shouldExpand,
   contentContainerStyle,
   ...props
 }) {
+  const shouldExpandFlexProps = shouldExpand ? {
+    flexGrow: 1,
+    flexShrink: 1
+  } : {};
   if (direction === 'row') {
-    return /*#__PURE__*/jsx(ScrollView$2, {
+    return /*#__PURE__*/jsx(ScrollView, {
       horizontal: true,
-      contentContainerStyle: contentContainerStyle,
-      ...props
+      contentContainerStyle: shouldExpand ? shouldExpandFlexProps : contentContainerStyle,
+      ...props,
+      ...shouldExpandFlexProps
     });
   }
-  return /*#__PURE__*/jsx(View$2, {
-    ...props
+  return /*#__PURE__*/jsx(View, {
+    ...props,
+    ...shouldExpandFlexProps
   });
 }
 
@@ -5030,6 +5054,7 @@ function Choices({
   type,
   direction = 'column',
   disabled,
+  shouldExpand = false,
   children,
   value,
   onPress,
@@ -5046,6 +5071,7 @@ function Choices({
   const sharedProps = {
     type,
     disabled,
+    shouldExpand,
     onPress: !isForm ? onPress : undefined,
     onChange: isForm ? newValue => {
       setCurrentValue(newValue);
@@ -5057,6 +5083,7 @@ function Choices({
   };
   return /*#__PURE__*/jsx(ChoicesContainer, {
     direction: direction,
+    shouldExpand: shouldExpand,
     testID: testID,
     id: id,
     style: style,
@@ -5068,6 +5095,7 @@ function Choices({
       });
       return /*#__PURE__*/jsx(ChoiceItemContainer, {
         direction: direction,
+        shouldExpand: shouldExpand,
         isLast: index === childrenArray.length - 1,
         children: element
       }, child.key);