@ornikar/kitt-universal 26.3.1-canary.dd94a20641c146865234323ff2718101c6363315.0 → 26.3.1-canary.fcd36361858696a81c52c40672737eeca6e22f42.0

package/dist/index.es.js

@@ -843,9 +843,19 @@ var card = {
 };
 
 var webAnimationContentDuration$2 = 400;
-var webAnimationContentEasing$2 = [0.77, 0, 0.175, 1];
+var webAnimationContentEasing$2 = {
+  x1: 0.77,
+  y1: 0,
+  x2: 0.175,
+  y2: 1
+};
 var webAnimationOverlayDuration$2 = 250;
-var webAnimationOverlayEasing$2 = [0.42, 0, 1, 1];
+var webAnimationOverlayEasing$2 = {
+  x1: 0.42,
+  y1: 0,
+  x2: 1,
+  y2: 1
+};
 var maxWidth = 540;
 var overlayHorizontalPadding = 24;
 var cardModal = {
@@ -919,9 +929,19 @@ var choices = {
 };
 
 var webAnimationContentDuration$1 = 400;
-var webAnimationContentEasing$1 = [0.77, 0, 0.175, 1];
+var webAnimationContentEasing$1 = {
+  x1: 0.77,
+  y1: 0,
+  x2: 0.175,
+  y2: 1
+};
 var webAnimationOverlayDuration$1 = 250;
-var webAnimationOverlayEasing$1 = [0.42, 0, 1, 1];
+var webAnimationOverlayEasing$1 = {
+  x1: 0.42,
+  y1: 0,
+  x2: 1,
+  y2: 1
+};
 var dialogModal = {
   borderRadius: 20,
   maxWidth: 540,
@@ -1847,9 +1867,19 @@ var forms = {
 };
 
 var webAnimationContentDuration = 600;
-var webAnimationContentEasing = [0.77, 0, 0.175, 1];
+var webAnimationContentEasing = {
+  x1: 0.77,
+  y1: 0,
+  x2: 0.175,
+  y2: 1
+};
 var webAnimationOverlayDuration = 250;
-var webAnimationOverlayEasing = [0.42, 0, 1, 1];
+var webAnimationOverlayEasing = {
+  x1: 0.42,
+  y1: 0,
+  x2: 1,
+  y2: 1
+};
 var fullscreenModal = {
   header: {
     height: 56
@@ -3969,6 +3999,11 @@ function BottomSheetContainerView(props) {
     padding: "kitt.bottomSheet.container.padding"
   }, props));
 }
+
+/**
+ * @internal This component is for kitt-universal internal use only.
+ * Please use `NavigationBottomSheet` instead.
+ */
 var BottomSheet = /*#__PURE__*/forwardRef(BottomSheetComp);
 BottomSheet.View = BottomSheetContainerView;
 BottomSheet.SheetView = BottomSheetView;
@@ -4103,11 +4138,10 @@ function NativeOpacityAnimation$2(_ref) {
     var _theme$kitt$cardModal = theme.kitt.cardModal.animation.overlay,
       duration = _theme$kitt$cardModal.duration,
       easing = _theme$kitt$cardModal.easing;
-    var _easing = _slicedToArray(easing, 4),
-      x1 = _easing[0],
-      y1 = _easing[1],
-      x2 = _easing[2],
-      y2 = _easing[3];
+    var x1 = easing.x1,
+      y1 = easing.y1,
+      x2 = easing.x2,
+      y2 = easing.y2;
     return {
       opacity: withTiming(visible ? 1 : 0, {
         duration: duration,
@@ -4143,11 +4177,10 @@ function NativeRotationAnimation$1(_ref) {
     var _theme$kitt$cardModal = theme.kitt.cardModal.animation.content,
       duration = _theme$kitt$cardModal.duration,
       easing = _theme$kitt$cardModal.easing;
-    var _easing = _slicedToArray(easing, 4),
-      x1 = _easing[0],
-      y1 = _easing[1],
-      x2 = _easing[2],
-      y2 = _easing[3];
+    var x1 = easing.x1,
+      y1 = easing.y1,
+      x2 = easing.x2,
+      y2 = easing.y2;
     rotation.value = withTiming(visible ? 0 : 5, {
       duration: duration,
       easing: Easing$1.bezier(x1, y1, x2, y2)
@@ -4704,11 +4737,10 @@ function NativeOpacityAnimation$1(_ref) {
     var _theme$kitt$dialogMod = theme.kitt.dialogModal.animation.overlay,
       duration = _theme$kitt$dialogMod.duration,
       easing = _theme$kitt$dialogMod.easing;
-    var _easing = _slicedToArray(easing, 4),
-      x1 = _easing[0],
-      y1 = _easing[1],
-      x2 = _easing[2],
-      y2 = _easing[3];
+    var x1 = easing.x1,
+      y1 = easing.y1,
+      x2 = easing.x2,
+      y2 = easing.y2;
     return {
       opacity: withTiming(visible ? 1 : 0, {
         duration: duration,
@@ -4744,11 +4776,10 @@ function NativeRotationAnimation(_ref) {
     var _theme$kitt$dialogMod = theme.kitt.dialogModal.animation.content,
       duration = _theme$kitt$dialogMod.duration,
       easing = _theme$kitt$dialogMod.easing;
-    var _easing = _slicedToArray(easing, 4),
-      x1 = _easing[0],
-      y1 = _easing[1],
-      x2 = _easing[2],
-      y2 = _easing[3];
+    var x1 = easing.x1,
+      y1 = easing.y1,
+      x2 = easing.x2,
+      y2 = easing.y2;
     rotation.value = withTiming(visible ? 0 : 5, {
       duration: duration,
       easing: Easing$1.bezier(x1, y1, x2, y2)
@@ -6429,7 +6460,7 @@ function DocumentPicker(_ref) {
   var childElement = Children.only(children);
   var handlePickDocument = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var _childElement$props$o, _childElement$props;
+      var _childElement$props$o, _childElement$props, _result$assets$;
       var result;
       return _regeneratorRuntime().wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -6447,7 +6478,7 @@ function DocumentPicker(_ref) {
             }));
           case 5:
             result = _context.sent;
-            if (!result.canceled && result.assets[0].file) {
+            if (!result.canceled && (_result$assets$ = result.assets[0]) !== null && _result$assets$ !== void 0 && _result$assets$.file) {
               onDocumentUpload(result.assets[0].file);
             }
           case 7:
@@ -6496,7 +6527,7 @@ function ImagePicker(_ref) {
             }));
           case 5:
             result = _context.sent;
-            if (!result.canceled) {
+            if (!result.canceled && result.assets[0]) {
               onImageSelected(result.assets[0]);
             }
           case 7:
@@ -7022,36 +7053,34 @@ function GoogleMapsAutocompleteProvider(_ref) {
             _yield$predictionsPro = _context.sent;
             results = _yield$predictionsPro.results;
             status = _yield$predictionsPro.status;
-            if (!(status !== 'OK')) {
-              _context.next = 13;
-              break;
+            if (status !== 'OK') {
+              dispatch({
+                type: 'search-error'
+              });
             }
-            dispatch({
-              type: 'search-error'
-            });
-            return _context.abrupt("return");
-          case 13:
-            // We cache the results to avoid calling the API again if the user types the same value
-            searchResultsCache.current[value] = results;
-            dispatch({
-              type: 'search-success',
-              payload: {
-                results: results
-              }
-            });
-            _context.next = 20;
+            if (results) {
+              // We cache the results to avoid calling the API again if the user types the same value
+              searchResultsCache.current[value] = results;
+              dispatch({
+                type: 'search-success',
+                payload: {
+                  results: results
+                }
+              });
+            }
+            _context.next = 17;
             break;
-          case 17:
-            _context.prev = 17;
+          case 14:
+            _context.prev = 14;
             _context.t0 = _context["catch"](4);
             dispatch({
               type: 'search-error'
             });
-          case 20:
+          case 17:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[4, 17]]);
+      }, _callee, null, [[4, 14]]);
     }));
     return function () {
       return _ref2.apply(this, arguments);
@@ -8144,11 +8173,10 @@ function NativeOpacityAnimation(_ref) {
     var _theme$kitt$fullscree = theme.kitt.fullscreenModal.animation.overlay,
       duration = _theme$kitt$fullscree.duration,
       easing = _theme$kitt$fullscree.easing;
-    var _easing = _slicedToArray(easing, 4),
-      x1 = _easing[0],
-      y1 = _easing[1],
-      x2 = _easing[2],
-      y2 = _easing[3];
+    var x1 = easing.x1,
+      y1 = easing.y1,
+      x2 = easing.x2,
+      y2 = easing.y2;
     return {
       opacity: withTiming(visible ? 1 : 0, {
         duration: duration,
@@ -8184,11 +8212,10 @@ function NativeSlideInAnimation(_ref) {
     var _theme$kitt$fullscree = theme.kitt.fullscreenModal.animation.content,
       duration = _theme$kitt$fullscree.duration,
       easing = _theme$kitt$fullscree.easing;
-    var _easing = _slicedToArray(easing, 4),
-      x1 = _easing[0],
-      y1 = _easing[1],
-      x2 = _easing[2],
-      y2 = _easing[3];
+    var x1 = easing.x1,
+      y1 = easing.y1,
+      x2 = easing.x2,
+      y2 = easing.y2;
     return {
       transform: [{
         translateY: withTiming(visible ? 0 : wHeight, {
@@ -11829,6 +11856,7 @@ function NavigationBottomSheet(_ref) {
     snapPoints = _ref.snapPoints,
     maxDynamicContentSize = _ref.maxDynamicContentSize,
     isVisible = _ref.isVisible,
+    isExpanded = _ref.isExpanded,
     onClose = _ref.onClose;
   var bottomSheetRef = useBottomSheet();
   useEffect(function () {
@@ -11840,6 +11868,15 @@ function NavigationBottomSheet(_ref) {
       (_bottomSheetRef$curre2 = bottomSheetRef.current) === null || _bottomSheetRef$curre2 === void 0 || _bottomSheetRef$curre2.close();
     }
   }, [bottomSheetRef, isVisible]);
+  useEffect(function () {
+    if (isVisible && isExpanded) {
+      var _bottomSheetRef$curre3;
+      (_bottomSheetRef$curre3 = bottomSheetRef.current) === null || _bottomSheetRef$curre3 === void 0 || _bottomSheetRef$curre3.expand();
+    } else {
+      var _bottomSheetRef$curre4;
+      (_bottomSheetRef$curre4 = bottomSheetRef.current) === null || _bottomSheetRef$curre4 === void 0 || _bottomSheetRef$curre4.collapse();
+    }
+  }, [bottomSheetRef, isVisible, isExpanded]);
   return /*#__PURE__*/jsx(BottomSheet, {
     ref: bottomSheetRef,
     maxDynamicContentSize: maxDynamicContentSize,
@@ -13191,13 +13228,14 @@ function TabBar(_ref) {
     }, props), {}, {
       children: Children.map(tabItems, function (child, index) {
         var tab = tabs[index];
+        if (!tab) throw new Error("TabBar: tab is undefined at index ".concat(index));
         return /*#__PURE__*/jsx(View, {
           children: /*#__PURE__*/cloneElement(child, {
             color: color,
             onPress: function onPress(event) {
               var _child$props$onPress, _child$props;
               onChangeTab({
-                tab: tabs[index],
+                tab: tab,
                 index: index
               });
               (_child$props$onPress = (_child$props = child.props).onPress) === null || _child$props$onPress === void 0 || _child$props$onPress.call(_child$props, event);
@@ -14008,6 +14046,7 @@ function TypographyLink(_ref) {
         'kitt-universal': 'true'
       },
       _web: {
+        // @ts-expect-error: This is only used on web where 'not-allowed' and 'pointer' are valid cursor values
         cursor: disabled ? 'not-allowed' : 'pointer',
         transitionProperty: 'color',
         transitionDuration: '0.2s',