@ornikar/kitt-universal 31.3.0 → 31.3.2-canary.1a5b65d2fbfa0e00bf6c237b7d017b61dce7e75b.0

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

@@ -4743,10 +4743,13 @@ function CardModal({
     backgroundColor: backgroundColor,
     shadow: withoutShadow ? undefined : 'kitt.cardModal.shadow',
     borderRadius: "kitt.cardModal.borderRadius",
+    flexGrow: 1,
     width: "100%",
     maxHeight: "100%",
-    maxWidth: maxWidth,
     minHeight: "kitt.cardModal.minHeight",
+    _web: {
+      maxWidth
+    },
     children: children
   });
 }
@@ -6965,6 +6968,123 @@ function FilePicker({
   });
 }
 
+function InputAddressOption({
+  item,
+  itemToMainText,
+  itemToSecondaryText
+}) {
+  const sharedTransform = {
+    style: {
+      transform: 'translateY(4px)'
+    }
+  };
+  const mainText = itemToMainText(item);
+  const secondaryText = itemToSecondaryText(item);
+  return /*#__PURE__*/jsx(Autocomplete.Option, {
+    item: item,
+    testID: "kitt.InputAddressOption.item",
+    children: /*#__PURE__*/jsxs(HStack, {
+      space: "kitt.2",
+      children: [/*#__PURE__*/jsx(View, {
+        _web: sharedTransform,
+        _ios: sharedTransform,
+        _android: sharedTransform,
+        children: /*#__PURE__*/jsx(TypographyIcon, {
+          icon: /*#__PURE__*/jsx(MapPinRegularIcon, {}),
+          color: "black"
+        })
+      }), /*#__PURE__*/jsx(View, {
+        flexShrink: 1,
+        children: /*#__PURE__*/jsxs(Typography.Text, {
+          children: [/*#__PURE__*/jsx(Typography.Text, {
+            variant: "bold",
+            children: mainText
+          }), secondaryText ? /*#__PURE__*/jsxs(Typography.Text, {
+            color: "black-light",
+            variant: "bold",
+            children: [' ', secondaryText]
+          }) : null]
+        })
+      })]
+    })
+  });
+}
+
+function InputAddressOptionLegacy({
+  item
+}) {
+  const sharedTransform = {
+    style: {
+      transform: 'translateY(4px)'
+    }
+  };
+  return /*#__PURE__*/jsx(Autocomplete.Option, {
+    item: item,
+    testID: "kitt.InputAddressOptionLegacy.item",
+    children: /*#__PURE__*/jsxs(HStack, {
+      space: "kitt.2",
+      children: [/*#__PURE__*/jsx(View, {
+        _web: sharedTransform,
+        _ios: sharedTransform,
+        _android: sharedTransform,
+        children: /*#__PURE__*/jsx(TypographyIcon, {
+          icon: /*#__PURE__*/jsx(MapPinRegularIcon, {}),
+          color: "black"
+        })
+      }), /*#__PURE__*/jsx(View, {
+        flexShrink: 1,
+        children: /*#__PURE__*/jsxs(Typography.Text, {
+          children: [/*#__PURE__*/jsx(Typography.Text, {
+            variant: "bold",
+            children: item.structured_formatting.main_text
+          }), item.structured_formatting.secondary_text ? /*#__PURE__*/jsxs(Typography.Text, {
+            color: "black-light",
+            variant: "bold",
+            children: [' ', item.structured_formatting.secondary_text]
+          }) : null]
+        })
+      })]
+    })
+  });
+}
+
+function InputAddress({
+  errorElement,
+  initialValue,
+  emptyResultsElement,
+  onChange,
+  items,
+  isLoading,
+  hasError,
+  onInputChange,
+  onSelectItem,
+  convertInitialValue,
+  itemToMainText,
+  itemToSecondaryText,
+  itemToKey,
+  ...props
+}) {
+  const formattedInitialValue = initialValue ? convertInitialValue(initialValue) : undefined;
+  return /*#__PURE__*/jsx(Autocomplete, {
+    ...props,
+    initialValue: formattedInitialValue,
+    right: isLoading ? /*#__PURE__*/jsx(Icon, {
+      icon: /*#__PURE__*/jsx(LoaderIcon, {}),
+      color: "kitt.black"
+    }) : undefined,
+    errorElement: hasError ? errorElement : null,
+    emptyResultsElement: items.length === 0 ? emptyResultsElement : null,
+    onInputChange: value => onInputChange(value),
+    onChange: item => onSelectItem(item, onChange),
+    children: items.map(item => /*#__PURE__*/jsx(InputAddressOption, {
+      item: item,
+      itemToMainText: itemToMainText,
+      itemToSecondaryText: itemToSecondaryText
+    }, itemToKey(item)))
+  });
+}
+InputAddress.Option = InputAddressOptionLegacy;
+
 const GoogleMapsApiKeyContext = /*#__PURE__*/createContext(undefined);
 function GoogleMapsApiKeyProvider({
   children,
@@ -7308,44 +7428,6 @@ function useGoogleMapsAutocomplete() {
   return context;
 }
 
-function InputAddressOption({
-  item
-}) {
-  const sharedTransform = {
-    style: {
-      transform: 'translateY(4px)'
-    }
-  };
-  return /*#__PURE__*/jsx(Autocomplete.Option, {
-    item: item,
-    testID: "kitt.InputAddressOption.item",
-    children: /*#__PURE__*/jsxs(HStack, {
-      space: "kitt.2",
-      children: [/*#__PURE__*/jsx(View, {
-        _web: sharedTransform,
-        _ios: sharedTransform,
-        _android: sharedTransform,
-        children: /*#__PURE__*/jsx(TypographyIcon, {
-          icon: /*#__PURE__*/jsx(MapPinRegularIcon, {}),
-          color: "black"
-        })
-      }), /*#__PURE__*/jsx(View, {
-        flexShrink: 1,
-        children: /*#__PURE__*/jsxs(Typography.Text, {
-          children: [/*#__PURE__*/jsx(Typography.Text, {
-            variant: "bold",
-            children: item.structured_formatting.main_text
-          }), item.structured_formatting.secondary_text ? /*#__PURE__*/jsxs(Typography.Text, {
-            color: "black-light",
-            variant: "bold",
-            children: [' ', item.structured_formatting.secondary_text]
-          }) : null]
-        })
-      })]
-    })
-  });
-}
-
 function defaultItemToString(item) {
   if (!item) return '';
   return item.description;
@@ -7379,7 +7461,7 @@ function formatInitialValueToAutocompletePrediction(address, placeId) {
   };
 }
 
-function InputAddress({
+function InputAddressLegacy({
   initialValue,
   itemToString = defaultItemToString,
   errorElement,
@@ -7412,12 +7494,12 @@ function InputAddress({
     onChange: v => {
       onSelectItem(v, onChange);
     },
-    children: state.items.map(item => /*#__PURE__*/jsx(InputAddressOption, {
+    children: state.items.map(item => /*#__PURE__*/jsx(InputAddressOptionLegacy, {
       item: item
     }, item.place_id))
   });
 }
-InputAddress.Option = InputAddressOption;
+InputAddressLegacy.Option = InputAddressOptionLegacy;
 
 const InputEmail = /*#__PURE__*/forwardRef((props, ref) => {
   return /*#__PURE__*/jsx(InputText, {
@@ -14391,5 +14473,5 @@ function VerticalSteps({
 VerticalSteps.Step = Step;
 VerticalSteps.BorderlessStep = BorderlessStep;
 
-export { ActionCard, Actions, Autocomplete, Avatar, BottomSheet, Button, ButtonBadge, CardModal, Center, Checkbox, ChoicesElements, ChromaticReducedMotionDecorator, CloseIconButton, DatePicker, DialogModal, DocumentPicker, Emoji, ExternalAppLink, ExternalLink, FilePicker, FlatList, Flex, FullscreenModal, GoogleMapsApiKeyProvider, GoogleMapsAutocompleteProvider, GroupTags, HStack, Highlight, Icon, IconButton, Image, ImagePicker, InfoCard, InputAddress, InputEmail, InputFeedback, InputField, InputIban, InputIcon, InputNumber, InputPassword, InputPhone, InputPressable, InputTag, InputText, KittBreakpointNameEnum, KittBreakpoints, KittBreakpointsMax, KittMapConfigProvider, KittNativeBaseProvider, KittThemeDecorator, KittThemeProvider, Label, ListItem, LoaderIcon, MapMarker, MapMarkerVariantEnum, MatchWindowSize, Message, ModalBehaviour, FlatList as NativeOnlyFlatList, NavigationBottomSheet, NavigationModal, Notification, Overlay, PageLoader, Picker, Pressable, RadioWithRef as Radio, RadioButtonGroup, ScrollView, DeprecatedSection as Section, SectionList, SegmentedProgressBar, Skeleton, SpinningIcon, Stack, StaticMap, Sticker, Story, StoryBlock, StoryContainer, StoryDecorator, StoryGrid, StorySection, StoryTitle, StyleWebWrapper, SwitchBreakpoints, TabBar, Tag, TextArea, TimePicker, ToastComponent, Toggle, Tooltip, TopNavBar, Typography, TypographyEmoji, TypographyIcon, TypographyLink, VStack, VerticalSteps, View, createChoicesComponent, createResponsiveStyleFromProp, getStaticMapImageUrl, getValueForBreakpoint, hex2rgba, matchWindowSize, storyPadding, theme, useBottomSheet, useBreakpointValue, useCurrentBreakpointName, useGetStaticMapImageUrl, useKittMapConfig, useKittTheme, useMatchWindowSize, useOpenExternalLink, useStaticBottomSheet, useStoryBlockColor, useTheme };
+export { ActionCard, Actions, Autocomplete, Avatar, BottomSheet, Button, ButtonBadge, CardModal, Center, Checkbox, ChoicesElements, ChromaticReducedMotionDecorator, CloseIconButton, DatePicker, DialogModal, DocumentPicker, Emoji, ExternalAppLink, ExternalLink, FilePicker, FlatList, Flex, FullscreenModal, GoogleMapsApiKeyProvider, GoogleMapsAutocompleteProvider, GroupTags, HStack, Highlight, Icon, IconButton, Image, ImagePicker, InfoCard, InputAddress, InputAddressLegacy, InputEmail, InputFeedback, InputField, InputIban, InputIcon, InputNumber, InputPassword, InputPhone, InputPressable, InputTag, InputText, KittBreakpointNameEnum, KittBreakpoints, KittBreakpointsMax, KittMapConfigProvider, KittNativeBaseProvider, KittThemeDecorator, KittThemeProvider, Label, ListItem, LoaderIcon, MapMarker, MapMarkerVariantEnum, MatchWindowSize, Message, ModalBehaviour, FlatList as NativeOnlyFlatList, NavigationBottomSheet, NavigationModal, Notification, Overlay, PageLoader, Picker, Pressable, RadioWithRef as Radio, RadioButtonGroup, ScrollView, DeprecatedSection as Section, SectionList, SegmentedProgressBar, Skeleton, SpinningIcon, Stack, StaticMap, Sticker, Story, StoryBlock, StoryContainer, StoryDecorator, StoryGrid, StorySection, StoryTitle, StyleWebWrapper, SwitchBreakpoints, TabBar, Tag, TextArea, TimePicker, ToastComponent, Toggle, Tooltip, TopNavBar, Typography, TypographyEmoji, TypographyIcon, TypographyLink, VStack, VerticalSteps, View, createChoicesComponent, createResponsiveStyleFromProp, getStaticMapImageUrl, getValueForBreakpoint, hex2rgba, matchWindowSize, storyPadding, theme, useBottomSheet, useBreakpointValue, useCurrentBreakpointName, useGetStaticMapImageUrl, useKittMapConfig, useKittTheme, useMatchWindowSize, useOpenExternalLink, useStaticBottomSheet, useStoryBlockColor, useTheme };
 //# sourceMappingURL=index-node-22.17.es.mjs.map