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

package/dist/index-node-22.17.cjs.web.js

@@ -4641,10 +4641,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
   });
 }
@@ -6244,6 +6247,123 @@ function ImagePicker({
   });
 }
 
+function InputAddressOption({
+  item,
+  itemToMainText,
+  itemToSecondaryText
+}) {
+  const sharedTransform = {
+    style: {
+      transform: 'translateY(4px)'
+    }
+  };
+  const mainText = itemToMainText(item);
+  const secondaryText = itemToSecondaryText(item);
+  return /*#__PURE__*/jsxRuntime.jsx(Autocomplete.Option, {
+    item: item,
+    testID: "kitt.InputAddressOption.item",
+    children: /*#__PURE__*/jsxRuntime.jsxs(HStack, {
+      space: "kitt.2",
+      children: [/*#__PURE__*/jsxRuntime.jsx(View, {
+        _web: sharedTransform,
+        _ios: sharedTransform,
+        _android: sharedTransform,
+        children: /*#__PURE__*/jsxRuntime.jsx(TypographyIcon, {
+          icon: /*#__PURE__*/jsxRuntime.jsx(phosphor.MapPinRegularIcon, {}),
+          color: "black"
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx(View, {
+        flexShrink: 1,
+        children: /*#__PURE__*/jsxRuntime.jsxs(Typography.Text, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(Typography.Text, {
+            variant: "bold",
+            children: mainText
+          }), secondaryText ? /*#__PURE__*/jsxRuntime.jsxs(Typography.Text, {
+            color: "black-light",
+            variant: "bold",
+            children: [' ', secondaryText]
+          }) : null]
+        })
+      })]
+    })
+  });
+}
+
+function InputAddressOptionLegacy({
+  item
+}) {
+  const sharedTransform = {
+    style: {
+      transform: 'translateY(4px)'
+    }
+  };
+  return /*#__PURE__*/jsxRuntime.jsx(Autocomplete.Option, {
+    item: item,
+    testID: "kitt.InputAddressOptionLegacy.item",
+    children: /*#__PURE__*/jsxRuntime.jsxs(HStack, {
+      space: "kitt.2",
+      children: [/*#__PURE__*/jsxRuntime.jsx(View, {
+        _web: sharedTransform,
+        _ios: sharedTransform,
+        _android: sharedTransform,
+        children: /*#__PURE__*/jsxRuntime.jsx(TypographyIcon, {
+          icon: /*#__PURE__*/jsxRuntime.jsx(phosphor.MapPinRegularIcon, {}),
+          color: "black"
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx(View, {
+        flexShrink: 1,
+        children: /*#__PURE__*/jsxRuntime.jsxs(Typography.Text, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(Typography.Text, {
+            variant: "bold",
+            children: item.structured_formatting.main_text
+          }), item.structured_formatting.secondary_text ? /*#__PURE__*/jsxRuntime.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__*/jsxRuntime.jsx(Autocomplete, {
+    ...props,
+    initialValue: formattedInitialValue,
+    right: isLoading ? /*#__PURE__*/jsxRuntime.jsx(Icon, {
+      icon: /*#__PURE__*/jsxRuntime.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__*/jsxRuntime.jsx(InputAddressOption, {
+      item: item,
+      itemToMainText: itemToMainText,
+      itemToSecondaryText: itemToSecondaryText
+    }, itemToKey(item)))
+  });
+}
+InputAddress.Option = InputAddressOptionLegacy;
+
 const GoogleMapsApiKeyContext = /*#__PURE__*/react.createContext(undefined);
 function GoogleMapsApiKeyProvider({
   children,
@@ -6569,44 +6689,6 @@ function useGoogleMapsAutocomplete() {
   return context;
 }
 
-function InputAddressOption({
-  item
-}) {
-  const sharedTransform = {
-    style: {
-      transform: 'translateY(4px)'
-    }
-  };
-  return /*#__PURE__*/jsxRuntime.jsx(Autocomplete.Option, {
-    item: item,
-    testID: "kitt.InputAddressOption.item",
-    children: /*#__PURE__*/jsxRuntime.jsxs(HStack, {
-      space: "kitt.2",
-      children: [/*#__PURE__*/jsxRuntime.jsx(View, {
-        _web: sharedTransform,
-        _ios: sharedTransform,
-        _android: sharedTransform,
-        children: /*#__PURE__*/jsxRuntime.jsx(TypographyIcon, {
-          icon: /*#__PURE__*/jsxRuntime.jsx(phosphor.MapPinRegularIcon, {}),
-          color: "black"
-        })
-      }), /*#__PURE__*/jsxRuntime.jsx(View, {
-        flexShrink: 1,
-        children: /*#__PURE__*/jsxRuntime.jsxs(Typography.Text, {
-          children: [/*#__PURE__*/jsxRuntime.jsx(Typography.Text, {
-            variant: "bold",
-            children: item.structured_formatting.main_text
-          }), item.structured_formatting.secondary_text ? /*#__PURE__*/jsxRuntime.jsxs(Typography.Text, {
-            color: "black-light",
-            variant: "bold",
-            children: [' ', item.structured_formatting.secondary_text]
-          }) : null]
-        })
-      })]
-    })
-  });
-}
-
 function defaultItemToString(item) {
   if (!item) return '';
   return item.description;
@@ -6640,7 +6722,7 @@ function formatInitialValueToAutocompletePrediction(address, placeId) {
   };
 }
 
-function InputAddress({
+function InputAddressLegacy({
   initialValue,
   itemToString = defaultItemToString,
   errorElement,
@@ -6673,12 +6755,12 @@ function InputAddress({
     onChange: v => {
       onSelectItem(v, onChange);
     },
-    children: state.items.map(item => /*#__PURE__*/jsxRuntime.jsx(InputAddressOption, {
+    children: state.items.map(item => /*#__PURE__*/jsxRuntime.jsx(InputAddressOptionLegacy, {
       item: item
     }, item.place_id))
   });
 }
-InputAddress.Option = InputAddressOption;
+InputAddressLegacy.Option = InputAddressOptionLegacy;
 
 const InputEmail = /*#__PURE__*/react.forwardRef((props, ref) => {
   return /*#__PURE__*/jsxRuntime.jsx(InputText, {
@@ -13682,6 +13764,7 @@ exports.Image = Image;
 exports.ImagePicker = ImagePicker;
 exports.InfoCard = InfoCard;
 exports.InputAddress = InputAddress;
+exports.InputAddressLegacy = InputAddressLegacy;
 exports.InputEmail = InputEmail;
 exports.InputFeedback = InputFeedback;
 exports.InputField = InputField;