@ornikar/kitt-universal 31.4.0 → 32.0.0

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

@@ -4384,7 +4384,7 @@ const CardModalRotationContainer = /*#__PURE__*/React.forwardRef((props, ref) =>
   });
 });
 
-function NativeOpacityAnimation$2({
+function OpacityAnimation({
   visible,
   children,
   onExited
@@ -4426,7 +4426,7 @@ function NativeOpacityAnimation$2({
   });
 }
 
-function NativeRotationAnimation$1({
+function RotationAnimation({
   visible,
   children,
   onEntered,
@@ -4523,14 +4523,14 @@ function CardModalAnimation({
       flexGrow: 1,
       justifyContent: "center",
       alignItems: "center",
-      children: [/*#__PURE__*/jsxRuntime.jsx(NativeOpacityAnimation$2, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(OpacityAnimation, {
         visible: isContentVisible,
         onExited: handleAnimationExited,
         children: /*#__PURE__*/jsxRuntime.jsx(Overlay, {
           onPress: onClose
         })
       }), /*#__PURE__*/jsxRuntime.jsx(CardModalRotationContainer, {
-        children: /*#__PURE__*/jsxRuntime.jsx(NativeRotationAnimation$1, {
+        children: /*#__PURE__*/jsxRuntime.jsx(RotationAnimation, {
           visible: isContentVisible,
           onExited: handleAnimationExited,
           onEntered: onEntered,
@@ -5103,10 +5103,12 @@ function NativeOpacityAnimation$1({
 }) {
   const theme = useTheme();
   const hasRunAnimationRef = React.useRef(false);
-  function handleAnimationFinished() {
+  React.useEffect(() => {
     if (visible) {
       hasRunAnimationRef.current = true;
     }
+  }, [visible]);
+  function handleAnimationFinished() {
     if (!visible && hasRunAnimationRef.current) {
       onExited();
     }
@@ -5131,7 +5133,7 @@ function NativeOpacityAnimation$1({
         Animated.runOnJS(handleAnimationFinished)();
       })
     };
-  });
+  }, [theme, visible, handleAnimationFinished]);
   return /*#__PURE__*/jsxRuntime.jsx(Animated__default.View, {
     style: [reactNative.StyleSheet.absoluteFillObject, opacityStyle],
     children: children
@@ -5147,10 +5149,14 @@ function NativeRotationAnimation({
   const theme = useTheme();
   const hasRunAnimationRef = React.useRef(false);
   const rotation = Animated.useSharedValue(0.8);
+  React.useEffect(() => {
+    if (visible) {
+      hasRunAnimationRef.current = true;
+    }
+  }, [visible]);
   function handleAnimationFinished() {
     if (visible) {
       if (onEntered) onEntered();
-      hasRunAnimationRef.current = true;
     }
     if (!visible && hasRunAnimationRef.current) onExited();
   }
@@ -5186,7 +5192,7 @@ function NativeRotationAnimation({
         rotateZ: `${rotation.value}deg`
       }]
     };
-  });
+  }, [theme, visible, rotation, handleAnimationFinished]);
   return /*#__PURE__*/jsxRuntime.jsx(Animated__default.View, {
     style: [animatedStyle],
     children: children
@@ -6992,6 +6998,82 @@ function FilePicker({
   });
 }
 
+function InputAddressOption({
+  item,
+  mainText,
+  secondaryText
+}) {
+  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: mainText
+          }), secondaryText ? /*#__PURE__*/jsxRuntime.jsxs(Typography.Text, {
+            color: "black-light",
+            variant: "bold",
+            children: [' ', secondaryText]
+          }) : null]
+        })
+      })]
+    })
+  });
+}
+
+function InputAddress({
+  errorElement,
+  initialValue,
+  emptyResultsElement,
+  onChange,
+  items,
+  isLoading,
+  hasError,
+  onInputChange,
+  onSelectItem,
+  convertInitialValue,
+  renderItem,
+  ...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 => {
+      const itemElement = renderItem(item);
+      return /*#__PURE__*/React.cloneElement(itemElement, {
+        item
+      });
+    })
+  });
+}
+InputAddress.Option = InputAddressOption;
+
 const GoogleMapsApiKeyContext = /*#__PURE__*/React.createContext(undefined);
 function GoogleMapsApiKeyProvider({
   children,
@@ -7335,7 +7417,7 @@ function useGoogleMapsAutocomplete() {
   return context;
 }
 
-function InputAddressOption({
+function InputAddressOptionLegacy({
   item
 }) {
   const sharedTransform = {
@@ -7345,7 +7427,7 @@ function InputAddressOption({
   };
   return /*#__PURE__*/jsxRuntime.jsx(Autocomplete.Option, {
     item: item,
-    testID: "kitt.InputAddressOption.item",
+    testID: "kitt.InputAddressOptionLegacy.item",
     children: /*#__PURE__*/jsxRuntime.jsxs(HStack, {
       space: "kitt.2",
       children: [/*#__PURE__*/jsxRuntime.jsx(View, {
@@ -7406,7 +7488,7 @@ function formatInitialValueToAutocompletePrediction(address, placeId) {
   };
 }
 
-function InputAddress({
+function InputAddressLegacy({
   initialValue,
   itemToString = defaultItemToString,
   errorElement,
@@ -7439,12 +7521,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, {
@@ -14458,6 +14540,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;